React 개요
React란?
React는 사용자 인터페이스(UI)를 만들기 위해 사용되는 자바스크립트 라이브러리입니다.
React는 싱글 페이지 애플리케이션(Single Page Application, SPA) 개발에 주로 사용되며, Virtual DOM과 JSX라는 독특한 개념을 사용하여 동작합니다. 또한, 컴포넌트(Component)라고 불리는 작은 코드 모음을 활용하여 복잡한 UI를 손쉽게 구성할 수 있도록 해줍니다.
React는 Angular, Vue.js와 함께 전세계 프론트엔드 개발자들에게 가장 많은 사랑을 받고 있는 웹 프론트엔드 프레임워크의 하나로 자리매김하고 있습니다.
React는 자바스크립트 라이브러리이므로, 자바스크립트 언어에 대한 기본적인 이해가 필요합니다. 또한, HTML과 CSS에도 어느 정도 익숙할 것을 권장합니다. 그리고 자바스크립트가 아니더라도 다른 프로그래밍 언어를 통해 함수와 객체, 클래스 등과 같은 기본적인 프로그래밍 개념을 이해하고 있을 필요가 있습니다.
만약 여러분이 위에서 언급한 언어들에 대한 학습이 부족하다고 생각된다면 React 수업에 들어가기 전 티씨피스쿨의 HTML, CSS, JavsScript 수업을 통해 복습할 것을 권장합니다.
React 수업에서는 웹 브라우저를 통해 여러분이 직접 코드를 변경하고, 그 결과를 확인할 수 있는 온라인 에디터로 CodeSanbox를 활용하고 있습니다.
예제
export default function App() {
return (
<div>
<h1>Hello, World!</h1>
</div>
);
}
※ 본 수업을 위해 제작된 이미지에는 네이버에서 제공한 나눔손글씨 펜, D2Coding 글꼴이 적용되어 있습니다.
※ 본 수업에서 사용된 예제 코드의 하이라이팅은 React Syntax Highlighter를 사용하였습니다.
