React 02

toos·2023년 5월 16일
0
post-thumbnail

컴포넌트 : 반복되는 코드를 하나로 묶어서 컴포넌트로 만든다

 -> 내가 원하는 코드를 묶어서 '태그화' 시킨다.
 -> 반드시!!! 대문자로 시작해야한다. => 기존 HTML태그(DOM요소)와 구분하기 위함!
 (대문자 태그로 시작하면 누군가 만들어놓은 기능임)
 -> 수입(import) , 수출(export default) 작업이 필요하다!
 

props(프로퍼티) : 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용. 상위 컴포넌트에 값을 입력하고 하위 컴포넌트에서 값을 읽어온다.
case1) 매개변수 props => props.name
case2) 매개변수 {name, gender} => name

객체 비구조화 할당 : 객체 안의 속성만 꺼내서 마치 변수인 것처럼 사용

State : 컴포넌트 내부에서 관리되는 변경이 가능한 데이터

-변화가 있으면 화면에 바로 렌더링 해줘야 할 때 사용

import {useState} from 'react'
const[변수이름,set변수이름] = useState(초기값)

ex)const [name,setName] = useState('홍길동')
Q. 홍길동 을 고길동으로 변경
setName('고길동')

profile
Lv.0

0개의 댓글