LLSJYY
commented
1 year ago js toggle을 했을때, css가 적용이 되지않는 것을 보고 css-in-js 방식을 채택해서 그런것을 유추할 수 있었습니다.
해결방법
- styled-component는 ssr을 지원하니 업데이트를 해줍니다.
- Tailwind로 마이그레이션 합니다
사실, TailwindCSS를 학습하기 위해 styled-component를 채택했던것이기 때문에 ,2번의 방법이 조금 더 적합할것 같으나 고민이 필요한 문제라 보류하겠습니다.
최초로 페이지에 진입할때 css가 적용되지 않은 상태로 렌더링이 됩니다.
https://user-images.githubusercontent.com/96014828/230067990-d9e80e03-f30c-4390-9dd9-e768ea1aa702.mov