React 시작하기

오랜만에 글을 쓰는 것 같다.

 

이번 포스팅에서는 React의 기본적인 사용법을 포스트할 것이다.

 

기본적으로, react에 관한 모든 것이 https://ko.reactjs.org/ 공식 react 홈페이지에서 자세하게 설명되어 있으므로 자세하게 설명하지 않을 것.

 

https://ko.reactjs.org/docs/create-a-new-react-app.html

새로운 React 앱 만들기 – React

내가 처음 공부하는 입장에서 보이는 것들부터 내 입맛대로 골라서 적을 것이므로, 참고의 목적이 아닌 첫 출발부터 공부하려는 사람들은 뒤로가기를 눌러주기를 바란다.

 

위 링크에서 시작하면 된다.

 

우선, React는 자바스크립트 라이브러리 중 하나로, UI를 만들기 위해 사용된다.

 

페이스북에서 개발한건데, 배워두면 웹 애플리케이션을 만드는 것을 상당히 쉽게 할 수 있을 것으로 보인다.

 

웹 기반으로 윈도우 혹은 리눅스 애플리케이션, 심지어는 모바일 기기에서까지 배포 및 지원할 수 있다고 함.

 

1. Prerequirements

우선 8.10 버전 이상의 Node.js 및 5.6 버전 이상의 npm 이 기본적으로 설치되어 있어야 한다. 

 

설치 방법은 따로 기술하지 않겠음.

 

2. Start

그런 다음 workspace directory에서

$ npx create-react-app my-app

위 명령어를 쳐주면, 현재 디렉터리 아래 my-app이라는 디렉터리 명으로 애플리케이션이 생성된다.

 

그냥 현재 디렉터리 위치에 생성하고 싶다면,

$ npx create-react-app .

위와 같이 해주면 되는데, 다만 현재 디렉터리의 이름에 대문자가 존재하면 안 된다.

 

사실 이 이후로는 설명이 잘 출력되는데, cd <app_name> 으로 디렉터리 접근 후 npm start 을 입력해주면 애플리케이션이 localhost:3000 에 실행된다.

 

끝.

 

위와 같은 창이 뜨면 잘 된 것이다.