[React] 리엑트 설치하기

     

    프로젝트 만들기

    프로젝트 위치 설정

     

    프로젝트를 만들 때, 내 프로젝트 위치를 먼저 정의한다.

     

    필자는 D드라이브 안의 Project명을 정의하였다.

    프로젝트 저장경로는 가급적 한글이 없는 것을 추천한다.

     

    그러면 나의 프로젝트 저장위치의 폴더에서 Shift + 마우스 우클릭을 하게 되면, 설치한 PowerShell창 열기가 작성된다.

     

     

    npx create-react-app [프로젝트명]

    내 프로젝트 설치 위치에서 프로젝트를 설치를 진행한다.

     

    프로젝트 설치 명령어를 작성하면 끝.

     

    나의 프로젝트 파일을 불러왔을 때, 이렇게 src, App.js가 있으면 정상적으로 완료된 것이다.

    만약 해당 파일이 없을 때는 project 생성 명령어를 다시 입력해야 한다.

     

     

    project 생성시 Error 발생할 경우

    2023.11.12 - [Web/React] - [React] npx create-app 동작 안 될 경우

     

    [React] npx create-app 동작 안 될 경우

    Error 상황 리엑트 프로젝트 생성 명령어를 입력했지만, ERROR가 발생되면서 실행이 되지 않는 상황이다. 이럴 때는 기존의 갖고 있는 npm에서 문제가 발생했을 수도 있으니 그 부분부터 먼저 살펴

    mollangpiu.tistory.com

    만약, npx create-react-app 명령어가 제대로 실행 안 될 경우 참고하면 된다.

    반응형

    'Web > React' 카테고리의 다른 글

    [React] 페이지 이동 기능 만들기  (0) 2024.04.25
    [React] npx create-app 동작 안 될 경우  (0) 2023.11.12
    [React] React 설치하기(준비)  (0) 2023.11.12
    [React] props의 이벤트 제어하기  (0) 2023.11.11
    [React] props 사용하기  (0) 2023.11.11

    댓글

    Designed by JB FACTORY