리액트란?
->자바스크립트 UI 라이브러리 : 화면을 만들기 위해 필요한
자주사용되는 기능들을 정리해 모아놓은 것
프레임워크(ngular.js , vue.js) vs 라이브러리(react.js)
가장 큰 차이 = 프로그램의 흐름에 대한 제어 권한
프레임워크: 제어권한을 개발자가아닌 프레임워크 갖고 있음
라이브러리: 권한 따로 없이 필요한 부분만 개발자가 가져와서 사용 ->사실상 개발자가 쥔다
트렌드
기술의 큰 흐름을 읽을 줄 알아야한다.
웹사이트의 작동원리와 흐름을 함께 이해하는 것이 중요하다.
react : spa를 쉽게 만들도록 도와주는 라이브러리
리액트 장점:
빠른 업데이트(화면전환) & 렌더링 속도
->사용자가 덜기다릴수있게,,
virtual DOM -> 빠른 업데이트를 위해서..
돔: 다큐먼트오브젝트모델
웹페이지를 정의하는 하나의 객체
하나의 웹사이트 정보를 모두 담고있다.
컴포넌트 - 기반
컴포넌트 : 구성요소
리액트는 모든 페이지가 컴포넌트로 구성되어있고
하나의 컴포넌트는 레고 처럼 하나가 여러개로 구성될수잇음
재사용성
:객체지향프로그래밍을 배울 때 등장함
다시 사용이 가능한 성질
호환성,의존성이 영향을 끼친다.
다른모듈에 대한 의존성을 낮추자
장점 : 개발기간이 단축됨
유지보수가 용이함
지원군 : 메타
활발한 지식공유&커뮤니티
단점 : 방대한 학습량
계속 뭔가 바뀜...
높은 상태관리(state) 복잡도
2강 리액트 시작하기 ---
HTML만으로 간단한 웹사이트 만들기
CRA : create -react -app
npx명령어를 통해 실행가능
cd my-app
(경로변경)
npm start
(애플리케이션 실행)
로컬호스트:내컴터
