NextJS 세팅 중 생긴 궁금증

NextJS 세팅 중에 생긴 궁금증

1. ESlint?
   ES(Ecma Script)+Lint 말그대로 Ecma에서 만들 표준을 지키도록하는 에러가이드!
   코드스타일을 정할 수 있어 후에 협업시에 유용하다.

2. Prettier?
   문법적 오류를 체크하는 ESLint가 있다면 문법과 다르게 코딩스타일을 체크해 저장마다 맞추어주는 거이 Prettier이다.

3. npm VS yarn?
   페이스북에서 개발을 하며 npm말고 새로 만들어 쓰자한게 yarn 즉 속도, 보안 측면에서 더 좋다.
   특히 패키지 설치 프로세스에서 하나씩 처리하는 npm과 다르게 동시에 가져와 설치하는 yarn이 더 빠르다.

npm은 패키지에 포함된 다른패키지를 자동으로 실행에 보안에 취약성 생긴다. 하지만 yarn은 yarn.lock, package.json파일에 있는 파일만 설치한다.

도움 링크

그다음 cna(create-next-app)을 이용한 세팅을 보면
이름, TS, ESLint, Tailwind, src/이후에 router방식을 정한다.
router방식에서 app라우터를 쓰냐고 물어는데 next13버젼 이하에서는 page Router이 기본이였다.

이 방식을 설명하자면 /pages폴더를 기반으로 만드는 방식으로 그 속에 파일 하나하나가 라우터를 담당하는 방식이다.

하지만 app라우터 방식에서 /app속의 모든 page파일이 화면을 나타내고 하나 하나의 폴더 구조가 router구조를 나타낸다. 또 상위 폴더의 레이아웃 파일은 그 하위 모든 페이지의 레이아웃을 정한다.