# useState

401개의 포스트
post-thumbnail

backend로 데이터 받아 useEffect 사용하기

먼저 실전 실습을 하기 위해 폴더와 파일을 먼저 생성해보자.1.Component폴더에 데이터를 받아 사용할 UseEffectFetch.jsx 폴더 생성2.backend폴더도 하나 생성해 server.js라는 파일 생성3.props로 받아올 ProfileComponent

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

개인프로젝트: VarGen(5.3)-입력데이터 관련 버튼 만들기

여기서 기능 기획을 했던 것 처럼 Create {countVariable} {subject} related variable names with {namingConvention} 이런 식으로 변수화 시켜서 prompt변수에 할당할 것이다! 자연스레 저 변수들을 버튼으로

5일 전
·
2개의 댓글
·
post-thumbnail

[ React ] useState

💡 UseState > state 값을 변화 시키고 싶다면 함수를 불러 인자에는 변경하고 싶은 값을 넣어주면 된다. 🌟mdn 예제 이벤트 추가시 onclick = {실행하고 싶은 함수 이름} 형태로 설정해준다.

6일 전
·
0개의 댓글
·

자식 컴포넌트에서 부모 컴포넌트로 값 보내기

부모에서는 useState로 value와 setvalue 값만 받아오고, 자식 컴포넌트에서 onChange 혹은 다른 기능들을 수행한 후, 부모 컴포넌트에게 보내준다.부모 컴포넌트의 이름은 Test이고, 자식 컴포넌트 이름은 Accordion내가 보내고자 하는 컴포넌트

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

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

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

2023년 3월 15일
·
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개의 댓글
·