# useState

395개의 포스트
post-thumbnail

[🪝react hooks]useState에 대해서

useState에 대해서 (+ 실습)

약 20시간 전
·
0개의 댓글
·
post-thumbnail

<React>리액트 Hooks( useState, useEffect )

useState useState는 상태값을 관리하게 해주는 hook이다. 기본값(initialState)을 파라미터로 받고, 상태값이 state와 상태값을 변경할 수 있는

6일 전
·
0개의 댓글
·
post-thumbnail

React 에서 (current) => 의 의미

React에서 (current) => {} 는 함수형 컴포넌트에서 useState와 함께 사용될 때, 상태값을 업데이트하는 함수를 정의하는 방법 중 하나이다. useState를 사용하면 해당 상태값과 그 값을 업데이트하는 함수를 배열로 반환하며, (current) =>

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[react] Hooks | useState, useEffect 이해

Hooks? useState, useEffect 이해React를 사용하면서 꼭 사용하게 되는 useState와 useEffect에 대해 알아볼 것이다. 그 전에 react Hook이라는 것에 대해 먼저 알아보도록 하자.react의 함수 구성요소는 다음과 같다.Hooks

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

React - 상태관리 State

React에서 UI와 밀접하게 관련있는 데이터는 State에 보관해줘야 한다.만약 아래와 같이 setCount(count + 1)를 5번 작성하면 어떻게 동작할까?결과는 5씩 증가가 아닌 1씩 증가한다.이는 Javascript 클로저와 밀접한 관련이 있다. onClic

2023년 3월 9일
·
0개의 댓글
·

State 사용하기

React에서 state는 변수와 비슷한 개념으로 사용하면서, 상태가 바뀔 때 마다 react가 화면을 자동으로 렌더링을 해준다. 이 state에 대한 사용 방법에 대해 설명하려고 한다.

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

React 의 useState 와 useEffect 에 대해 설명해주세요.

React 의 useState 와 useEffect 에 대해 설명해주세요

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

[React] Hook

useState, useEffect, useReducer

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

이벤트 버블링과 useState를 활용한 댓글 수정하기 기능

리팩토링 기간에 완성하게 된 댓글 수정기능 기록✨

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

Today I Learned 2023.02.27. [React 프로젝트 1]

오늘은 정말 많은 트러블슈팅을 했다. 이 중에 삼항연산자 실수는 정말 조심해야 하는 부분이다. id값도 가볍게 해결했다~

2023년 2월 27일
·
0개의 댓글
·

[React hooks] useReducer, useState 비교하기

useState, useReducer 둘다 state 관리에 유용한 hooks이다. 상태 저장 값과 업데이트하는 함수를 반환한다는 점에서 두가지 기능은 동일하지만 상황에 따라 어떻게 구별해서 사용해야하는지 의문이 들었다. 두 가지 함수를 살펴보며 예시를 만들어보고 비교

2023년 2월 26일
·
0개의 댓글
·

useState 하나로 여러개의 input 관리하기

인풋 창이 여러개라면 여러분은 어떻게 관리하시겠나요물론 useState를 여러개 쓰는 방법도 있겠지만..훅은 성능을 떨어트린다는 글을 본적 있다. ( 사실 랜더링을 계속 하는거니까...?)useEffect에서 의존성 배열로 리랜더링을 막는 것과 같은 거겠지유데미 인강으

2023년 2월 25일
·
0개의 댓글
·
post-thumbnail

Today I Learned 2023.02.24. [React 입문1]

기초적인 리액트를 이해하고, 직접 코드를 쳐보면서 이해한다. useState를 이용해 컴포넌트를 구성하고 리렌더링하는 일련의 과정을 파악해본다.

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

React/Props Drilling(Cmarket Hook과제)

사진과 같이 Props Drilling은 상위 컴포넌트에서 state상태를 하위컴포넌트에게 props로 내려줄때 상태를 쓰지않지만 전달만을 위해 많은 컴포넌트들을 지나가는 것을 드릴로 내려꽂는다 하여 props drilling이라고 한다.코드의 가독성이 매우 나빠지게

2023년 2월 23일
·
0개의 댓글
·

[React] useSelector, useState 사용 이슈

useSelector와 useState를 병행하여 사용할 경우, store의 값이 정상적으로 반영되지 않는 문제가 있었다.무자비한 구글링 및 삽질을 끝으로 해결하여, 그 방법을 작성한다.

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

[React] useState 지정하기

📍 1. 기본 구성 소개 👀 1. title명 하나의 변수로 합치기 👀 2. useState를 사용한 변수 불러오기 👀 3. 기타 : 작성일자 변수 작성

2023년 2월 22일
·
0개의 댓글
·
post-thumbnail

[React] 모달창 만들기

📍 1. 기본 구성 소개 👀 1. App.js 👀 2. App.css 📍 2. Modal 생성 👀 1. function Modal() 생성 및 호출 👀 2. 타 함수 호출하는 방법 📍 3. 삼항연산자로 조건걸기 👀 1. 삼항연산자 👀 2. 클릭시 모달생

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

React - useState 자식 컴포넌트에서 부모 컴포넌트로 데이터 보내기

2023.02.16(목) 1차 프로젝트 진행 중 참고자료 | [React] 자식 컴포넌트에서 부모로 데이터 보내기 🚨 문제상황 >장바구니 페이지 기능을 구현하던 중, 자식 컴포넌트인 cartList.js에서 부모 컴포넌트인 Cart.js로 데이터를 전달해야 할 일이

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

한 주의 정리 - WIL

이번주(2월 13일 ~ 2월 19일) 리액트 숙련과정부터 리액트 심화과정까지 생각보다 어렵고 생각치도 못한 것들이 많이 일어났던 한주였다.1\. 리덕스 액션은 어떤 행동을 뜻한다. 액션은 하나의 객체이다. 액션에 type은 필수이다. 액션 생성 함수는 액션을 만드는 함

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

리액트 Hook - useState

2월 19일 여정 42일차이다.리액트에서 정말 많이쓰고, 흔히 보는 useState에 대해 자세하게 알아보겠다.useState는 가장 기본적인 Hook이다. 또한 함수 컴포넌트에서 가변적인 상태를 가지게 해준다. 기본적인 형태는 위와 같이 생겼다. useState라는

2023년 2월 19일
·
0개의 댓글
·