Next js에서의 CSS

Q.

Next js에서의 CSS

익명11월 9일

안녕하세요 . 현재 Nextjs랑 global.scss(_app.tsx 에 물려있는)로만 프로젝트가 이루어져있는데, 페이지랑, 컴포넌트의 개수가 많아지다보니, 페이지별 또는 컴포넌트별 또는 아예 파일별로 css파일을 분리하려고 합니다. Next js 에서 파일별로 css를 다루기 위해서는, 여러가지 방법 중. index.moduel.css 파일을 생성 . header { // 스타일작성 } index.tsx에서 "import styles from "./index.moduel.css" //임포트 <div className={styles.header}>hello</div> //스타일적용 이런식으로 사용하는것으로 알고 있습니다. 궁금한것이, 이런식으로 classname을 자체적으로 생성해주면서 , 스타일을 적용하는 방식의 경우에는 document.getElementByClassName 식의 접근은 불가한데, 1. 이를 id나 name으로 대체하고 사용하는 것인지요 ? 2. Next js에서의 파일별로 CSS를 작성하고 싶을때 어떤 것을 사용하고 계신지요?(CSS,SCSS,tailwind,styled component,,,) 두서없이 적은 글 죄송합니다. 도움 주시면 감사하겠습니다.

질문을 평가해주세요!

구체적이고 정성스러운 질문에 추천을 눌러주세요.

설명이 부족한 질문에 비추천을 눌러주세요. 커리어리가 질문자에게 수정을 요청할게요.

커리어리에 가입하고
모든 질문의 답변을 열람하세요.

각 분야 현직자들의 명쾌한 답변을 얻을 수 있어요.

답변이 1개 더 있어요!