[study] 제로초 리액트 기본 강좌 1-2 첫 리액트

이 글은 제로초 님의 리액트 강좌를 베이스로 개인 공부하는 포스팅 입니다.

제로초 React 기본 강좌 https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn

리액트 공식 문서 (https://ko.reactjs.org/)

 

리액트에서 크게 변화된 점

클래스가 바뀜 (https://ko.reactjs.org/tutorial/tutorial.html#what-is-react)

React.createClass -> Class -> Hooks 

자바스크립트 클래스란?

서로 연관되는 변수 또는 함수를 감싸는 것

리액트를 사용할 시 장점

1. 사용자 경험 

   - 웹에서 앱과 같은 사용자 경험을 만들어 주는게 리액트

2. 재사용 컴포넌트 (컴포넌트 - 조각)

   - 중복되는 요소를 하나로 묶어줌/유지보수 하기가 좋다.

3. 데이터 - 화면 일치

   - 데이터를 화면에 반영할때 일치(바뀐 데이터 = 바뀐 화면)시켜주는게 좋아짐

 

 

퍼블리싱 했던 사람이 컴포넌트화 시키는게 어려운 하는 이유

  - 웹을 지금까지 컴포넌트로 만드는 사고방식이 확립되어 있지 않기 때문 (예: ) 헤더 메뉴, 푸터, 로그인... 등등 조각내는 것, 더 조각 낸다면 별점, 좋아요 같은거도 될까?)