# Props

25개의 포스트

[React] 컴포넌트의 State 란?

사용자가 알 필요가 없는 데이터를 내부에서 은닉하는 것. 즉, 캡슐화를 통해 코드를 리펙토링 하는 것이 좋은 사용성을 만드는 핵심이다.

2020년 6월 18일
·
0개의 댓글

[React] 컴포넌트의 Props 란?

마치 HTML 태그의 속성처럼, 한 컴포넌트의 요소에 props value를 지정하면 다른 컴포넌트에서 그 value에 값을 넣어 사용할 수 있는 것이다.

2020년 6월 17일
·
0개의 댓글

TIL #9 React Props

PropsProps는 Component 들끼리의 소통을 위한 도구이다.Props는 상위 Component에서 하위 Component로 데이터를 전달하기 위한 도구이고, 하위 Component에서 상위 Component에 값을 전달할 수는 없다.Props의 값은 상위 C

2020년 6월 14일
·
0개의 댓글

props 사용한 데이터 처리

클래스 방식의 리액트. 검색이벤트와 클릭이벤트를 구현해 봅니다.

2020년 6월 10일
·
0개의 댓글
post-thumbnail

props. 컴포넌트의 재사용성을 위한 자식에게 부모의 아이템을 전달하기 위한 프로퍼티

commentList, commentInput라고 컴포넌트를 만들었다. commentList의 역할을 받아온 데이터를 보여줄 output 공간이다. commentInput의 역할은 데이터를 input받을 공간이다.여기서 props는 컴포넌트 옆에 달린 것들이다. 우선

2020년 5월 23일
·
0개의 댓글

[TIL] 05/13

1.props=>부모가 자식에게 전달App.js<Seoul lite={'Good'} location={'Korea'} />Seoul.jsexport default const Seoul =()=>{ props=>{lite :'Good',location:'Korea'

2020년 5월 14일
·
0개의 댓글

리액트 - Component & props & state

함수로 Welcome 컴포넌트 구현하기 class로 Welcome 컴포넌트 구현하기class로 컴포넌트를 만드려면 React.Component 를 extend해서 생성한다. 컴포넌트를 생성할 때 render() 메서드는 무조건 정의해야하고, return도 해주어야 한다

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

#2 JSX와 Props

안녕하세요! 오늘 작성해볼 리액트 주제는 JSX와 Props라는 주제입니다. 지난 글에서는 리액트 프로젝트 준비, 생성 과정을 해보았는데요, 이번에는 리액트 코드들을 만져보며 리액트의 기본적인 JSX와 Props의 구조에 대해서 알아보도록 하겠습니다😉 1. JS

2020년 4월 29일
·
0개의 댓글
post-thumbnail

[리액트(React) 스터디] - npm과 npx, 컴포넌트 제작(props), state, 이벤트(bind, setState)

npm(Node Package Manager)node.js에서 사용하는 모듈들을 패키지로 만들어 npm을 통해 관리하고 배포한다.python - pip 같은 친구!nodejsnode.js 사이트에서 node.js installer를 다운로드 한다.window라면 git

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

react props와 state

props와 state를 이용해 자식컴포넌트에서 부모 컴포넌트 객체에 데이터를 받아와서 출력해주고, 출력해주는 부분들을 수정할 수 있도록 만들어 줄 수도 있다.리액트의 props는 해당 컴포넌트의 속성을 표현하는 방법이다.나는 태그의 class같은 개념과 비슷하다고 이

2020년 4월 26일
·
0개의 댓글

[TIL] State와 Props

State란 - state는 Component의 상태 값을 말한다. - state와 props는 둘 다 object이며, 화면에 보여줄 정보를 가지고 있다는 점에서 서로 비슷한 역할을 한다. - props는 컴포넌트를 사용하는 부모쪽에서 전달해야만 사용할 수 있다.

2020년 4월 26일
·
0개의 댓글
post-thumbnail

TIL_Props, State

Props Props는 property의 줄임말로, React에서 사용자가 부모 컴포넌트에서 자식 컴포넌트로 전달하는 데이터를 말한다. props는 읽기 전용 데이터로써 변경되지 않고 보존되는 법칙이 존재한다. 그렇기 때문에 자식 컴포넌트는 부모 컴포넌트로부터 전달받은

2020년 4월 21일
·
0개의 댓글
post-thumbnail

Component , Props

Component, props

2020년 4월 17일
·
0개의 댓글
post-thumbnail

[리액트(React) 스터디]'props'로 컴포넌트에게 값 전달하기

props는 properties의 줄임말이다.어떠한 값을 컴포넌트에게 전달할 때 사용한다.App.js

2020년 4월 14일
·
0개의 댓글

(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개의 댓글