반응형
리엑트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다.
웹브라우저를 만들때 HTML, CSS, JS로 다 만들 수 있지만, 코드가 복잡해지면서 생산성이 떨어진다. 이때, React를 이용하면 단순하고 간결하게 코드를 만들 수 있다.
먼저, 경험을 하고 싶다면, React 사이트에서 온라인 플레이그라운드로 소개하고 있는 stackblitz.com으로 들어가 사용해 보자.
온라인에서 간단히 살펴봤다면 지금부터, 개인 로컬 컴퓨터에서 개발환경을 세팅해 보자!🔥
- Node.js 설치를 해야 한다. https://nodejs.org/ko/download 사이트에서 최신 LTS를 다운로드한다.
- vscode를 열고 프로젝트를 실행할 폴더를 열자(혹은 새로 만들자), 그 후 터미널을 실행시키고 해당 폴더로 이동하자!(cd 명령어 이용)
- node -v 명령어를 입력했을 때, 버전이 나오면 node.js가 잘 설치된 것을 알 수 있다.
- npx create-react-app@latest . 명령어를 입력해서, react 최신개발환경을 세팅할 수 있다.
- npm run start 명령어를 입력하면, 아래와 같이 엔트리 파일과 개발환경 서버 localhost:3000으로 연결되는 것을 확인할 수 있다.
지금부터, React 개발을 할 수 있게 됐다!👏🏻
