프로젝트 생성

npx create-next-app@latest --typescript 또는
npx create-next-app@latest --ts 둘다 사용해도됨 똑같음 ㅇㅅㅇ

위 명령어 입력 후 프로젝트 이름을 입력하라고 뜨면 프로젝트 이름 입력
-끝-

프로젝트 초기 설정

api 폴더
Styles 폴더 안에 globals.css
Home.module.css

위의 항목들을 삭제해준다.
이것들을 사용하는 곳에서도 코드를 삭제해주면 된다. 안쓰는거임 ㅇㅇ

프로젝트 실행

npm run dev

실행하면 현재 프로젝트를 실행할 수 있다.
npm run dev와 npm dev run을 맨날 헷갈리는데
지금 치다보니까 랑데뷰로 기억하면 좀 편할듯 하다.

styled-components 설치

npm install styled-components
npm install @types/styled-components

npm install 은
라이브러리 설치 명령어이다.

@types가 붙은 패키지는
타입스크립트 파일 (타입) 을 설치하는 것
패키지 마다 있는 것도 있고 포함되어 있는 것도 있다.