[React] 1. React 프로젝트 시작

요즘은 유튜브에 정말 좋은 강의 영상들이 많다, 그중에 '애X코딩'이란 분이 올린 강의가 나한테 맞는 느낌이라 이번에 해당 강의만 보고 React를 새로 시작해보려고한다.

기존에 만든 사이트에서 사용한 Firebase와 연동하는것은 페이지가 완성된 후에 해보려고 한다.

---- 설치 과정 -----

1. Node.Js 설치

npm 명령어를 사용하려면 nodejs를 설치해줘야 한다,

2. VS 설치(Visual Studio) 여러 IDE를 써봤는데 (아톰,sublimetext,intelij,eclipse 등) 역시 VS가 제일 좋은것 같다,

3. VS에서 폴더 생성후 터미널에 아래처럼 써준다(ctrl+shift+`)

npx create-react-app 프로젝트명(폴더가 자동생성됨)

4. 설치가 정상적으로 되었으면 VS에서 다시 "폴더 열기"로 프로젝트명으로 생성된 폴더를 열어준다

-- 왜 번거롭게 이러냐면 터미널로 npm start나 기타 명령어를 사용할때 프로젝트명의 폴더에서 바로 실행시키기 위해서다,,

위 과정을 하지 않으면 VS를 다시 실행 할때마다 [cd 프로젝트명] 으로 프로젝트 폴더로 경로를 바꿔야하는 번거로움이 발생한다.

5. 터미널에 npm start를 입력하면 localhost:3000으로 기본적인 react 메인 웹이 나올것이다.

728x90

Aminora 블로그