# Props
[💻 코드스테이츠 FE 44기] ✨반딧불이반✨ React Twittler state-props 의사코드작성
코드스테이츠에 섹션2 부터 시작하는 반딧불이반이 있다.종합퀴즈나 과제 등을 평균 보다 낮을 경우 선정되는데..종합퀴즈 문제를 잘못 읽어 풀어서 이번 반딧불이반에 선정 됐다.과제는 오늘 진행한 React Twittler Intro 레퍼런스 의사코드 작성하는 것이다.JSX
[💻 코드스테이츠 FE 44기] state-props 과제
이전 학습시간에 배웠던 state, props, event를 활용해 푸는 과제를 진행했다.다른 부분은 생각 보다 쉬워서 금방 진행 되었는데Tweets.js에서 새로운 트윗 입력 후 버튼 클릭시 최상단으로 업로드 하는 영역이 어려웠다.✏️ 마치며
[React] 자식 컴포넌트에서 함수 끌어올리기가 안 될 때, 두 번씩 함수가 불러질 때
모달을 만드는 와중에 에러가 났다 상황 ❗ 자식컴포넌트에서 버튼을 클릭하면, 부모컴포넌트에 있는 함수가 실행되게 하고 싶다. 이렇게 props 이름 다 맞춰도 함수가 두 번씩 is not function 에러를 내뿜을 때 SOLUTION ✅ 부모 컴포넌트에서 화
React State & Props
컴포넌트의 속성(property)을 의미한다.상위 컴포넌트로부터 전달받은 값으로 변하지 않는 값이며 마치 함수의 전달인자처럼 사용할 수 있다.이때 props로 어떤 타입의 값도 넣어 전달할 수 있도록 객체의 형태를 가지고 있다.하위 컴포넌트에 전달하고자 하는 값과 속성
[💻 코드스테이츠 FE 44기] Props, State, Event
Props, State의 특징과 이를 활용한 이벤트 처리에 대해 학습했다.변하지 않는 외부로 부터 전달 받은 값부모 컴포넌트(상위 컴포넌트)로 부터 전달 받은 값props를 함수의 전달인자 처럼 전달 받아 이를 기반으로 화면에 어떻게 표시 되는지를 기술하는 React
(SEB_FE) Section2 Unit6 React State & Props
state, props의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다.React 함수 컴포넌트(React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있다.React 컴포넌트(React Com
Learn React State & Props
props 컴포넌트를 2개로 나누면서 데이터와 기능의 연결고리가 끊어진다. 이를 연결하는것이 바로 props(부모 컴포넌트가 자식 컴포넌트에 물려주는 변수/함수) 함수를 공유하는 방법!!!// 자식이 부모에게 넘길 수는 없다.(단방향 관계) 부모 컴포넌트가 props
React의 데이터 다루는 방법
리액트에는 컴포넌트가 있고 컴포넌트에는 입력과 출력이 있다. 컴포넌트는 데이터(props)를 입력받아 View(state)상태에 따라 DOM Node를 출력하는 함수이다. 자신의 state를 자식 컴포넌트에 props로 전달할 수 있다. 💡 Props >부모 컴
React Props
React의 주요 기능 중 하나는 프롭스를 사용하여 한 컴포넌트에서 다른 컴포넌트로 데이터를 전달할 수 있는 능력입니다. 이 블로그에서는 프롭스가 무엇인지, 어떻게 작동하는지, 그리고 React 개발에 왜 중요한지에 대해 논의하겠다.프롭스(Props)는 React에서
[React] props는 attribute의 개념과 같을까?
props는 리액트에서 컴포넌트 간 데이터를 전달하는 데 사용되는 객체입니다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때, props를 사용하여 전달할 수 있습니다. props는 컴포넌트에 전달되는 데이터를 담고 있는 JavaScript 객체이며, 컴포넌트
Components, props와 State
React Component와 Component 내에서 DOM에 의해 읽기 전용으로 전달되는 객체인 props, Component 캡슐화를 가능하게 하는 State 및 Component LifeCycle
[TIL] default props
배운 적 있는 거 같은데 가물가물.. > defaultProps : props를 따로 지정해주지 않아도 기본값으로 전달 해주는 props 라고 하는데 뭐라는지는 알겠으나 왜 쓰는지 어떻게 쓰는지 자세히 알아보도록 하자 Hello.js 혹은 비구조화 할당을 이용해 좀 더 간단하게 표현할 수도 있다. App.js ``로 써도 문제없이 작동. 당연한 ...
[Vue] props
props는 컴포넌트를 사용할 때 데이터를 전달하기 위해 사용한다.props는 props 옵션을 사용하여 선언한다.객체 선언 문법key : props의 이름value : 값이 될 데이터의 타입에 해당하는 생성자 함수 (String, Number ...)kebab-cas
[React] props
상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용한다.<자식컴포넌트 작명={state이름}>props 파라미터 함수안 매개변수로 등록 후 {props.작명} 사용\- 작명은 state이름과 동일하게 사용 권장\- 자식>부모나 형제관계끼리는 전송 불가\- prop
react props
참고 사이트 \_ 리액트 공식 홈페이지https://reactjs.org/docs/components-and-props.html부모요소에서 자식 컴포넌트로 데이터를 보낼 때처음에 this.stores를 찍으니 안먹혀서 공식 홈페이지에 예시를 보니 함수형에서는
[wil] React-hook-form / typescript : Props / 네이밍
오랜만에 wil을 쓰는 것 같다. 면접준비를 한다고 쓰고 얼마지나지 않아 정말 면접을 봤고, 합격 소식을 듣게 됐다. 그후 입사를 했고 아직은 부족하지만, 곧 1인분을 해내는 개발자가 되고 싶어서 매일매일 공부중이다. 회사 프로젝트의 일부분이라 예시를 조목조목 들순 없
Today I Learned 2023.02.24. [React 입문1]
기초적인 리액트를 이해하고, 직접 코드를 쳐보면서 이해한다. useState를 이용해 컴포넌트를 구성하고 리렌더링하는 일련의 과정을 파악해본다.