본문 바로가기
🌳Frontend/react

[yarn/Typescript/Next js] 프로젝트 셋팅

by Bㅐ추 2023. 3. 21.
728x90
반응형
yarn create next-app --typescript

What is your project named? 프로젝트 이름을 입력하세요
✔ Would you like to use ESLint with this project? … No / Yes EsLint 설정을 할 것인지

✔ Would you like to use `src/` directory with this project? … No / Yes src 디렉토리를 사용할 것인지
✔ Would you like to use experimental `app/` directory with this project? … No / Yes app 디렉토리를 사용할 것인지
✔ What import alias would you like configured? 절대경로를 사용할 것인지

// 상대경로
import HelloWorld from '../../.../HelloWorld.jsx'

// 절대경로
import HelloWorld from '@/components/HelloWorld.jsx'

하면, Next app 셋팅 완료

 

 

 

 

728x90
반응형

'🌳Frontend > react' 카테고리의 다른 글

React 에서 주의해야하는 Event 와 addEventListener  (0) 2023.03.24
[SWR] SWR 동작 시나리오  (0) 2023.03.22
[SWR] useSWR 장점  (0) 2023.03.22
[Jest] 설치 및 기본 실행  (0) 2023.03.21
useMemo가 성능에 미치는 영향  (0) 2023.03.21