[React] [에러일지] 프로젝트 생성시 오류를 "또" 만난 건에 관하여

핫걸코더지망생·2023년 5월 11일
0

React

목록 보기
2/4
post-thumbnail

오늘 수업 전 프로젝트를 생성하며 오류를 "또" 만났다.
1. 프로젝트 생성시 네이밍 규칙을 지키지 않아 발생한 오류
2. 이미 생성된 프로젝트의 이름을 바꿀 때 발생한 오류
간단하지만 꼭 짚고 넘어가야 하는 방법과, 과정을 기억하고자 기록한다.



🔨 리액트 프로젝트 생성

  1. 프로젝트를 생성하고 싶은 경로로 이동해 위치한다.
    cd 폴더명
  2. 아래 코드를 입력하여 프로젝트를 생성한다.
    npx create-react-app 폴더명


🎈프로젝트 생성시 주의사항

  1. 대문자
  2. 특수기호 는 프로젝트명으로 사용할 수 없다.


📐생성된 프로젝트 이름을 바꾸는 경우

이미 생성 된 프로젝트의 이름을 변경하고 싶다면?🤔

  1. 프로젝트의 루트 디렉토리에서 package.json 파일을 연다.
  2. package.json 파일에서 "name" 필드를 변경하고 싶은 이름 으로 변경한다.
  3. 프로젝트 폴더를 닫는다.
  4. 프로젝트 폴더의 이름을 으로 변경한다.
  5. 터미널에서 npm install 명령어를 실행하여 모든 종속성을 업데이트한다.

❗ 2번 완료 후 디렉토리에서 바로 이름을 변경할 때 아래와 같은 오류문구가 뜬다면 먼저 프로젝트와 VSC(에디터)를 닫고 로컬에서 변경 후 다시 폴더를 열어보시기 바랍니다.



이렇게 하면 프로젝트 이름이 변경된다.
근데 아직 잘 몰라서 이렇게 복잡하게 이름을 바꿔야만 하는건지 다른 간단한 방법 아시는 분 알려주시면 감사하겠습니당 😘

profile
산은 산, 물은 물, 코드는 코드

1개의 댓글

comment-user-thumbnail
2023년 5월 12일

깃허브는 아가야... 잘 다뤄줘야해.. ㅜㅡㅜ
잘 읽고 갑니다~

답글 달기