Janu is Developing

이번에 useEffect를 정리하면서 Carbon | Create and share beautiful images of your source code Carbon | Create and share beautiful images of your source code carbon.now.sh이런걸 알게된다. 이런 편리한 사이트가 있다는걸 이제 알았네잉... 두고두고 써먹어야지리액트를 사용하는 갠프에서 제일 많이 사용되는건 useState, useEffect, useReducer이었던 것 같다.뷰 처음 배울때도 간단한것들부터 너무 어려웠는데, 리액트도 하다보면 괜찮아지겠지... 1. useEffect란 무엇인가리액트 공식 문서에 따르면 useEffect란 외부 시스템과 컴포넌트를 동기화하는 React Hook..

갠프를 진행하면서 useState가 상태변화를 감지하는 것이라는걸 이해했다. 그런데 여러 요소를 제어할 때 한꺼번에 상태변화를 하고 싶은데 useState는 간단한 상태 or 1:1 상태를 감지하는 느낌이라고 이해했다.그래서 useState보다 좀 더 다양한 요소를 제어하는 Hook이 필요했는데... 찾다보니 useReducer를 알게 됬다.. 1. useState와 useReducer의 차이?useState : 간단한 숫자, 문자열, 불리언 값 관리에 적합하다.상태를 직접 변경하는 setter함수를 제공하며(set어쩌구~), 비교적 단순한 로직에서 사용된다. userReducer : 여러개의 값, 다양한 변경 방식에 적합하다.const [state, dispatch] = useReducer(reduce..

(시작도 안했지만 벌써 하기 싫음)오늘은 내가 만들고 있는 개인 프로젝트 내에서 사용되는 useState에 대해 알아볼 것이다(나를 위한것) 1. State를 먼저 알아야 한다React 공식문서에서 state는 컴포넌트 별 메모리라고  설명한다. 즉, 컴포넌트는 현재 입력값, 현지 이미지, 장바구니 같은 것을 "기억"하고 있어야 하는데, 그 메모리를 state라고 선언하는 것이다./*state변수를 사용하기 위해선 useState가 반드시 필요하다.*/import {useState} from 'react';/*임의의 변수 하나 선언*/let count = 0;/*[state변수, setter함수 선언]*//*여기서 [] 문법은 배열 구조 분해라고 하며, useState가 반환하는 배열에는 항상 2개의 항..