[오늘의개발TMI_250510] : 사이드 프로젝트 시작

아는 개발자분과 함께 사이드 프로젝트를 시작했다! 

next.js 프레임워크로 프론트 개발 공부를 할 예정이다~

 

맥북 command로 아래 명령어를 쳤는데,, 

npx create-next-app

 

⚠️ EACCES 오류가 발생했다 !! : permission denied, mkdir ...

💡cmd에 sudo chown -R $(whoami) ~/.npm 입력 (현재 사용자에게 ~/.npm 폴더의 소유권을 부여하겠다는 뜻이다)

원인: 패키지 설치 당시에 sudo 로 설치하면 CLI 명령어가 명령어를 실행한 유저의 소유자로 기본 지정되기 때문에 발생하는 문제라고 함.

 

--------------------

 

누가 만든 프로젝트를 vscode로 clone했을 때,

내 폴더 내 환경 세팅이 덜 되어있어서 빨간줄 에러가 발생했다.!

 

⚠️ Vscode에 빨간줄 -> JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.ts

💡타입스크립트에서 JSX를 사용하려면 JSX를 이해할 수 있는 React 타입 정의 파일이 있어야 하는데 설치되지 않고 누락됐을때 발생.

npm install --save-dev @types/react@latest @types/react-dom@latest
npm install react@latest react-dom@latest

 

그 밖에도 빨간줄을 없애기 위해 아래 명령어들로 설치를 진행했다. .!

 

npm install @tanstack/react-query

npm install @tanstack/react-query-devtools

npm i --save-dev @types/node

npm install zustand