JSX 는 Javascript를 확장한 문법입니다. Javascript모든 기능이 포함되어 있고, React element를 생성합니다. const element = Hello, React; React는 마크업과 Logic을 둘다 포함하는 Component라는 느슨한 연결의 유닛으로 SOC(separation of concerns, 관심사 분리)합니다. JSX에서는 Javascript 표현식을 넣을 수 있다 아래의 코드를 보면 name이라는 변수를 중괄호로 감싸 사용하고 있습니다. const name = "JSX"; const element = This is {name} ReactDOM.render( element, document.getElementById('root') ); JSX문법은 html 태그..
[React]Function Component, Class Component
컴포넌트를 function으로 선언하는것과, class로 선언하는 각각의 방식이 있다. 2가지 선언방식은 어떤점에서 차이가 있을까? 이름 그대로 class component(이하 CC)는 class를 기반으로 작성되는 컴포넌트이며, function component(이하 FC)는 함수로 컴포넌트를 작서앟는 것이다. React에서 컴포넌트의 역할은 단순하게 Template의 역할을 넘어서 Data의 Flow를 제어하고, Data에 따라 UI를 만들어주며, Component가 화면에서 변동이 있을 때(나타날경우, 사라질경우 등) 작업을 수행할 수 있다. 두가지 컴포넌트의 역할은 동일하다. - CC는 state기능 및 Life Cycle 기능을 사용할 수 있으며, 임의의 Method를 정의할 수 있다는 점에서..