State리액트 컴포넌트의 내부에서 관리되는 상태 데이터컴포넌트의 상태(state)가 변경되면 컴포넌트는 다시 렌더링 되며 업데이트된 상태를 반영한다( 동작 및 UI 변경 )State를 만들 때는 useState()를 사용한다. useState 함수형 컴포넌트에서 상태를 관리하기 위한 Hook으로 배열 비구조화를 통해 (= 객체 구조분해할당) 상태값과 상태를 갱신하는 함수를 반환한다Child와 useState 예시 코드// 부모 컴포넌트import React, { useState } from "react";function App() { return ;}// 자식1 컴포넌트function GrandFather() { const [name, setName] = useState("김할아"); retur..
컴포넌트(Component)UI 요소를 표현하는 최소한의 단위이며 화면의 특정 부분이 어떻게 생길지 정하는 선언체이다React의 구성요소는 컴포넌트로 이루어져 있으며 헤더, 바디, 푸터 등. 벽돌을 쌓아 집을 만드는 것과 같다 (컴포넌트=벽돌) React는 주로 함수형 컴포넌트를 사용하며 재사용이 가능한 개별적인 여러 조각으로 나눠 특정 기능 또는 UI를 구성한다 * 명령형어떻게(How)를 중요시 여기며 프로그램의 제어의 흐름과 같은 방법을 제시하고 목표를 명시하지 않는 형태* 선언형 무엇(What)을 중요시 여기며 제어의 흐름보다는 원하는 목적을 중요시 여기는 형태부모 - 자식 컴포넌트컴포넌트는 다른 컴포넌트를 통해 호출하거나 값을 전달할 수 있다부모 컴포넌트(App)를 호출하면 부모컴포넌트는 자식 컴..
ReactFacebook에서 설계한 오픈 소스 Javascript 라이브러리로, 웹 또는 애플리케이션의 사용자 인터페이스나 UI구성 요소를 구축하는 데 사용된다 (building)react는 화면의 모든 것이 구성요소의 일부로 되어있고 , 개발자는 페이지를 만드는 것이 아닌 구성요소를 만들어 UI를 구축한다구성요소를 사용하면 UI를 재사용 가능한 독립적인 조각으로 분할할 수 있다* 빌드(build)개발자가 작성한 소스코드 파일이 컴파일되어 실행가능한 산출물로 변환하는 과정* 라이브러리(library)소프트웨어 개발 시 프로그램이 사용하는 비휘발성 자원 모임으로 프로그램의 구성요소 (코드의 모음)공통으로 사용될 수 있는 특정한 기능을 모듈화 한 것(함수, 클래스, 모듈 등의 형태로 제공된다)* 종속성외부 ..