React

난 BackEnd 개발을 주 전공으로 삼고있지만,
지난 인턴십에서 백엔드와 더불어 React를 다루며 미약하나마 FrontEnd를 개발할 수 있다.
내가 작성할 React에 관한 글들은
내가 실무에서 배운것들을 다시 한번 정리하고 복습하는 형식으로 진행될 것이다.

Node.js 설치

node.js는 자바스크립트를 내 컴퓨터에서 실행할 수 있게 해주는 프로그램이다.
웹 브라우저 밖에서 자바스크립트를 실행할 수 있다는 말은,
자바 스크립트로 클라이언트 언어 뿐만 아니라 서버 언어로도 사용할 수 있다는 뜻이다.

NPM

NPM (Node Package Manager) 은 node.js의 패키지 관리 시스템이다.
node.js 설치 링크
npm은 node.js를 설치하면 같이 설치된다.
설치 후 커맨드 라인에서 npm version 명령어로 버전 정보를 확인하자.

$ npm version

{ npm : ' 8.5.0 ' 
 ...
 ...
}

React 프로젝트 만들기

설치된것을 확인했다면 React 프로젝트를 만들어보겠다.
리액트 프로젝트를 시작하려는 폴더를 만들고 해당 폴더로 workSpace를 이동시킨다.

$ mkdir react-project // 폴더 생성
$ cd react-project // 폴더 이동

리액트 프로젝트를 설치한다.

$ npx create-react-app react-app

!주의 -- npm X , npx O

react 애플리케이션을 생성하면 React 가 설치되는 로그가 출력된다.

프로젝트가 만들어졌으면 해당 폴더에 들어간 뒤 프로젝트를 실행시킨다.

$ cd react-app
$ npm start

프로젝트가 실행되면 http://localhost:3000경로에서 애플리케이션이 실행된다.