# useState
backend로 데이터 받아 useEffect 사용하기
먼저 실전 실습을 하기 위해 폴더와 파일을 먼저 생성해보자.1.Component폴더에 데이터를 받아 사용할 UseEffectFetch.jsx 폴더 생성2.backend폴더도 하나 생성해 server.js라는 파일 생성3.props로 받아올 ProfileComponent
개인프로젝트: VarGen(5.3)-입력데이터 관련 버튼 만들기
여기서 기능 기획을 했던 것 처럼 Create {countVariable} {subject} related variable names with {namingConvention} 이런 식으로 변수화 시켜서 prompt변수에 할당할 것이다! 자연스레 저 변수들을 버튼으로
[ React ] useState
💡 UseState > state 값을 변화 시키고 싶다면 함수를 불러 인자에는 변경하고 싶은 값을 넣어주면 된다. 🌟mdn 예제 이벤트 추가시 onclick = {실행하고 싶은 함수 이름} 형태로 설정해준다.
자식 컴포넌트에서 부모 컴포넌트로 값 보내기
부모에서는 useState로 value와 setvalue 값만 받아오고, 자식 컴포넌트에서 onChange 혹은 다른 기능들을 수행한 후, 부모 컴포넌트에게 보내준다.부모 컴포넌트의 이름은 Test이고, 자식 컴포넌트 이름은 Accordion내가 보내고자 하는 컴포넌트
<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. 기타 : 작성일자 변수 작성