인프런 커뮤니티 질문&답변
작성한 질문수
insert버튼이 안나오는데 뭐가 문제일까요?
작성
·
39
0
안녕하세요. 포모도로 앱만드는 첫번째 부터 막히네요 ㅠㅠ
일단 insert버튼이 생기지 않는데 뭐가 문제인걸까요? 이런식으로만 뜨네요 계속해봐도 ㅠㅠ
PS C:\Users\your_\OneDrive\바탕 화면\다시> npx create-react-app . --template typescript && npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -pPS C:\Users\your_\OneDrive\바탕 화면\다시> npx create-react-app . --template typescript && npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p
위치 줄:1 문자:46
+ npx create-react-app . --template typescript && npm install -D tailwi ..
.
+ ~~
'&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.
위치 줄:1 문자:97
+ ... escript && npm install -D tailwindcss postcss autoprefixer && npx ta
i ...
+ ~~
'&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.
위치 줄:1 문자:205
+ ... ive\바탕 화면\다시> npx create-react-app . --template typescript &&
npm ins ...
+ ~~
'&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.
위치 줄:1 문자:256
+ ... escript && npm install -D tailwindcss postcss autoprefixer && npx ta
i ...
+ ~~
'&&' 토큰은 이 버전에서 올바른 문 구분 기호가 아닙니다.
+ CategoryInfo : ParserError: (:) [], ParentContainsErrorRec
ordException
+ FullyQualifiedErrorId : InvalidEndOfLine
PS C:\Users\your_\OneDrive\바탕 화면\다시>
어떤 프로그램을 어디서 어떻게 깔아야 하는지부터, 어떻게 설정을 하는지
물론 정리를 해주셨지만 순서도 모르겠고 적용하는것도 어려운 거 같아요.
처음 강의부터 아예 같이 시작을 하고 설명을 들었으면, 오류가 안났을거같은데
수업관련 파일은 또 따로 봐서 공부를 해야하고, 알아서 다 설치하고 공부한다음에
강의를 들어야해서그런지 잘 이해가 안가는거같아요..ㅠㅠ
오류가 난게 제가 뭐 프로그램을 잘못설치해서그런건지, 아니면 설정을 뭔가 잘못해서 그런건지
잘모르겠네요 답변주시면 감사하겠습니다..
답변 1
0
위 상황은 PowerShell에서 && 연산자가 제대로 작동하지 않는 경우로 보입니다.
PowerShell은 Linux나 macOS의 Bash와 다르게 && 연산자를 기본적으로 지원하지 않습니다.
대신, 명령어를 각각 실행하거나 별도의 방법을 사용해야 합니다.
아래는 문제를 해결하기 위한 방법들입니다.
1. 명령어 분리 실행
PowerShell에서 && 대신 각 명령어를 따로 실행하세요.
npx create-react-app . --template typescript
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
2. 한 줄로 실행하는 방법 (PowerShell 전용)
PowerShell에서 여러 명령어를 연결하려면 ;를 사용하세요.
npx create-react-app . --template typescript; npm install -D tailwindcss postcss autoprefixer; npx tailwindcss init -p
3. OneDrive 경로 문제 해결
OneDrive 경로에서 작업할 때, 파일 동기화 문제로 인해 오류가 발생할 수 있습니다. 이 경우, 다른 로컬 디렉토리에서 프로젝트를 생성하는 것을 추천합니다.
3.1. 새로운 로컬 폴더 생성:
mkdir C:\Projects\PomodoroApp
cd C:\Projects\PomodoroApp
3.2. 새로운 디렉토리에서 다시 실행:
npx create-react-app . --template typescript
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
4. PowerShell 대신 다른 터미널 사용
Git Bash 또는 Windows Terminal을 사용하는 것도 좋습니다. Git Bash는 Linux 스타일 명령어를 지원하므로 && 연산자도 문제없이 작동합니다.
4.1. Git Bash 다운로드: Git for Windows
4.2. Git Bash에서 실행:
npx create-react-app . --template typescript && npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p
5. 추가 팁: 권장 사항
• Node.js 버전 확인: Node.js 버전이 최신인지 확인하세요.
node -v
npm -v
최신 버전이 아니라면 Node.js 공식 사이트에서 업데이트하세요.
• OneDrive 사용 지양: 프로젝트 폴더를 로컬 디렉토리로 이동하면 여러 문제를 줄일 수 있습니다.
위 방법 중 하나를 사용하여 문제를 해결한 뒤 다시 시도해 보세요! 😊