DEVLOG

오늘 배울 내용은 내부 시스템이라 할 수 있는 State이다. 가령 핸드폰의 화면은 컴포넌트이고, 작동하는 기능들은 내부 시스템과 부품에 의해 돌아가는데, 이러한 내부 시스템이 State인 것이다. State는 컴포넌트 안에서 관리되며, 객체지향의 원칙 중 은닉화가 주 목적이다. 즉, 은닉화를 통해 구현과 사용을 철저히 분리함으로써 확장성과 유지보수성을 높일 수 있다. 다음 예제를 통해 State와 props의 사용법을 알아보자. App.js import React, { Component, component } from 'react'; import TOC from "./components/TOC"; // TOC 는 해당 경로에서 가져온다는 의미 import Content from "./components..

React란? 자바스크립트 라이브러리의 한 종류로 UI(User Interface, 사용자 인터페이스) 라이브러리이다. 즉, 화면을 만들기 위한 기능을 모아놓은 것이라 볼 수 있다. 라이브러리란? 자주 사용되는 기능들을 정리해 모아놓은 것 React 설치를 위해 npm 또는 npx로 create-react-app을 설치하여 개발환경을 구축해야 한다. 공식문서를 읽어보면 npm보다 npx로 설치할 것을 권장하고 있다. 아래 주소로 들어가보자. https://github.com/facebook/create-react-app#create-react-app-- GitHub - facebook/create-react-app: Set up a modern web app by running one command. S..