Next.js 스타일링 방식 결정
Next.js 에서 스타일링을 하는 방법들이 다양한 것으로 알고 있습니다.
css-in-js도 제공하는 styled-jsx
아니면 재설정 해서 styled-component, emotion ..... 등등
프로젝트 스타일링을 scss, scss module로 결정하셨는데 혹시 이유가 있나요 ?????
답변 1
0
안녕하세요 질문 감사합니다 :)
강의를 구상하는 과정에서, 대부분의 수강생분들이 편하게 받아들일 수 있는게 무엇일지 고민하다 내린 결정이었습니다.
리액트 컴포넌트에서 작성한 HTML tag와 개발자 도구의 DOM을 비교하면서 설명해야하기 때문에 css-in-js보다 HTML tag + className을 사용하는 게 좋다고 판단했습니다. (+ css-in-js의 성능적 overhead를 굳이 부담하고 싶지도 않았습니다.)
tailwind는 트렌디하지만 진입 장벽이 있어서 제외했고, styled-jsx는 긴 스타일 코드를 리액트 컴포넌트와 분리하고 싶어하는 개인적 취향으로 제외했습니다ㅎㅎ..
Next.js가 기본적으로 css module을 지원하는데, 그 사실도 알려드릴 겸 + 진입장벽/성능/관심사 분리/강의 방식 등을 종합적으로 고려하여 결정하게 되었습니다.
감사합니다!
API 라우터를 사용해야 하는 경우에 대해
1
165
1
키보드 어떤 거 사용하시나요
1
363
1
next.js 멀티플 런타임 관련해서 질문 올립니다..
1
371
2
아주 기초적인 질문입니다.
1
339
1
서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?
1
1186
2
수업을 듣다가 SSR에 관하여..
1
557
2
interface 와 type
1
387
1
엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.
1
398
1
onLoad함수 (script태그의 onLoad X)
1
432
1
dynamic에 대한 질문
1
458
1
SSR vs SSG
1
484
2
NoSSR 관련한 질문입니다:)
1
380
1
a tag 질문 !
1
333
2
8분 20초 배포 관련
1
328
2
안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다
0
2706
2
emotion styles 파일이 빌드시 경고로 뜹니다.
1
444
1
naver map 이 출력되지 않습니다.
1
488
1
페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?
1
272
2
Failed to load resource: the server responded with a status of 404 ()
1
1040
2
VSCode 익스텐션 궁금합니다.
1
359
1
상태관리 질문 있습니다!
1
454
1
swr에 대한 질문입니다. (용어 관련)
1
382
1
swr 질문입니다!
1
341
1
안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.
1
687
2