김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

리액트props예제 1

[React]React 자습하기 - 2. 함수컴포넌트에서 props 이용하기

저번에 React 컴포넌트에서 공부를 했다. 우리는 앞으로 React에서 컴포넌트를 만들어서 재사용을 할 예정이다. 이때 컴포넌트 호출 시 각각 필요한 데이터를 전달할 일이 생길 것인데 이때 이용하는 게 바로 props이다. 오늘은 React에 props라는 개념을 이용해서 React 컴포넌트에 데이터를 전달해 보기로 하겠다. 컴포넌트를 만드는 두 가지 방법 React에서 컴포넌트는 두 가지 방법으로 만들 수 있다. JavaScript의 function모양과 비슷하게 작성하는 함수 컴포넌트와 Class를 만들 듯이 작성하는 클래스 컴포넌트가 있다. 저번 스터디에서는 클래스 컴포넌트 형태로 Hello, world를 화면에 출력시켜보았다. 지난 시간에 만든 클래스 컴포넌트와 동일한 역할을 수행하는 함수형 컴..

FrontEnd/React 2021.01.22
1
더보기
  • 분류 전체보기 (203)
    • Diary (4)
    • FrontEnd (109)
      • Javascript (20)
      • Vue.js (34)
      • css (17)
      • React (11)
    • etc. (88)
      • Notion (71)

Tag

NUXT, JavaScript, 노션템플릿공유, 노션가이드, 노션가계부, 노션유용한템플릿, CSS, 노션활용법, react, 노션데이터베이스, 노션, notion, 리액트, Vue, 노션표, 노션템플릿, 노션사용법, 노션수식, Notion템플릿공유, 노션무료템플릿,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Copyright © Kakao Corp. All rights reserved.

티스토리툴바