# Props

190개의 포스트

TIL. 4주차 금요일

1. state VS props props는 외부로부터 전달받은 값 state는 내부에서 변화하는 값 State가 변경되면, re-rendering을 통한 화면 업데이트가 일어난다. 2. useState React에서는 state를 다루는 방법 중 하나로 useState라는 특별한 함수를 사용한다. useState의 전달인자는 state의 초기값이다. ...

어제
·
0개의 댓글
post-thumbnail

React , props, state

props, state

어제
·
0개의 댓글
post-thumbnail

리엑트 입문 2 - props로 값 전달하기

props는 객체형태로 전달되며, name의 값이 react로 넘어오게 됩니다.함수에서 인자로 바로 할당하여 사용할 수 있습니다.구조분해 할당(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Op

어제
·
0개의 댓글
post-thumbnail

React State & Props

state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다.React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있다.React 컴포넌트(React Com

어제
·
0개의 댓글
post-thumbnail

[React] 1. 리액트란?

React ⭐ 리액트(React)는 페이스북에서 개발한 오픈소스 UI 라이브러리로, 유저 인터페이스를 만들기 위한 Javascript 라이브러리 이다. 개발자가 직접 DOM을 다루지 않아도 React가 데이터 상태에 따라 자동으로 UI를 관리해주므로 특정 상태에 따른

어제
·
0개의 댓글
post-thumbnail

React 시작하기

React를 사용하는 이유 3세대 웹 요즘 웹은 예전처럼 단순하지 않다. 다양한 기능, 사용자의 눈길을 사로잡는 디자인, 다양한 기기에 따른 반응형의 구현, 그리고 넘쳐나는 데이터들에 맞는 웹을 만들다 보니, 이전보다 훨씬 동적이고 복잡해졌다. 따라서 웹을 개발할 때

4일 전
·
0개의 댓글

TIL - React를 시작하기 전에(1~5)

✔ JSX는 무엇인가? > 위의 태그 문법은 HTML도 아니고, 문자열도 아니다. 자바스크립트를 확장시킨 JSX라는 것이다.(아직은 내가 배우기 전이니 React.js를 쓰기 위해 사용하는 문법정도라고 생각해 두려고 한다...) ✔ JSX가 가진 특징은 무엇

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

Sprint statesAirline Client

처음에는 위와같은 그림을 보며 이게뭐지...? 라는 생각을 굉장히 많이하였다.코드스테이츠에서의 sprint 는 어떠한 것은 굉장히 길라잡이가 잘되어있지만, 어떠한것들은 초심자의 기준에서 '그래서 어디서부터 뭘 시작해야하지...?' 라는 생각이 많아진다.때문에 페어프로그

6일 전
·
0개의 댓글

states(상태) 끌어올리기

state 끌어올리기 (Lifting State Up)state 와 props 란 무엇일까??리액트를 배우고싶어서 코드스테이츠에 들어왔지만, 아직까지도 나는 states 와 props 에대한 이해가 부족한 상태이다.몸이 안좋아서 원활하게 강의를 따라가지 못하는것 또한

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

React-Router(2): router에게 props전달

영화를 클릭했을 때, Link가 지정 path로 이동하면서 같은 path를 주소로 하는 router에게 정보(props)를 보낸다. (Movie.js에서 구현한) 영화를 클릭하여 Link가 지정 path로 이동하고 동시에 정보(props)를 넘겨주면, 같은 path를

2021년 9월 11일
·
0개의 댓글
post-thumbnail

면접 질문 (React 관련)

DOM은 HTML문서를 프로그래밍적으로 접근가능하게 해주는 인터페이스로 DOM node에 접근하여 편집을 하게 되면 DOM이 업데이트 되는데 비용이 굉장히 많이 든다. node를 추가하면 node를 추가하여 업데이트 하고 이러한 업데이트로 인해 레이아웃에 변화가 생기면

2021년 9월 9일
·
0개의 댓글
post-thumbnail

🙆🏻‍♀️ props 넘겨주기 🙆🏻‍♀️

Children 컴포넌트에 props 넘겨주기👶🏻

2021년 9월 8일
·
1개의 댓글

vanilla javascript 로 spa 만들기 (1) (component, props 사용)

영상에서는 router 함수에서 직접 routes 들을 설정해서 관리를 했는데, 직접 router 파일에서 관리를 하는 것보다 Component들을 관리하는 app.js 에서 router,routes 등을 설정해줘서 좀더 관리에 용이하도록 수정 하였다.potential

2021년 9월 8일
·
0개의 댓글
post-thumbnail

[React] this.props.children

this.props.children을 이용한 컴포넌트 재사용에 대해 알아봅시다.

2021년 9월 4일
·
0개의 댓글

[React] component, props 개념

리액트에서는 '컴포넌트'라는 구성단위로 프론트 개발을 하게 된다. 컴포넌트는 구성요소라는 뜻인데, 화면을 구성하는 요소들을 각각 만들고 그것을 하나로 합쳐 하나의 페이지가 되는 형식이다.이 컴포넌트 또한 작게 쪼개서 작은 부분을 합쳐 하나의 컴포넌트로 만들 수 있다.

2021년 9월 4일
·
0개의 댓글

JSX and Props

component에 정보를 보낼 수 있다.재사용 가능한 컴포넌트를 만들 수 있다.

2021년 9월 3일
·
0개의 댓글
post-thumbnail

Session 12. Reusable Component (map, props, mockup data)

*🔐Study Keyword : > - 🔑map, props, mockup data까지

2021년 9월 2일
·
0개의 댓글

React, State와 Props

앞서 두 번의 프로젝트에서 프론트엔드로 참여해 react를 이용한 웹 서비스를 구축하였다. 하지만 막상 면접에서 state와 props에 대한 것을 묻자 머리가 하얘지는 나를 발견할 수 있었다. 숱하게 사용했었던 state와 props지만 정확히 알고있다고 할 수 있

2021년 9월 2일
·
0개의 댓글
post-thumbnail

🙆🏻‍♀️React-Router (feat. Link)🙆🏻‍♀️

React-Router <Link />에 props 담아 보내기🏸

2021년 8월 31일
·
0개의 댓글
post-thumbnail

빗썸아카데미 [프론트앤드] - state & props & 화살표 함수

화살표함수 이름 = (parameter) => {내용}변수 이름을 이벤트 연결static 값 유지this.props 로 값 전달state 상태로 setState()로 값 변경 state나 props에 있는 것은 주로 const로 변수 지정props, state를 상수라

2021년 8월 26일
·
0개의 댓글