React란?
React는 페이스북이 개발한 자바스크립트 라이브러리로서 메소드를 조합해서 사용하는 완전 단순한 UI 라이브러리이다.자신만의 State를 가진 독립적인 컴포넌트를 사용할 수 있으며,DOM을 복사해서 Virtual DOM을 만들고 변화가 생겼을 때 페이지 전체를 렌더링 하지않고, 함수를 매번 사용하지 않고 JSX를 사용해 변화 시킬 부분만 실제 DOM에 적용하는 방식으로 UI를 렌더링한다. React의 사용 문법인 JSX가 자바스크립트에 잘 통합 되어 있는 프레임워크이며 협업이 수월하다.
● Component : class component를 만들 때 render()가 필수 매서드이며, class로 만들어야하고 내 로컬 브라우저에 띄우려면 render()를 써준다.
● state 객체 : component가 어떻게 동작하고 렌더링될지 결정하는 객체이다. component 안에서 관리하는 값들은 객체에 저장되는데 그걸 state라고 하며, 변경하는 부분은 setState()를 사용하고 부모에서 자식에게 상속시켜주는것은 props속성을 사용한다.
state = {
title: 'xxx'
body: 'yyy'
isFeatured: true
}
● SSR : server side rendering으로 html에 모든 데이터를 심어서 데이터가 수정을 html로 자동으로 해서 브라우저로 띄우는 방식이다.
● CSR : client side rendering으로 API로 구성되어 있어서 html로 들어가도 자료, 정보에 대한 내용 없이 의미있는 정보나 자료를 구할 수 없어서 문제점이 있고 백엔드와 프론트엔드가 분리될수 밖에 없는 이유를 보여준다.
Web Developer