Next js CSS Module
Next js 에서의 스타일링은 리엑트에서와 같이 jsx 태그에 style={{ color:"#000000" }} 과 같이 작성을 할 수 있지만, module이라는 것을 사용할 수 있습니다. CSS Module 파일 생성 다음과 같이 NavBar.module.css라는 파일을 생성해주고 css를 작성합니다. 이때 앞의 NavBar의 이름은 중요하지 않지만 뒤의 .module.css는 Next js에서 css 모듈을 만들때엔 고정 패턴입니다. CSS Module 사용 그리고 css 모듈을 사용할 컴포넌트에서 다음과 같이 사용합니다. 먼저 생성한 module 파일을 styles로 import 해옵니다. nav에 className에 .nav로 css를 작성했으니 styles.nav를 작성합니다. import ..
Next js 수박 겉핥기식 공부시작 및 설치
노마드코더님의 강의로 공부를 시작했습니다. 전체적인 next js의 원리와 사용법을 익힌후 심화해서 공부할 계획입니다. next js 설치 설치하고 싶은 폴더에서 터미널 또는 cmd 창을 열어 다음 명령어를 입력해줍니다. 뒤에 --typescript를 붙이면 타입스크립트 프로젝트로 설치할 수 있습니다. // 1. 최신 버전 설치 npx create-next-app@latest // 타입스크립트와 함께 설치시 npx create-next-app@latest --typescript // 2. 프로젝트 이름 설정 What is your project named? 내 프로젝트 이름입력 next js 실행 성공적으로 설치가 되면 위와같이 해당경로의 폴더를 코드 에디터를 통해서 열어주고 package.json의 s..