Loading...
2021. 2. 19. 16:20

[React, NextJS] tsconfig.json 절대경로 설정과 폴더구조 고찰

1. NEXTJS에 타입스크립트 설정방법 ** new 여러 글과 영상을 보고 next에 typescirpt를 적용하는 것을 따라했는데 이상하게 tsc로 ts파일을 변환하는 것은 되는데 next의 컴포넌트 타입체크를 안하는 문제가 있었다. vscode 에디터 save 속성과 관련되어 있는 문제 같은데 수정이 힘들어서 그냥 새로 폴더를 다시 생성했고 더 간단한 방법을 찾았다. 1. 루트 프로젝트에 touch tsconfig.json 파일 생성 (빈페이지로) touch tsconfig.json 2. yarn add --dev typescript @types/react @types/node 설치 3. npm run dev 혹은 yarn dev 실행 이렇게만 하면 알아서 typescirpt 설정을 해준다 bb 완..

2020. 10. 30. 19:54

[React] 파일 절대 경로 설정 (jsconfig.json)

가끔씩 파일 경로를 import 하다보면 길어서 불편할 때가 있다 import Test from '../../../Test'; 그래서 나는 항상 절대 경로를 설정해준다 javascript이므로 jsconfig.json 파일을 만들어서 해주면 된다 기본 CRA 프로젝트를 생성하면 src 파일이 있는데 이 파일에 대부분의 소스코드를 넣으니 여기를 기준으로 하면 된다 jsconfig.json (package.json과 같은 위치에 만들어준다) { "compilerOptions": { "baseUrl": "src" }, "include": [ "src" ] } 이렇게 하면 src 키워드 없이 절대 경로로 import 하면 된다 components 밑의 Temp컴포넌트를 App.js로 import 해보겠다 imp..