# Props
React 시작!
그렇다 그 유명한 React맞다. 바닐라로 손수 컴포넌트를 만들어서 프로젝트를 여러개 해보았다. state , rendering, import에 대한 개념이 어느정도 잡혀서 이제 React로 넘어가도 될 수 있을거 같다는 생각이 들었다.그래서 our lovely Col
React props
React에서 state나 상위컴포넌트에 있는 다양한 변수들을 다른 파일의 하위컴포넌트에서 쓰고 싶을 때가 있다. 이때 props라는 것을 사용한다.예를들어 import 하위컴포넌트 from '하위컴포넌트 경로'<상위컴포넌트> <하위컴포넌트 상위컴포넌트의 변
Props 헷갈리는 사람 다 들어오세요! [🐣어기여차 리액트 공부]
한번에 이해하는 Props 시작합니다🍿😎props는 properties의 줄임 표현으로 컴포넌트 속성을 설정할 때 쓰입니다. 👨🍳부모님이 👧아이에게 도시락을 싸주고 있다고 생각해봅시다. 부모님은👨🍳 어떤 도시락을 싸줄지 재료들을 고민하고 장을 보겠죠.소
Optional-Chaining, Nullish-Coalescing, props
?.를 사용하여 값이 있는지 판단 후 없으면 undefined로 반환data && data.fetchProfile => data?.fetchProfile 로 적용가능data || data.fetchProfile (거짓일 경우 데이터가 없으면 렌더링)거짓 표기 : 0,
코드캠프 부트캠프 6일차-2
Container / Presenter패턴 JavaScript/ Html(JSX) 부분으로 나누어 만든것을 말한다. export default 부터 return 전까지의 부분은 JavaScript 부분으로 Container영역, return부터 마지막 괄호까지는 JS
props
이번 포스팅에서는 리액트에서 중요한 개념이자 거의 필수적으로 쓰이는 props와 state를 알아보겠다.props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소이다.props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할
멋사 스터디 기록 - 02. 리액트 기초 문법
둘을 비교하기에 앞서, JSX는 뭐고 HTML은 뭔데?JSX는 JS안에서 HTML 마크업을 사용할수 있는 JS의 확장버전이다.일반 HTML 태그 사용으로 가독성도 잡으면서 JS 로직이 가능하기 때문에 활용도까지 잡은 문법이다.HTML은 마크업을 위한 언어! JS와 다른
[React] Props의 타입 지정
타입스크립트 환경에서는 Props의 타입 지정도 필요하다. Props에는 어떤 데이터가 올 지 모르기 때문에 type 묶음을 만들어 사용하면 된다.
Props - 함수형 방식
아래 내용은 노마드코더님의 강의에서 배운 내용을 기반으로 작성하셨습니다.앞선 글에서는 Class, 즉 객체에서 props를 사용하는 방식을 다뤄보았습니다. 따라서 this.props를 통해 객체 자기자신에게 온 props를 확인할 수 있었습니다. 그렇다면, this를
React Props, Event, , useState, useEffect
1. Props 자식에게 부모가 넘겨주는 값.(단, 자식에서는 그 값을 변경할 수 없고 읽기만 가능함.) 2. State 2-1. 배열 비구조화 할당 2-2. useState 사용 예시
State, state Hook과 Props
State는 컴포넌트 내부에서 변할 수 있는 값을 의미한다. props는 외부에서 받은 값으로, 변하지 않는 데이터이다.
props, Context API, constate, Redux, Recoil
수업시간에 context API에 관해 배우면서 조금 더 명확하게 정리하고 싶었다.그리고 Redux가 생각보다 현업에서 많이 사용되지않고, 다른 라이브러리가 더 흥할것이라는 글을 보며 그 이유에 대해서도 알고싶어 글을 적게 되었다. React에서 컴포넌트가 많아지면
리액트2(Props와 State)
Props : 컴포넌트 외부에서 컴포넌트에게 주는 데이터 State : 컴포넌트 내부에서 변경할 수 있는 데이터 둘 다 변경이 생기는 경우 render(컴포넌트 그리는 방법을 기술하는 함수)가 다시 일어날 수 있음. > Function Component (defau
props가 변경되지않는 컴포넌트는 리렌더링하지 않도록 하기-memo
부모컴포넌트의 state가 변하면 props가 변경되는 컴포넌트가 있든 없든 모든 자식컴포넌트는 리렌더링된다. 변화가 없는 컴포넌트의 리렌더링을 방지하는 memo 기능이 있다. memorization의 줄임말임