Poylib
기록형 프론트엔드
Poylib
전체 방문자
오늘
어제
  • 분류 전체보기 (91)
    • Programing (38)
      • Javascript (17)
      • Typescript (1)
      • React (9)
      • React-Native (6)
      • Git (4)
      • Next (1)
    • Study (36)
      • Algorithm (35)
      • Etc. (1)
    • Record (17)
      • Memoirs (12)
      • Group (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코칭스터디
  • Git
  • 코딩테스트
  • 회고
  • 자바스크립트
  • 기초
  • ReactNative
  • Error
  • 알고리즘
  • 프로그래머스
  • react-native
  • 리액트
  • typescript
  • 백준
  • react
  • vite
  • Object
  • javascript

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Poylib

기록형 프론트엔드

[React] 시작하기
Programing/React

[React] 시작하기

2022. 7. 5. 10:57

1. npm 설치 확인

버전이 나오지 않는다면 설치해줘야 한다.

2. react-create-app 설치

특정 폴더에서만 사용할 경우 터미널에서 해당 폴더로 이동 후 거기서 npm을 통해 깔면 되지만, 컴퓨터 전역에서 사용하려면 -g를 이용해 설치해야 한다.

버전 조회가 된다면 성공적으로 설치한 것이다.

npx를 통한 설치도 가능하다. npx의 경우 프로그램을 임시로 설치해 한 번 사용하는 경우에 적합하며 실행할 때마다 다운로드하기 때문에 항상 최신 버전을 이용 가능하고 사용 후 지우기 때문에 저장공간을 낭비하지 않는다.

 

3. 개발환경 구축

환경을 구축할 폴더를 만들고 터미널에서 해당 폴더로 이동한다.

맥의 경우 터미널에 폴더를 드래그 해놓고 엔터키를 치면 cd 명령 없이 바로 이동된다.

위 명령을 입력하면 현재 폴더에 react 개발환경을 설치한다. 마지막에 ' . '은 현재 디렉터리에서 실행하겠다는 뜻이다.

저작자표시 비영리 변경금지 (새창열림)

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

[React] 소셜웹페이지 - 서버 통신 & 로그인  (0) 2022.08.27
[React] 댓글 입력 오류  (0) 2022.08.19
[React] 소셜웹페이지 - 자바스크립트 ➡️ 리액트 변환  (0) 2022.08.17
[React] css 모듈과 proptype  (0) 2022.07.29
[React] JSX  (0) 2022.07.05
    'Programing/React' 카테고리의 다른 글
    • [React] 댓글 입력 오류
    • [React] 소셜웹페이지 - 자바스크립트 ➡️ 리액트 변환
    • [React] css 모듈과 proptype
    • [React] JSX
    Poylib
    Poylib
    모시깽 기록

    티스토리툴바