개요
시리즈 진행을 위해 우선적으로 django와 react를 학습할 필요가 있었다.
(핑계)django의 경우 우선 회사에서 담당한 업무인 flask를 작업중이므로 업무 수행을 통해 python 코드에 익숙해지고 나서 공부할려고 한다.
들어본적은 많아서 web frontend framework 인 줄로 알고있었는데 공식홈페이지에서 framework가 아닌 Javascript Library라고 명시해 놓았다.
사전 준비
Node.js 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요합니다.(React 공식 홈페이지 참조)
설치
npx create-react-app my-app (npx는 npm의 패키지 실행 도구)
cd my-app
npm start
위 커맨드 실행 시
my-app는 디렉토리가 생성되며
성공적으로 single page application의 환경설정을 마쳤습니다.
npx create-react-app명령어를 통해 babel, webpack같은 build 도구를 별 다른 설정없이 실행하게 해줍니다.
npm start명령어를 통해 http://localhost:3000/ 으로 싱글 페이지 애플리케이션이 실행되는 것을 확인 할 수 있습니다.
create-react-app는 오로지react만을 배우기 위해 간편하게 설치 및 실행하는 툴이지만
webpack,babel을 능숙하게 다루기 위해선 직접 설치 및 빌드해보는 과정을 거쳐야 한다.
참조
https://ko.reactjs.org/docs/getting-started.html
(React 공식 사이트, 위 사이트의 튜토리얼로 학습 할 예정)
https://www.taniarascia.com/getting-started-with-react/
(React 공식 사이트에서 소개된 react 정리글. react 시작에 앞서 한번 읽어보길 추천)
중간목표
react에 websocket을 사용하여 채팅서비스 구현
채팅서비스 구현 이후 create-react-app 를 사용하지 않고
직접 번들링(webpack, babel)하기(
위 중간 목표들을 달성하고나서
django와의 연동하기.
