[React] props에 대한 설명과 사용 방법

목 차 props 란? props 의 특징 props 사용방법 props 란? properties의 줄임말이며 컴포넌트 간에 데이터를 전달할 때 사용하는 매개변수와 같은 역할을 한다. 주로 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용된다. 다음은 사용 예시이다. App: 부모 컴포넌트 Welcome: 자식 컴포넌트 아래 예시에서 App 컴포넌트는 Welcome 컴포넌트에 name 이라는 prop을 전달하고 있다. 그래서 결과적으로 'Hello, React' 라는 문자열이 화면에 출력되게 된다. function App() { return ; }; function Welcome(props) { return Hello, {props.name}; };  props 의 특징 읽기 전용: 컴포넌트..

FE/React 2023.09.07

[React] State 사용하는 이유와 사용 예시

목 차 State 사용하는 이유 State 사용예시 State 변경방법 State 사용하는 이유 데이터가 갑자기 변경되었을 경우(게시글이 수정되었을 경우), 일반 변수를 사용하면 html(react: App.js)은 자동으로 재렌더링을 해주지 않는다. 반면 state를 사용하면 데이터가 변경이 되었을 경우 재렌더링을 하게된다. State 사용예시 변수를 선언해서 const/let [변수명, state 변경함수] = useState('데이터'); {변수명} 으로 state 사용 가능. import { useState } from 'react'; function App() { const [a, b] = useState('회사소소개'); {a} } State 변경방법 State 변경함수를 사용해서 바꿔야 한다..

FE/React 2023.08.13