이번 졸업을 하면서 인텔리 제이를 사용 못할것을 대비하여
vscode 셋팅을 준비하고 있다.
우선 next js 프로젝트를 만드는 명령어에 타입스크립트 옵션을 추가해주자
터미널을 열고.(참고 맥사용자...)
npx create-next-app@latest --typescript
@latest 는 빼줘도 된다.(맨 마지막 버전이랜다.)
npm, npx 는 여기를 참고하도록
https://elevatingcodingclub.tistory.com/87
[Node.js] MACOS에 Homebrew를 이용하여 Node.js 설치하기
1. node 설치 2. npx 설치 - npx는 1회성으로 최신 버전이 노드 패키지를 내려받아 설치시켜주는 노드 패키지이기 때문에 npx는 npm으로 설치해주어야 한다고 한다.
elevatingcodingclub.tistory.com
여러가지 물어본다.
What is your project named?
- 프로젝트 이름
Would you like to use ESLint?
- ESLint는 문법에서 틀린것을 표시해주는 것이란다.
Would you like to use Tailwind CSS?
- 테일윈드 Css를 사용할것인가? 아마도 라이브러리를 미리 설치해준다는것이겠지?
Would you like your code inside a 'src/' directory?
- src폴더에 app이란 디렉토리가 생겼다...
Would you like to use App Router?(recommended)
- 어떻게 사용하는것인가.. 일단 Yes를 했지만... 같이 알아가봐요...
Would you like to use Turbopack for 'next dev'?
- Turbopack은 빠른개발 도구란다.
Would you like to customize the import alias (*@/** by default)?
- 모르면 다 Yes 지.. ㅋㅋㅋ alias는 터미널에서 바로가기를 만드는 것인데...
What import alias would you like configured?
- 요것도 그냥 앤터하면 @/*이 자동생성된다.
에러...
무었일까....
npm install has failed 를 해보았다.
이상없다...
혹시 파일이 생겼을까 본다.
생겼다...
빌드를 해보자...
그렇다 난 next를 설치 안하고 돌렸었다.ㅋ
npm install next react react-dom
위에 똑같은 에러가 나왔다.
쥐피티는 이런 문제라고 한다.
첫번째 시도.
npm cache clean --force
에러로 실패 언링크란다.
yarn install 을 하고 yarn dev 를 하라고 한다.
https://velog.io/@e_juhee/error-yarn-dev
[yarn dev 오류] /bin/sh: next: command not found
서버 실행이 안되는 경우
velog.io
감사합니다.
그럼 해결되었다....
프로젝트 진행해보자...
==================================================================
하다보니 해결이 아니였다...
이건 권한 문제였다.
라이브러리 인스톨을 할 때 마다 충돌이였다.
sudo chown -R $(whoami) ~/.npm
그냥 그대로 치고
다시 라이브러리 인스톨
잘된다. 다시 안녕...
'next ts( next.js, typescript)' 카테고리의 다른 글
| NginX로 Next 배포하기(standalone, export) 맞을까? (0) | 2025.03.07 |
|---|---|
| Next.ts 서버 배포하기 (0) | 2025.03.06 |