inanJeong
이난's 프로그래밍 지식 사이트
inanJeong
전체 방문자
오늘
어제
  • 분류 전체보기 (83)
    • 회고록 및 개발일기 (4)
    • Advanced (0)
    • Python (18)
      • 파이썬 기초 (0)
      • 파이썬스럽게 개발하기 (6)
      • Django (5)
      • 고성능 파이썬 (0)
      • matplotlib (3)
      • Error (4)
    • 기타 (61)
      • Shell Script (2)
      • 라즈베리파이 (5)
      • 티스토리 꾸미기 (2)
      • 알고리즘 (2)
      • 소프트웨어 개발론 (0)
      • JIRA(프로젝트 관리 도구) (1)
      • git (1)
      • Swagger (1)
      • docker (2)
      • web_server (2)
      • MySQL (2)
      • front_end (3)
      • javascripts(typescript + ES.. (5)
      • ServerSideApplication (1)
      • Data Engineering (5)
      • flutter (2)
      • JSP (10)
      • Spring boot (5)
      • React (3)
      • elasticSearch (1)
      • AWS (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

인기 글

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
inanJeong

이난's 프로그래밍 지식 사이트

react 컴포넌트, props
기타/React

react 컴포넌트, props

2020. 8. 23. 00:20

react

 

 

react 컴포넌트

react 컴포넌트는 재사용을 위해 jsx, 자바스크립트 확장 파일을 이용하여 프로그래밍하는 것입니다.

 

App.js
index.js

위 소스코드는 create-react-app을 이용해 만든 기본 구조인데, index.js는 app.js라는 컴포넌트를 가져와서 단순히 <App/> 이라는 태그로 app.js 컴포넌트를 사용할 수 있습니다. 

 

 

Temp.js, index.js

임의로 Temp라는 컴포넌트를 만들어 index.js에 추가를 하였더니 정상적으로 컴포넌트가 추가된 것을 확인할 수 있습니다.

 

 

 

'기타 > React' 카테고리의 다른 글

react란 무엇인가?  (0) 2020.08.05
react 환경설정  (0) 2020.06.29
    '기타/React' 카테고리의 다른 글
    • react란 무엇인가?
    • react 환경설정
    inanJeong
    inanJeong
    저작권 문제시 이메일 발송 부탁드립니다.(해당 게시글 바로 내리겠습니다.) ghjklla007@naver.com

    티스토리툴바