[처음 만난 리액트(React)]

https://www.inflearn.com/course/%EC%B2%98%EC%9D%8C-%EB%A7%8C%EB%82%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8/unit/112586html은 뼈대 css는 레이아웃하나의 페이지만 존재하는 웹 사이

A syntax extension to JavaScriptJavaScript + XML/HTML내부적으로 XML/HTML 코드를 JavaScript 코드로 변환하는 역할을 함JSX를 사용하면 react에서는 내부적으로 createElement 함수를 사용하도록 변환 됨

State: 리액트 Component의 상태, 리액트 Component의 변경 가능한 데이터state는 개발자가 정한다.렌더링이나 데이터 흐름에 사용되는 값만 스테이트에 포함시켜야 한다 --> 스테이트가 변경될 경우 컴포넌트가 재렌더링 되는데 렌더링과 관련 없는 값을

조건부 rendering자바스크립트의 truthy, falsy: true는 아니지만 true로 여겨지는 값, false는 아니지만 false로 여겨지는 값리액트 element를 변수처럼 다루는 방법그냥 변수가 element도 될 수 있다.. 정도로 생각하면 될 듯Inl

Section 12. Lifting State Up Shared State State에 있는 데이터를 여러 개의 하위 컴포넌트에서 공통적으로 사용하는 경우 하위 컴포넌트가 공통된 부모 컴포넌트의 state를 공유하여 사용하는 것 ex) 부모 컴포넌트:2 자식1:부모