# defaultProps

[Front-end] 수업 #069일 3-5
23.01.18일단 우리는 3가지의 링크가 필요하다 🕵️♀️필수HTMLHTML에는 root 와 app을 만들어 두었다.Script우선 JSX문법을 사용하기 위해 script의 type은 text/bable 로 꼭 적어준다. <script type="text/b

React Native defaultProps 사용
✅ components라는 폴더를 생성하고, 그 안에 Greeting.js 파일을 먼저 생성했습니다. ✅ 그리고 App.js 코드는 다음과 같이 작성했습니다. Greeting 컴포넌트를 App 컴포넌트에서 불러와서 사용합니다. ✅ Greeting.js 코드는 다음과
PRE - React 기본구조, 문법
body - id가 root인 div와 index.jsx를 호출하는 srcipt를 명시index.jsx 또는 main.jsximport ReactDOM from 'react-dom/client' : 서버와 상관없이 내 컴퓨터 안에서만 작동(reload)import Ap

PRE - React 기본구조, 문법
replit 50개 이상의 프로그래밍 및 언어를 지원하는 통합 개발 환경 서비스 replit을 이용하여 react 시작 전 기본 구조를 익힘 기본 파일 구조 index.html
[리액트를 다루는 기술] 클래스형 컴포넌트로 변환하기(defaultProps & propTypes)
import {Component} from 'react' 추가클래스 이름 옆 extneds Component 추가defaultProps & propTypes는 외부에 선언할도 있고 static을 사용해 내부에 선언할 수도 있음render() 안에서 함수형 컴포넌트와 같

[리액트를 다루는 기술] 컴포넌트의 defaultProps 와 props.children
props에 전달받은 값이 없어도 오류 안 남component.defaultProps 후 객체로 설정사용한 component 사이에 내용을 넣으면 props.children으로 넘겨짐

[React] map( )을 이용한 배열 렌더링 (feat.일기장)
💡map() 이란? 자바스크립트 배열 내장함수 리액트에서 동적인 배열을 렌더링해야 할 때는 자바스크립트 배열 내장함수인 map()을 사용하여 일반 데이터 배열을 리액트 엘리먼트로 이루어진 배열로 변환해줍니다.

#17.TIL | React(defaultProps)
Props는 Properties의 줄임말로 우리가 어떠한 값을 자식 Component한테 전달할때 Props를 사용할 수 있다. 그전에 벨로그에 정리했던 글처럼 이렇게 변수뿐만 아니라 state등 다양한 데이터를 보내줄 수 있다.defaultProps는 Props를 따

[React #4] React 만능키 {props} & Event handler
React Component들이 서로 연결되고 반응하기 위해서는 하나의 component 값들을 다른 component로 보내주어야 한다. 하나의 컴포넌트에서 다른 컴포넌트로 넘겨주는 값, 정보(information)를 "props"라고 한다. Props propert

[Modern React with Redux] 00 주말 리액트 복습
벨로퍼트와 함께 하는 모던 리액트의 코드를 따라 쳐보며 주말동안 리액트를 복습! 사실 부트캠프 수료 후, 과제를 하고 또 복습을 하며, 리액트를 정말 수박 겉핥기 식으로만 알고 있었다는 걸 다시 한 번 실감한다. Fragment 리액트에서는 JSX문법을 사용하기 때문
.png)
[TIL] React-props
🙊 this.props 모든 . component's의 props 객체는 를 가지고 있는데, prop's 하기 위해서는 라는 표현식을 사용해야 한다. props 정보를 React component에 전달하려면 component의 attribute 속성으로

[react] props
Mycomponent.js 를 수정하여 해당 컴포넌트에서 name이라는 props를 렌더링하도록 설정하자. props 의 값은 컴포넌트 함수의 파라미터로 받아 와서 사용할 수 있다. props 를 랜더링할 때는JSX 내부에서 {} 로 감싸주어야 한다.App.js 컴포넌