소프트웨어 엔지니어링 부트캠프의 2단계에서 우리는 라이브러리/프레임워크 React.JS를 배우기 시작했습니다. 수많은 실습을 마치고 강의에 참석한 후 저는 일반 JavaScript 대신 React를 사용하는 확장성을 확인하기 시작했습니다.

선언적 프로그래밍

React에서 코딩할 때 선언적으로 프로그래밍합니다. 이것은 우리가 프로그램이 무엇을 달성해야 하는지 설명하고 있으며 어떻게 달성되는지는 프로그램에 의해 결정된다는 것을 의미합니다. 일반 JavaScript의 경우 명령형 프로그래밍이 됩니다. 즉, 프로그램이 수행해야 하는 작업을 명시적으로 지정하고 프로그램이 이러한 작업을 사용하는 방법을 설명합니다.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

구성품

React는 구성 요소를 사용하여 애플리케이션을 구조화하여 작동합니다. 구성 요소는 자체 데이터 및 스타일을 처리하고 수신할 수 있는 웹 페이지의 섹션입니다. 구성 요소를 사용하면 동일한 기능을 유지하면서 응용 프로그램을 매우 재사용하고 확장할 수 있습니다.

결론

제가 수업에서 배운 비유는 React를 배우는 것은 자동차가 어떻게 작동하는지 배우는 것과 같다는 것입니다. 자동차에는 기능적인 차량을 생산하는 데 기본이 되는 많은 부품이 있습니다. 엔진, 변속기 및 서스펜션 시스템이 어떻게 작동하는지 아는 것이 유용할 수 있지만 더 필요한 것은 페달을 올바르게 사용하고 휠을 조종하고 기어를 변경하는 방법을 이해하는 것입니다.