# Props

284개의 포스트
post-thumbnail

Props

부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 Props

약 3시간 전
·
0개의 댓글
post-thumbnail

React 시작!

그렇다 그 유명한 React맞다. 바닐라로 손수 컴포넌트를 만들어서 프로젝트를 여러개 해보았다. state , rendering, import에 대한 개념이 어느정도 잡혀서 이제 React로 넘어가도 될 수 있을거 같다는 생각이 들었다.그래서 our lovely Col

어제
·
0개의 댓글

React props

React에서 state나 상위컴포넌트에 있는 다양한 변수들을 다른 파일의 하위컴포넌트에서 쓰고 싶을 때가 있다. 이때 props라는 것을 사용한다.예를들어 import 하위컴포넌트 from '하위컴포넌트 경로'<상위컴포넌트> <하위컴포넌트 상위컴포넌트의 변

2일 전
·
0개의 댓글
post-thumbnail

Props 헷갈리는 사람 다 들어오세요! [🐣어기여차 리액트 공부]

한번에 이해하는 Props 시작합니다🍿😎props는 properties의 줄임 표현으로 컴포넌트 속성을 설정할 때 쓰입니다. 👨‍🍳부모님이 👧아이에게 도시락을 싸주고 있다고 생각해봅시다. 부모님은👨‍🍳 어떤 도시락을 싸줄지 재료들을 고민하고 장을 보겠죠.소

4일 전
·
1개의 댓글

Optional-Chaining, Nullish-Coalescing, props

?.를 사용하여 값이 있는지 판단 후 없으면 undefined로 반환data && data.fetchProfile => data?.fetchProfile 로 적용가능data || data.fetchProfile (거짓일 경우 데이터가 없으면 렌더링)거짓 표기 : 0,

6일 전
·
0개의 댓글

코드캠프 부트캠프 6일차-2

Container / Presenter패턴 JavaScript/ Html(JSX) 부분으로 나누어 만든것을 말한다. export default 부터 return 전까지의 부분은 JavaScript 부분으로 Container영역, return부터 마지막 괄호까지는 JS

6일 전
·
0개의 댓글
post-thumbnail

Boot.React Day6

옵셔널 체이닝,props,폴더구조,비구조 할당,emotion에 props 뿌리기

6일 전
·
0개의 댓글

22.01.17 드래프트2

container / presenter - props

6일 전
·
0개의 댓글
post-thumbnail

props

이번 포스팅에서는 리액트에서 중요한 개념이자 거의 필수적으로 쓰이는 props와 state를 알아보겠다.props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소이다.props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할

2022년 1월 15일
·
0개의 댓글
post-thumbnail

멋사 스터디 기록 - 02. 리액트 기초 문법

둘을 비교하기에 앞서, JSX는 뭐고 HTML은 뭔데?JSX는 JS안에서 HTML 마크업을 사용할수 있는 JS의 확장버전이다.일반 HTML 태그 사용으로 가독성도 잡으면서 JS 로직이 가능하기 때문에 활용도까지 잡은 문법이다.HTML은 마크업을 위한 언어! JS와 다른

2022년 1월 15일
·
0개의 댓글

[React] Props의 타입 지정

타입스크립트 환경에서는 Props의 타입 지정도 필요하다. Props에는 어떤 데이터가 올 지 모르기 때문에 type 묶음을 만들어 사용하면 된다.

2022년 1월 14일
·
0개의 댓글

Props - 함수형 방식

아래 내용은 노마드코더님의 강의에서 배운 내용을 기반으로 작성하셨습니다.앞선 글에서는 Class, 즉 객체에서 props를 사용하는 방식을 다뤄보았습니다. 따라서 this.props를 통해 객체 자기자신에게 온 props를 확인할 수 있었습니다. 그렇다면, this를

2022년 1월 14일
·
0개의 댓글
post-thumbnail

React-Props

fontSize는 JS 문법으로 기본값을 줄수도 있다. 두개의 Btn이 똑같은 모양을 가지게 될것

2022년 1월 13일
·
0개의 댓글

React Props, Event, , useState, useEffect

1. Props 자식에게 부모가 넘겨주는 값.(단, 자식에서는 그 값을 변경할 수 없고 읽기만 가능함.) 2. State 2-1. 배열 비구조화 할당 2-2. useState 사용 예시

2022년 1월 13일
·
0개의 댓글
post-thumbnail

[React] props

props and events

2022년 1월 13일
·
0개의 댓글

State, state Hook과 Props

State는 컴포넌트 내부에서 변할 수 있는 값을 의미한다. props는 외부에서 받은 값으로, 변하지 않는 데이터이다.

2022년 1월 12일
·
0개의 댓글
post-thumbnail

props, Context API, constate, Redux, Recoil

수업시간에 context API에 관해 배우면서 조금 더 명확하게 정리하고 싶었다.그리고 Redux가 생각보다 현업에서 많이 사용되지않고, 다른 라이브러리가 더 흥할것이라는 글을 보며 그 이유에 대해서도 알고싶어 글을 적게 되었다. React에서 컴포넌트가 많아지면

2022년 1월 9일
·
0개의 댓글

리액트2(Props와 State)

Props : 컴포넌트 외부에서 컴포넌트에게 주는 데이터 State : 컴포넌트 내부에서 변경할 수 있는 데이터 둘 다 변경이 생기는 경우 render(컴포넌트 그리는 방법을 기술하는 함수)가 다시 일어날 수 있음. > Function Component (defau

2022년 1월 9일
·
0개의 댓글

props가 변경되지않는 컴포넌트는 리렌더링하지 않도록 하기-memo

부모컴포넌트의 state가 변하면 props가 변경되는 컴포넌트가 있든 없든 모든 자식컴포넌트는 리렌더링된다. 변화가 없는 컴포넌트의 리렌더링을 방지하는 memo 기능이 있다. memorization의 줄임말임

2022년 1월 7일
·
0개의 댓글