# State
[React] State 사용하기
1. State 란 state는 데이터를 가지고 있는 객체이다. 사용하는 쪽과 구현하는 쪽을 분리하여 각 방향에서 편의성이 높다. 2. import 3. 변수 선언 아래의 코드와 같이 생성하고, useState 함수 안의 인자에 초기값을 넣어주면 state와 se
[React] state와 props 차이
React를 공부하면 항상 언급되는 state와 props.state와 props는 렌더링에 영향을 미치는 중요한 요소이다.컴포넌트에 어떤 것을 사용해야할 지 알기 위해이 두 가지 요소에 대해 정리해보자.두 요소의 공통적인 요소는 자바스크립트 객체로, 렌더가 업데이트되
리액트 정리(2). state의 정의 및 사용방법
리액트에서의 state 정의 및 사용방법 > 일반 자바스크립트에서는 데이터를 저장하기 위해 let 변수이름 = '데이터'; 라는 식으로 변수에 데이터를 저장했었다. 하지만 리액트에서는 보통 변수 말고, state를 만들어서 데이터를 저장한다. 데이터의 값이 잘변 하지
[React] State
state는 컴포넌트 내부에서 읽고 업데이트 할 수 있는 값이다 초깃값을 설정-> 렌더링 -> 업데이트 이런 과정으로 이루어진다버튼을 클릭해도 count는 증가하지 않는다→ why? 컴포넌트를 한번만 렌더링 되고 있기 때문이다.UI 가 업데이트 되지 않았기 때문에 화
React_Props,State
프로퍼티(properties)의 줄임말컴포넌트에게 어떠한 값을 전달할 때 props를 사용위 코드대로도 실행은 가능하나, Header 컴포넌트 안에 HTML 태그를 하드코딩해줘야 함은 변함이 없음 ex. 1."WEB"을 수정한다고 가정하면 Header안을 수정해줘야 함
TIL14 라우터 이동할 때마다 특정 컴포넌트의 스타일 바꾸기
리액트로 쇼핑몰 만들고 있다. 위와 같이 Login 부분의 폰트 컬러를 페이지마다 다르게 하고 싶었다.store.js에 다음과 같이 state를 만들고"/Main", "/Men"로 라우터 이동해서 각각의 컴포넌트가 렌더링 될 때마다 위에서 만든 state를 ""값 혹은
React 객체안의 배열의 값을 수정해보자.
상품을 관리하는 상태를 수정해야할 일이 생겼다.보통의 state를 수정할 때는 간단하게 spread문법을 사용하여 수정을 하면 됐지만,ex) 해당 키의 값을 입력한 값으로 바꾸는 코드하지만 내가 수정해야할 부분은,상품은 여러개의 상품 그룹으로 구성하여 추가할 수 있고,
React - Recoil
리코일 공식 홈페이지나의 경우에 리코일을 알게된, 사용하게된 경위는프로젝트 진행 도중 기한이 다가오는데 여러 feature가 병합되는 과정에서각 기능별 상호작용 부분에서 props , state 관련 이슈가 생겨서이를 트러블슈팅하는 치트키로 사용하게된 케이스이다..해당
[React] State and Lifecycle
component -> reusable, encapsulatedstate -> private, fully controlled by componentDOM node 를 rendering 하기 위해 사용된 instance of component 가 있을 것이고 해당 UI를
리액트 공식 문서 정리 (feat.freecodecamp) -state 끌어올리기
리액트 state 끌어올리기 : 공식 문서 정리라고 읽고 freecodecamp 자료 정리라고 쓴다
React에선 JSX, 데이터 바인딩을 하고 싶을 땐?
저번시간에는 리액트에 대한 간단한 셋팅과 리액트를 쓰면 좋은 점들에 대해서 알아보았고,이번 시간에는 리액트에서 데이터바인딩을 하는 법과 navbar를 만드는 법,변수를 선언할 때 state로 데이터를 저장하는 방법에 대해서 알아보겠습니다.계속해서, 자바스크립트와 제이쿼
React-Query(우아한 세미나 정리)
상태란?상태 관리가 필요한 이유주문 팀의 고민 및 해결React Query 살펴보기3가지 core 컨셉캐싱 및 동기화마무리상태관리하면 떠오르는 것 = 라이브러리 → 추상적라이브러리 = Redux, MobX, Recoil주어진 시간에 대해 시스템을 나타내는 것 → 언제든
State와 Props
부모 컴포넌트에서 자녀 컴포넌트로 데이터를 보내는것이 아닌 해당 컴포넌트 내부에서 데이터를 전달할 때 사용한다.부모 컴포넌트로부터 자녀 컴포너트에게 데이터를 전달할 때 사용한다.읽기 전용으로 자녀 컴포넌트에서는 변하지 않고 변하게 하고자 한다면 부모 컴포넌트에서 변경시