React] React App 리액트 앱 만들기

넷플릭스, Spotify, Slack ..

위와 같이 거대 기업들 뿐만 아니라, 정말 많은 곳에서 리액트가 사용되고 있다.
리액트는 페이스북에서 만든 front-end Framework로, 이 기술에 대한 투자를 엄청나게 많이 해왔다.

또, 리액트는 대부분 자바스크립트를 기반으로 하기 때문에
리액트가 어느날 갑자기 사라진다 하더라도 내가 배워온 기술이 하루아침에 날아가는 일은 없다.

이런 여러가지 이유로 인기가 정말 많기 때문에 커뮤니티도 굉장히 활발해서 그 속에서 또 배울 것도 많겠지.

리액트 웹앱 만들기

node.js 

npm

npx

git

네 가지는 설치를 미리 해주자.

연습할 폴더를 하나 만들고, (여기서는 React로 이름붙임)
그 폴더로 이동.

$ mkdir React
$ cd React

React라 이름 붙인 곳으로 이동해서
아래의 명령어를 입력

$ npx create-react-app practice_2021

나는 practice_2021 로 이름 지었을뿐 아무거나 입력하면된다.

VSC (Visual Studio Code) 로 이동하여 해당 폴더를 열고

터미널에서 프로젝트 루트폴더에 있는지 확인 후

$ npm start

입력시

우주가 돌아간다.

이제 git 연결만 하면 기초 세팅은 모두 끝나는 것이다.