# useState
<React>리액트 Hooks( useState, useEffect )
useState useState는 상태값을 관리하게 해주는 hook이다. 기본값(initialState)을 파라미터로 받고, 상태값이 state와 상태값을 변경할 수 있는
React 에서 (current) => 의 의미
React에서 (current) => {} 는 함수형 컴포넌트에서 useState와 함께 사용될 때, 상태값을 업데이트하는 함수를 정의하는 방법 중 하나이다. useState를 사용하면 해당 상태값과 그 값을 업데이트하는 함수를 배열로 반환하며, (current) =>
[react] Hooks | useState, useEffect 이해
Hooks? useState, useEffect 이해React를 사용하면서 꼭 사용하게 되는 useState와 useEffect에 대해 알아볼 것이다. 그 전에 react Hook이라는 것에 대해 먼저 알아보도록 하자.react의 함수 구성요소는 다음과 같다.Hooks
React - 상태관리 State
React에서 UI와 밀접하게 관련있는 데이터는 State에 보관해줘야 한다.만약 아래와 같이 setCount(count + 1)를 5번 작성하면 어떻게 동작할까?결과는 5씩 증가가 아닌 1씩 증가한다.이는 Javascript 클로저와 밀접한 관련이 있다. onClic
State 사용하기
React에서 state는 변수와 비슷한 개념으로 사용하면서, 상태가 바뀔 때 마다 react가 화면을 자동으로 렌더링을 해준다. 이 state에 대한 사용 방법에 대해 설명하려고 한다.
React 의 useState 와 useEffect 에 대해 설명해주세요.
React 의 useState 와 useEffect 에 대해 설명해주세요
Today I Learned 2023.02.27. [React 프로젝트 1]
오늘은 정말 많은 트러블슈팅을 했다. 이 중에 삼항연산자 실수는 정말 조심해야 하는 부분이다. id값도 가볍게 해결했다~
[React hooks] useReducer, useState 비교하기
useState, useReducer 둘다 state 관리에 유용한 hooks이다. 상태 저장 값과 업데이트하는 함수를 반환한다는 점에서 두가지 기능은 동일하지만 상황에 따라 어떻게 구별해서 사용해야하는지 의문이 들었다. 두 가지 함수를 살펴보며 예시를 만들어보고 비교
useState 하나로 여러개의 input 관리하기
인풋 창이 여러개라면 여러분은 어떻게 관리하시겠나요물론 useState를 여러개 쓰는 방법도 있겠지만..훅은 성능을 떨어트린다는 글을 본적 있다. ( 사실 랜더링을 계속 하는거니까...?)useEffect에서 의존성 배열로 리랜더링을 막는 것과 같은 거겠지유데미 인강으
Today I Learned 2023.02.24. [React 입문1]
기초적인 리액트를 이해하고, 직접 코드를 쳐보면서 이해한다. useState를 이용해 컴포넌트를 구성하고 리렌더링하는 일련의 과정을 파악해본다.
React/Props Drilling(Cmarket Hook과제)
사진과 같이 Props Drilling은 상위 컴포넌트에서 state상태를 하위컴포넌트에게 props로 내려줄때 상태를 쓰지않지만 전달만을 위해 많은 컴포넌트들을 지나가는 것을 드릴로 내려꽂는다 하여 props drilling이라고 한다.코드의 가독성이 매우 나빠지게
[React] useSelector, useState 사용 이슈
useSelector와 useState를 병행하여 사용할 경우, store의 값이 정상적으로 반영되지 않는 문제가 있었다.무자비한 구글링 및 삽질을 끝으로 해결하여, 그 방법을 작성한다.
[React] useState 지정하기
📍 1. 기본 구성 소개 👀 1. title명 하나의 변수로 합치기 👀 2. useState를 사용한 변수 불러오기 👀 3. 기타 : 작성일자 변수 작성
[React] 모달창 만들기
📍 1. 기본 구성 소개 👀 1. App.js 👀 2. App.css 📍 2. Modal 생성 👀 1. function Modal() 생성 및 호출 👀 2. 타 함수 호출하는 방법 📍 3. 삼항연산자로 조건걸기 👀 1. 삼항연산자 👀 2. 클릭시 모달생
React - useState 자식 컴포넌트에서 부모 컴포넌트로 데이터 보내기
2023.02.16(목) 1차 프로젝트 진행 중 참고자료 | [React] 자식 컴포넌트에서 부모로 데이터 보내기 🚨 문제상황 >장바구니 페이지 기능을 구현하던 중, 자식 컴포넌트인 cartList.js에서 부모 컴포넌트인 Cart.js로 데이터를 전달해야 할 일이
한 주의 정리 - WIL
이번주(2월 13일 ~ 2월 19일) 리액트 숙련과정부터 리액트 심화과정까지 생각보다 어렵고 생각치도 못한 것들이 많이 일어났던 한주였다.1\. 리덕스 액션은 어떤 행동을 뜻한다. 액션은 하나의 객체이다. 액션에 type은 필수이다. 액션 생성 함수는 액션을 만드는 함
리액트 Hook - useState
2월 19일 여정 42일차이다.리액트에서 정말 많이쓰고, 흔히 보는 useState에 대해 자세하게 알아보겠다.useState는 가장 기본적인 Hook이다. 또한 함수 컴포넌트에서 가변적인 상태를 가지게 해준다. 기본적인 형태는 위와 같이 생겼다. useState라는