# Props

11개의 포스트

(TIL 31일차) 프로젝트 1차 프론트 전체 세션

프로젝트 1차 프론트 전체 세션

2020년 2월 28일
·
0개의 댓글

React - props & method & setState

props 부모 컴포넌트가 자식컴포넌트의 속성으로 state의 정보를 객체로 넘겨줄 수 있고, 넘겨받은 객체를 props 키워드를 통해 사용하거나 다시 자식의 자식 객체로 넘겨 줄수 있다. state는 하위(자식) 컴포넌트에서 직접 접근할 수 없다. 그러나 간접적으로 접근 할 수 있는 방법은 있다. 바로 부모 컴포넌트가 가지고 있는 메서드를 통해서 ...

2020년 2월 1일
·
0개의 댓글

TIL #6

React props recast.ly

2020년 1월 22일
·
0개의 댓글

React - props

React는 임의로 정의한 Element를 만나면 JSX artibute를 해당 컴포넌트에 단일 객체로 전달한다. 이 객체를 props라고 한다.

2020년 1월 20일
·
0개의 댓글
post-thumbnail

React : 자식에서 부모의 state 변경

리액트에서 부모컴포넌트에서 자식 컴포넌트로 props를 넘겨주는 것은 매우 쉽다. 하지만 반대로 자식에서 부모의 컴포넌트의 state를 변경해줘야 하는 일이 필요하다. 어떻게 하면 바꿀 수 있을까 ?? 바로 form 태그를 사용해서 바꿀 수 있다. 출처는 이곳이다. 이곳에 나와 있는 설명을 풀어보면 다음과 같다. 부모컴포넌트에서 자식 컴포넌트로 onS...

2020년 1월 12일
·
0개의 댓글

[React] Core Concepts(JSX, Component, Props, State, Life Cycle…)

React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...

2019년 12월 31일
·
0개의 댓글

React TypeScript - Props 사용법

TypeScript를 활용하여 React 개발을 할때의 좋은 점 중 한가지는 바로 Props를 받는 쪽에서 정할 수 있다는 점이다. Props로 지정할 수 있는 변수들의 이름과 형태까지 지정해 줄 수 있어서 자식 컴포넌트에 Props를 넘겨줄 때 일어나는 문제점을 미리 방지 할 수 있다. 그렇다면 간단하게 어떻게 Props를 정의해주고 활용하는지에 대해 ...

2019년 12월 8일
·
0개의 댓글

[next.js] Router를 통해 props 기능 구현

우선 props를 보낼 곳에서 Router를 import 합니다. button을 이용해 해당 파일 경로와 보내고 싶은 props를 query형태로 보내줍니다. button의 모양은 대략 이렇게 생겼습니다. SendQuery 함수의 형태입니다. query를 받는 곳(/pages/register)에 { useRouter }를 import 합니다. re...

2019년 10월 22일
·
1개의 댓글

React

👉 React > 페이스북이 만든 라이브러리(하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용) Redux 공부 check > Component 시스템을 구현했기 때문에 효율적으로 코딩 가능 👉 Component란 하나의 의미를 가진 독립적인 단위 모듈 👉JSX 자바스크립트의 확장 문법 1) 반드시 하나의 엘리먼트로 감...

2019년 9월 30일
·
0개의 댓글

2019.09.30 React

1. React? 2. ES6? ES6 문법을 알아야 리액트가 편해진다. - Destructuring - spread operator - rest parameters - default parameters - templete literals - arrow function - for-of loop 3. JSX? 자바스크립트의 확장 문법 - 반드시 하나...

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

React 강좌) trendy React 1-3. Props 알아보기

React에서 동적으로 값을 전달하는 방법인 Props 개념을 알아봅니다.

2019년 4월 16일
·
5개의 댓글