인프런 커뮤니티 질문&답변
작성한 질문수
Next.js 스타일링 방식 결정
해결된 질문
작성
·
504
답변 1
0
박용주
지식공유자
안녕하세요 질문 감사합니다 :)
강의를 구상하는 과정에서, 대부분의 수강생분들이 편하게 받아들일 수 있는게 무엇일지 고민하다 내린 결정이었습니다.
리액트 컴포넌트에서 작성한 HTML tag와 개발자 도구의 DOM을 비교하면서 설명해야하기 때문에 css-in-js보다 HTML tag + className을 사용하는 게 좋다고 판단했습니다. (+ css-in-js의 성능적 overhead를 굳이 부담하고 싶지도 않았습니다.)
tailwind는 트렌디하지만 진입 장벽이 있어서 제외했고, styled-jsx는 긴 스타일 코드를 리액트 컴포넌트와 분리하고 싶어하는 개인적 취향으로 제외했습니다ㅎㅎ..
Next.js가 기본적으로 css module을 지원하는데, 그 사실도 알려드릴 겸 + 진입장벽/성능/관심사 분리/강의 방식 등을 종합적으로 고려하여 결정하게 되었습니다.
감사합니다!
정확히 알고 싶던 내용입니다!!!
감사합니다!