이전 글에서 생성한 nextjs 프로젝트는 구성도가 아래와 같이 되어 있습니다. 1. package.json, tsconfig.json 프로젝트의 전체 설정에 대한 내용이 담겨있습니다. 여기에는 프로젝트를 어떻게 실행시킬지와 어떤 dependency를 프로젝트에서 사용하고 있는지 보여줍니다. 추가적으로 package-lock.json 은 자동으로 생성됩니다. 또, tsconfig 파일은 타입스크립트 파일을 임포트하거나 타입스크립트 버전, 라이브러리 등을 설정하는 파일입니다. { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict":..
안녕하세요! 이번 글에서는 요새 핫한 프로젝트인 nextjs 를 활용하여 프로젝트를 생성하는 법을 기술하고자 합니다. 가장 먼저 Node.js와 Node Package Manager인 npm을 설치해보도록 하겠습니다. $ brew install node$latest $ brew install npm 그리고 설치가 완료되면 npx 명령어를 활용해 nextjs 프로젝트를 생성합니다. $ npx create-next-app@latest --typescript 다음으로 추가적으로 설치하는 패키지를 물어봅니다. Need to install the following packages: create-next-app@latest Ok to proceed? (y) y 다음으로 프로젝트의 이름을 물어봅니다. What is ..