insert버튼이 안나오는데 뭐가 문제일까요?

Question

안녕하세요. 포모도로 앱만드는 첫번째 부터 막히네요 ㅠㅠ 일단 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\바탕 화면\다시> 어떤 프로그램을 어디서 어떻게 깔아야 하는지부터, 어떻게 설정을 하는지 물론 정리를 해주셨지만 순서도 모르겠고 적용하는것도 어려운 거 같아요. 처음 강의부터 아예 같이 시작을 하고 설명을 들었으면, 오류가 안났을거같은데 수업관련 파일은 또 따로 봐서 공부를 해야하고, 알아서 다 설치하고 공부한다음에 강의를 들어야해서그런지 잘 이해가 안가는거같아요..ㅠㅠ 오류가 난게 제가 뭐 프로그램을 잘못설치해서그런건지, 아니면 설정을 뭔가 잘못해서 그런건지 잘모르겠네요 답변주시면 감사하겠습니다..

FreAiner Harris · Answer

위 상황은 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 사용 지양 : 프로젝트 폴더를 로컬 디렉토리로 이동하면 여러 문제를 줄일 수 있습니다. 위 방법 중 하나를 사용하여 문제를 해결한 뒤 다시 시도해 보세요! 😊