React(2)
-
[Props & State] Props & State
Props Props의 정의 - 컴포넌트의 속성값 > 부모 컴포넌트로부터 전달받은 데이터를 지니고 있는 객체 - 전달하고자 하는 어떤 값이든 자식 컴포넌트에 전달가능 > 문자, 숫자, 변수, 함수 등 State state를 생성하기 위해서는 useState라는 react의 내장 hook을 사용해야함 import React, { useState } from "react"; const Main = ) => { const [color, setColor] = useState("red"); return ( 여기는 메인페이지입니다. setColor("blue")}>배경색 변경 ); }; export default Main; 요약 - state란 해당 컴포넌트가 UI에 보여줄 정보를 결정할 때 사용할 수 있는 상태값..
2022.10.10 -
React의 정의와 특징
React의 정의 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React는 UI, 즉 사용자 인터페이스를 구축하는데 사용할 수 있는 JavaScript 라이브러리입니다. 우리는 이 리액트를 이용해 선언적이면서 컴포넌트 기반으로 UI를 편리하게 개발합니다. 여기서 선언적과 컴포넌트 기반이라는 단어는 리액트가 가진 특징을 표현하는 단어입니다. 컴포넌트 컴포넌트의 정의 - 독립적이고, 재사용할 수 있는 소프트웨어 구성 요소 - 프론트엔드에서 컴포넌트란? "독립적이고 재사용 가능한 UI 단위" - 컴포넌트 === 레고 블럭 - 레고블럭을 조립해서 큰 성을 만들듯이, 작은 UI를 조합해서 큰 UI를 구성 컴포넌트의 특징 1. 컴포넌트는 독립적이고 재사용할 수 있습니다. -> 유지보수에 용이 2...
2022.10.08