(실습1) 포모도로 타이머 프로젝트 에러사항 문의드립니다.

코딩 몰라도 OK! CursorAI로 시작하는 개발 생활 (웹/초급)

포모도로 타이머 프로젝트 세팅

작성

189

<실습1: 포모도로 타이머 프로젝트 세팅>

Node Js. 다운로드 후 커서 인터페이스 상에서 실습1 프로젝트 진행을 위해 새폴더 생성 후 불러온다
폴더 생성 후 터미널 창을 생성하는데 이때 단축키는 ctrl + J키 이다
터미널 창에서 명령어 단축키인 ctrl + k키를 누르고, 프롬프트를 입력한다.

--> 프롬프트 : 폴더에 바로 하위폴더를 생성하지 않고, 리액트, 테일윈드, 타입스크립트 프로젝트를 생성하는 명령어

까지 강의해주시는 내용에 맞춰 진행해보았으나, 터미널 창에 에러가 발생하고 별도 하위 폴더라 생성되지 않는 오류가 있습니다.

유사한 질문을 주신 다른 학습자분께 작성해주신 메모를 참고하여 Git Bash를 설치하고 터미널 창에서 변경하여 재시도 해보았으나 문제가 해결되지 않았습니다.

코딩에 대한 지식이 전무하여, 가능하시다면 글로 작성된 설명 보다 캡처화면과 연계하여 별도 세부 설명이 있으면 좋을 것 같습니다.

감사합니다.

react 웹-디자인 firebase no-code cursor vercel

답변 3

bjkim

npm error could not determine executable to run 어떤 경우인가요?

룰씨

일단 저도 초보 입장에서 GPT 에게 물어물어 해결한 내용들을 적어드립니다.

뭐라고 뭐라고 어쩌고 저쩌고 하면서 "보안오류" 가 뜨는 경우가 있었습니다.

윈도우즈의 파워쉘에서 npx 명령어 실행을 막는거라고 합니다.
Windows 키 + S 를 눌러 PowerShell 을 검색합니다.
"관리자 권한으로 실행" 을 선택합니다.
푸르딩딩한 화면이 뜹니다.
Set-ExecutionPolicy Unrestricted -Scope CurrentUser 를 붙여넣기 한뒤에 y 를 누릅니다.
보안을 낮춰서 커서의 터미널에서 npx 명령어가 실행되도록 하는 명령어인거 같습니다.
실습을 끝낸뒤에는 Set-ExecutionPolicy Restricted -Scope CurrentUser 를 붙여넣기한뒤에 y 를 눌러서 보안 설정을 되돌리기 할수 있습니다.

실습을 위해 만드는 폴더 경로에 영어 대문자가 포함되면 작동하지 않았습니다.

폴더명에 한글이나 대문자가 포함되지 않은, 순수 영문 소문자만으로 만드는게 좋을듯 합니다.

리엑트 버전이 19 버전이면 오류가 난다고 합니다.

리엑트 18버전을 강제로 깔아주면 정상작동 하는거 같습니다.
커서의 터미널에 npm install react@18 react-dom@18 라고 붙여넣으면 리엑트 18버전이 설치됩니다.

이 과정을 거친뒤에 커서의 터미널에

npx create-react-app . --template typescript ; npm install -D tailwindcss postcss autoprefixer ; npx tailwindcss init -p

라고 붙여넣으면 하위 폴더들이 생성됩니다.

컨트롤K 눌러서 "폴더에 바로 하위폴더를 생성하지 않고, 리액트, 테일윈드, 타입스크립트 프로젝트를 생성하는 명령어" 라고 쓰면 나오는 내용이 중간중간에 "&&" 가 들어가 있는데, 윈도우즈 환경에서는 인식을 못하는 명령어인거 같습니다. 아마 맥이나 리눅스에서 사용되는 명령어 인거 같습니다. 이걸 " ; " 로 변경하면 됩니다.
생성되는 하위 폴더가 완벽하게 동일하지 않을수도 있습니다. 저도 "테일윈드" 관련 폴더나 파일이 생성되지 않았습니다.
이 부분은 커서가 알아서 필요한걸 만들어 줬습니다. 완벽하게 동일하지 않더라도, 하위폴더와 파일이 생성되면 실습을 진행하시면 될거 같습니다.

저도 초보 입장에서 생겼던 문제들을 물어물어 해결한 내용들 입니다.

잘 하시는 분들이 보시면 허접한 내용들일수 있겠지만, 같은 초보 입장에서 같이 먹고 살자는 생각에 답변 남겨 봅니다.

한가지 더..

아실지 모르겠지만서도..

커서의 터미널에서 명령어를 실행한뒤에 에러가 뜨건 실행이 되건 해서, 아무런 입력이 안먹힐떄가 있었습니다.

그럴땐 컨트롤C를 누르면 입력 가능해집니다.

저만 몰랐으려나요,,

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. wj.jeong님.

포모도로 타이머 프로젝트 설정 중 발생한 문제에 대해 자세한 설명을 주셔서 감사합니다. 터미널 창에 오류가 발생하고 하위 폴더가 생성되지 않는 문제가 있군요. 우선 가장 흔한 원인은 PowerShell의 && 연산자 지원 문제일 수 있으며, Git Bash를 사용한 시도도 좋지만 정확한 설정이 필요할 수 있습니다. 아래의 해결 방법을 참고해 주세요:

1. 명령어 분리 실행

Git Bash 또는 다른 터미널에서 명령어를 하나씩 수행해 보세요.

npx create-react-app . --template typescript
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

2. && 연산자 지원이 되는 환경 확인

Git Bash가 설치되어 있어도, 사용하는 터미널 설정이 잘못되었을 수 있습니다. Git Bash를 설치 후, 작업 환경을 꼭 Git Bash로 변경하여 위 명령어를 다시 시도해 보세요.

3. 문제 발생 시 확인할 사항

Node.js와 npm의 버전이 최신인지 확인하세요. 명령어로 node -v와 npm -v를 입력하여 반환 값을 확인합니다.
Git Bash를 사용하는 경우 환경 변수가 올바르게 설정되어 있어야 합니다. 경로 설정을 확인해 보세요.

관련된 유사한 문제에 대한 설명은 insert버튼이 안나오는데 뭐가 문제일까요?에서도 다뤄진 적이 있으니 참고하시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변