heyday2024 님의 블로그

Compoment컴포넌트는 리액트의 핵심 빌딩 블록 중 하나==> 리액트에서 개발할 모든 애플리케이션은 컴포넌트라는 조각으로 구성됨.  컴포넌트는 UI 구축 작업을 훨씬 쉽게 만들어주기 때문에 사용함. 재사용 가능UI 요소를 표현하는 최소한의 단위이며 화면의 특정 부분이 어떻게 생길지 정하는 선언체임! 리액트의 컴포넌트기반 개발 이전에는 브라우저에서 동적으로 변하는 UI를 표현하기 위해 직접 DOM 객체를 조작하는 명령형 프로그래밍 방식으로 구현 1. DOM (명령형 프로그래밍): 프로그래머가 컴퓨터에게 "어떻게" 작업을 수행할지를 명시적으로 지시하는 스타일// Hello, World! 화면에 출력하기// 순수 javaScript 명령형 코드const root = document.getElementByI..

React Components컴포넌트를 통해 UI를 재사용이 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있음. 개념적으로 컴포넌트는 JavaScript 함수와 유사함. “props”(properties에서 따옴)라고 하는 임의의 입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환함 1. 함수형// props라는 입력을 받음// 화면에 어떻게 표현되는지를 기술하는 React 엘리먼츠를 반환(return)function Welcome(props) { return Hello, {props.name};}// 훨씬 쉬운 표현을 해보면 아래와 같죠.function App () { return hello}--->  입력을 받아도 되고 안 받아도 됨.==> 주..