프로그래머 싸이

안녕하세요. PSYda 입니다.

본 포스팅은 최근 Nomad Coders 의 "React JS로 웹서비스 만들기" 강의를 들으며 제가 이해한 내용을 정리한 내용입니다.

해당 강의는 https://academy.nomadcoders.co/courses/에서 확인 하실 수 있습니다.

이번 포스팅에서는 React에 대해 간단히 알아볼 예정입니다.

1. 설치 요구사항

1) node.js : https://nodejs.org/ko/download/ 사이트에서 설치

    - cmd창에서 node -v 를 입력하여 설치된 version 확인

2) npm : node.js 설치하면 자동으로 설치됨

    - cmd창에서 npm –v 입력하여 설치된 version 확인

3) npx : npm을 통해서 설치

    - cmd창에서 npm install npx –g 명령어 입력

4) git : https://git-scm.com/download/win 에서 OS에 맞게 설치

    - cmd창에서 git --version 명령어 입력하여 잘 설치 되었는지 확인

5) vscode : https://code.visualstudio.com/ 에서 설치

   - 다른 IDE를 써도 되지만 vscode가 제일 핫함

2. 이론 요구사항

React JS를 배우기 전에 알아야 할 내용들은 무엇일까?

1) HTML : div, span, flexbox, display block, backgound color

2) CSS

3) Javascript : function, variable, class, const, let, array, object 등

4) node.js : package.json

3. Why React?

1) 많은 회사들이 React를 사용하고 있음

   - Facebook이 만들었고, 모든 facebook은 React로 구현되었음

   - Airbnb, npm, neflix 등 많은 회사들이 React로 구현하였음

2) 프론트엔드에서 아주 핫한 Library임

   - npm에서 react Library 정보를 살펴 보면 1주에 5백만 건 이상 다운로드

     (https://www.npmjs.com/package/react)

   - 2018년 프론트엔드 개발 생태계 설문조사에서 React가 압도적으로 1등

     (https://2018.stateofjs.com/front-end-frameworks/overview/?no-cache=1)

3) 커뮤니티가 잘 활성화 되어 있음

4) Javascript 기반의 언어

   - React가 사라지더라도 Javascript 지식은 남길 수 있음

   - Angular의 경우 문법이 완전 새롭기 때문에, 사라지면 남는게 없음

5) 그 외의 React를 쓰는 이유(아래 사이트 참고)

   - https://2018.stateofjs.com/front-end-frameworks/react/

다음 시간에는 실제로 React App 을 만드는 과정을 알아볼 예정입니다.

다음 포스팅 바로 가기 :

https://programmerpsy.tistory.com/26

감사합니다.