코딩일기(다양한거)

mac os, vs code에 React 설치하기

육지핑핑이 2023. 11. 7. 16:08

2023.11.7(화)

 

1. Vs code가 설치되어 있어야함.

 

2. 바탕화면에서 React를 사용할 새로운 파일을 만들어준다.

(되도록 영어이름을 사용해주어야하고 특수문자는 언더바, 하이폰만 사용하는 것이 좋다. 간혹 폴더명으로 오류가 뜨기도 하기 때문이다.)

 

3. Vs code에서 생성한 폴더를 열어준 후 새로운 터미널을 생성해준다.

 

4.터미널 창에 리액트 프로젝트 생성 명령어를 적어주고 엔터를 치면 된다.

npx create-react-app cs

*여기서 'cs'부분엔 자기가 원하는 프로젝트 이름을 기입하면 되고 파일명을 설정할때와 동일하게 영어,언더바,하이폰을 사용하면 된다.

 

5. cd cs(자기가 설정한 프로젝트명)을 터미널에 입력해 프로젝트 폴더로 경로를 이동해준다.

 

6.터미널에 localhost 서버 스타트 명령문을 작성해준다.

npm start

 

7.성공하면 성공했다는 안내 문구와 함께 브라우저가 자동으로 오픈된다.

 

+React는 싱글 페이지 애플리케이션(Single page Application)이므로 개발은 App.js를 메인으로 개발하면 된다고 한다.

+React는 사전에 JS, 약간의 HTML, CSS를 알아두는게 필요하며 처음 개발을 공부하는데 React를 사용한다면 JS를 우선 공부하고 오는 것을 추천한다고 하여 이제 C언어와 JS를 병행해나갈 예정이다.

 

 

'코딩일기(다양한거)' 카테고리의 다른 글

Mac OS M1에 Git설치하기  (0) 2023.11.07