nextJS, yarn

1. nextJS

: react기반 웹 프레임워크다. 다음을 지원한다. 

• 다이나믹 라우트를 지원하는 직관적인 페이지 기반의 라우팅 시스템
• 각 페이지 마다 기본적으로 사전 렌더링, SSG(Static Generation)과 SSR(Server-Side Rendering)을 지원한다.
• 빠른 페이지 로딩을 위한 자동 코드 스플릿팅
• 최적화된 프리페칭을 이용한 클라이언트 사이드 라우팅
• Built-in CSS과 Sass 지원, 그리고 다른 CSS-in-JS 라이브러리 지원
• 개발 환경에서의 빠른 리프레시 지원
• 서버리스 환경에서 API를 구축하기 위한 API라우트
• 넓은 확장성

공식문서를 참고하여 첫 프로젝트 파일을 만들었다. 

Getting Started | Next.js

 

2. yarn 

npm과 같은 자바스크립트 패키지 매니저이다. yarn이 npm의 조금 향샹된 버전이라 생각하면 된다. 그냥 터미널 열고 깔아주자. 

yarn install

 

npm start -> yarn dev 로 실행해서 열어주면 된다. 

 

3. eslint, pretter 오류 

 

• 보일러 플레이트를 받아서 실행시키던 도중 다음과 같은 오류가 발생했다.  
• 열심히 해결했다...

Delete `␍` eslint (prettier/prettier

VSCode에서 발생하는 Delete `␍` eslint (prettier/prettier) 해결방법

[VS] Delete `␍` prettier/prettier 해결 방법

 

4. 그 외 오류..

TypeScript 사용할 때 'Cannot find module ...' 에러