리액트의 이해

• 리액트 : 어떤 데이터가 변할때마다 어떤 변화를 줄지 고민하는게 아니라 기존 뷰를 날리고 새로 렌더링 하는 방식의 오직 뷰만 신경쓰는 라이브러리
• node.js : 웹브라우저가 아닌 환경에서 자바스크립트 사용하여 연산이 가능하게 해주는 자바스크립트 런타임
• javascript : 현재 웹 어플리케이션에서 가장 핵심적인 역할
• 렌더링 : 사용자 화면에 뷰를 보여주는것
• 초기렌더링 : 맨 처음 사용제 화면에 어떻게 보일지를 정한다. render() 함수를 통해 컴포넌트가 어떻게 생겼는지 정의하는 역할을 하며, html 형식의 문자열을 반환하지 않고 뷰에 대한 정보를 지닌 객체를 반환한다. 이를 통해 HTML 마크업을 만들들고 DOM요소 안에 주입한다.
• 리렌더링 : 조화과정이라고도 하며 컴포넌트가 데이터를 업데이트했을 때 값을 수정하는 것이 아니라 새로운 데이터로 render함수를 다시 호출한다.
• DOM : 객체로 문서구조를 표현하는 방법으로 HTML이나 XML로 작성한다. 웹브라우저가 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용한다.

JSX

• 자바스크립트의 확장 문법이며, HTML 코드로 작성하는 것과 비슷하요 사용이 쉽다.
• CSS 클래스를 사용할 때는 HTML에서 class 속성을 설정하지만 JSX에서는 class 대신 className 속성을 설정한다.