TIL 35. React(기초)

📌 React란?

• Facebook에서 개발한 JavaScript 라이브러리이며, 사용자 인터페이스(UI)를 만들기 위한 기술이다.
• 가상돔을 통해 이전 UI 상태를 메모리에 유지하면서 변경될 최소의 UI만 계산하는 기술이다.

📌 Component

• 재활용 가능한 UI 구성단위
• 유지보수와 가독성에 효과적이다.

💻 function Component & Class Component

• Function Component

const Practice = () => {
	return (
    	<div>This is function Component</div>
    );
}
export default Practice;

• Class Component

class Practice extends React.Component {
	render() {
    		return (
        		<div>This is Class Component</div>
        );
    }
}
export default Practice;

📌 JSX

• HTML와 JavaScript의 형태를 가지고 있다.
• HTML를 사용하는 동시에 JavaScript의 JSX안에서 동작하게 할 수 있다.

🔍 특징

- JavaScript 표현 : {...JavaScript...}
- class => className (JSX에서 class는 class 선언문이다.
- Inline Styling : <div style={{color : "red"}}>Hello</div>
- Self Closing tag : <div />
- 항상 하나의 tag로 감싸야한다.
	return (<><div><li>hello</li></div></>)