일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- web
- 세로메뉴바
- 깃
- 연산자
- 웹디자인기능사실기
- HTML
- 렛츠기릿자바스크립트
- 타입스크립트
- 생활코딩
- 슬라이드전환
- github
- 자바스크립트
- 리액트
- jQuery
- JavaScript
- JS
- PROJECT
- 웹퍼블리셔
- Supabase
- react
- 웹디실기
- 정보처리기사
- 웹디자인기능사
- git
- 프론트엔드
- 비전공자
- 실기
- 코딩독학
- 코드공유
- CSS
Archives
- Today
- Total
목록함수컴포넌트 (1)
코딩하는라민

[React] 컴포넌트(Component)와 Props 📌 컴포넌트 앱을 이루는 최소한의 단위를 말한다. 기존의 HTML 문서는 반복적인 부분을 단순히 하드코딩하여 재사용이 불가능했지만, 리액트에서는 컴포넌트를 통해 UI를 `재사용 가능`한 `조각`으로 나눠서 각각 관리할 수 있다. 📌 함수 컴포넌트 function Cafe(props){ return latte } props를 인자로 받아 react 엘리먼트를 반환한다. 최근에 함수형 컴포넌트를 많이 사용한다. 클래스 컴포넌트보다 간결하다. 📌 클래스 컴포넌트 ES6 class 를 사용하여 컴포넌트를 정의할 수도 있다. class Cafe extends React.Component { render(){ return latte } } 함수 컴포넌트보다 더..
Core/React
2023. 2. 22. 22:30