React - 1️⃣

react  공부 시작 ;) 

 

 

react 

facebookd에서 만든 js 라이브러리 중 하나 

->그래서 커뮤니티가 활발하고 문서화가 잘 되어있음 

라이브러리는 프레임보다 영역이 작음 

 

angular 프레임워크

view는 프레임워크 라이브러리 중간 

 

리액트는 MVC패턴에서 view layer 영역을 담당 

UI를 보여주고 이벤트를 처리할 수 있음

 

 

리액트는 

컴포넌트로 이루어진 ui 라이브러리 

 

컴포넌트 : 한가지 기능을 수행하는 UI 단위

• 독립적이고 고립적이며 재사용가능함

컴포넌트도 트리 형식으로 구성되어 있음 

 

 

• 리액트는 데이터가 변경될 때마다 어플리케이션 전체를 다시 렌더링 함 

리액트는

state - 데이터

render() - 사용자에게 어떻게 보여질 것인지 정의,상태가 변화할때마다 render가 호출됨

으로 이루어져 있으며

 

VDOM이 있어 DOM 트리에서 어느 부분이 업데이트되었는지 확인하고 그 부분만 다시 렌더링 시킴

-> 성능이 좋음 

 

 

 

node.js : 자바스크립트 언어로 스크립트를 만들 수 있음 

-> 어디서나 자바스크립트로 프로그래밍이 가능하도록 해주는 프레임워크 

 

 

npm : package manager

-> package.json에서 쓰고 있는 외부 라이브러리와 그 정보확인 가능 

 

Npx : execute package

 

 

yarn : facebook에서 만든 package manager 

 

(*) 터미널에서 설치버전확인

 

 

 

터미널에서 code.으로 vscode 열기가 오류가 날 때 

https://dianakang.tistory.com/m/44 

Terminal에서 code . 으로 vscode 열기 오류날 때

 

 

 

react-app

: facebook에서 만든 package  

 

 

 

babel

 : javascript transcompiler 

 

(구)브라우저가 이해할 수 있는 소스코드로 변환시켜줌 

• 어느버전까지 커버하는지 지정할 수 있음

 

 

webpack 

: 코드를 번들해서 번들단위로 사용자에게 제공

 

 

ESLint

코드를 체킹

 

Jest

유닛테스트를 할 수 있는 테스팅 프레임워크

 

Postcss

Css 전처리기 

less, sass와 비슷한것 

플러그인이 다양해서 원하는 것을 추가할 수 있음