NextJS

Next.js를 사용하여 클론 코딩을 하기보다 좀 느리더라도 어느정도 코드의 의미를 더 깊이 파악하면서 가보고자 합니다.이번 글에서는 npx create-next-app 명령어를 사용하여 넥스트 프로젝트를 생성했을때 만들어진 파일들에 대해서 들여다보고자 합니다.파악해보

Tailwindcss 웹사이트 메인 페이지에 나와있는 tailwind 정의utility-first: class를 직접 만들어 css를 적용하는게 아니라 이미 만들어진 CSS용 class를 이용하여 html 요소에 적용하는 방식postcss 라이브러리의 플러그인text-

npm publish 하는 경우 명령어가 실행되지 않도록 강제하는 설정npm publish 는 NPM Registry에 프로젝트를 업로드하는 것을 의미Next.js 를 create-next-app 으로 설치하는 경우 package.json에 생성됨major/minor/

모듈 방식을 어떤 것을 선택할지 결정CommonJS, UMD, ESModule 등 이 중에서 결정자바스크립트 버전으로 어떤 모듈 방식이 적용되는지 결정moduleResolution 속성에 영향을 미침모듈 import가 어떠한 알고리즘으로 지정된 경로의 파일을 찾을지 결

타입스크립트는 기본적으로 Es Module에서 commonjs 모듈을 불러오는 것을 막고있다.위 설정을 활성화하면 EsModule 에서 CommonJS 모듈을 import 할 수 있게 된다.json 파일을 import할 수 있게 해준다.Node 는 기본적으로 Commo

.tsbuildinfo 라는 파일을 생성하는 속성타입스크립트가 이전 컴파일 정보를 이용하여 다음 컴파일때 더 빠르게 타입 체크를 할 수 있도록 한다원래 noEmit 속성과 함께 활성화되면 작동되지 않았지만 TS 4.0 부터 .tsbuildinfo 파일이 생성되도록 변경

html문서에 입력된 텍스트를 UTF-8 방식으로 인코딩한다.한글이나 아랍어 같은 영어 이외의 문자가 문서에 존재한다고 가정하자.이때 charset 값이 UTF-8이 아닌 ascii 로 설정되어 있다면문자 인코딩이 ascii 방식으로 진행되어 영어 이외의 언어는 알아먹

Next 13부터 지원되는 라우팅 방식Page Router와 같이 사용이 가능하다.같이 사용 가능한 이유는 Page Router 방식에서 App Router 방식으로 변경되면서 많은 부분들이 바뀌었기 때문에 기존에 Page Router 방식으로 개발해놨던 프로젝트들을