코지코더 React 1. React 설치
리액트 설치하기 위해서는 npm을 사용해야 함으로 node.js를 설치해야 한다.
다운로드에 적혀있는 것들 중 LTS를 설치하도록 한다. LTS버전이 안정적이기 때문이다.
이것을 설치하고 나서 cmd로 들어가 잘 설치가 되었는지 그림과 같이 입력하여 확인해보자.
이후 npm install -g create-react-app을 입력하여 설치한다.
이렇게 하면 설치가 다 되었다.
그러면 이제 첫 React를 실행해보자.
일단 폴더를 하나 생성하고 cmd창에서 해당 폴더로 이동한 다음에 명령어로 프로젝트를 생성한다.
create-react-app 폴더명
잠깐!) cmd창에서 폴더 이동을 할 줄 모른다면 아래 더보기를 참고하자.
1. 드라이브 옮기기
c드라이브에서 d로 옮기고 싶다면 콜론(:)을 붙여주면 된다!
ex) C: \Users\User>D: 이렇게 치면 D:\> 로 바뀐다
2. 하위 폴더로 이동하기
하위 폴더로 이동할 때는 'cd 하위 폴더명'을 입력하면 된다.
ex) C:\> cd User 이렇게 치면 D:\User 로 바뀐다.
3. 상위 폴더로 이동하기
상위 폴더로 이동하고 싶다면 'cd..'를 입력하면 된다.
ex) C:\Users\User> cd.. 를 입력하면 C:\User 로 이동하게 된다.
4. 한 번에 다른 폴더로 이동하기
한 번에 다른 폴더로 이동하고 싶다면 'cd 하위 폴더명\다음 하위 폴더명\그 다음 하위 폴더명'으로 입력하면 된다.
ex) C:\> cd Users\User\coding\clonecoding 이렇게 입력하면 C:\Users\User\coding\clonecoding으로 이동한다
이렇게 입력하면 현재 디렉토리 아래에 입력한 이름의 폴더명이 생기고 필요한 라이브러리가 생성된다.
이후 폴더를 vscode로 열어보면 다음과 같이 설치된 것을 확인할 수 있다.
여기에 터미널을 켜서 cmd로 npm start를 입력하면 다음과 같은 창이 뜬다
이로써 우리는 React를 설치하였다!
----------------------------
소감
위에서는 간단하고 금방 설치한 것으로 보이지만 사실은 그렇지 않다.
1시간은 헤맸다. node.js를 깔고 설치하는 것은 쉬웠는데 cmd에서 파일 옮기는데 애를 먹었다.
무엇보다! 다른 블로그에서 npm을 입력할 때 앞에 $를 입력하라고 해서 그대로 믿고 하다가 왜 안되지 하며 날려먹은 시간이 30분은 되는 것 같다...
혼자 react를 이리저리 만져보기도 하고 node.js를 지웠다 다시 설치해보기도 하고...
그래도 다른 블로그를 통해 설치해서 다행이다.
예전에도 한 번 깔았던 적이 있었는데 그때는 정말 쉽게 해서 이번에 다시 설치하려니 그때의 기억이 떠오르지 않아 처음 설치하는 것과 다름이 없었다. 그래서 이런 일을 겪은 걸지 모르겠는데...
덕분에 이제는 완전히 기억해서 까먹지 않을 것 같다.