TIL - 8주차

TIL 54일차 - Solo day를 확실하게 활용하자.

solo day에는 정규시간에 모각코를 활용하자

Today’s Key 🔑

• HA가 끝나고 solo day를 진행하였고, 집중력을 높이기 위해서 전체 줌방 링크를 켜고 모각코 설문지도 작성하여 공부를 진행했다.
• 아침에 코플릿 문제를 풀어 집중력을 깨우면서 시작했다.
• velopert님의 Modern React가 역시 짱이다… JDS의 ReactJS 부분을 전면 수정하고 있다. 정리하면서 공부하는 것이 역시 진리인 것 같다.

React Hooks - useState

• React Hooks 개념을 사용하면 함수형 컴포넌트에서도 useState라는 함수를 이용하여 상태 관리가 가능하다.
• useState 함수는 배열을 반환하고 첫 요소로 state 값, 두번째 요소로 state 변경 함수가 나타나진다. 따라서 배열의 비구조화 할당으로 보통 표현을 하면 편하다.
• 아래의 onIncrease 함수처럼 함수형 업데이트를 사용하여 이전 상태값을 업데이트 처리해줄 수 있다.
  

import React, { useState } from "react";

function Counter() {
  const [number, setNumber] = useState(0);

  const onIncrease = () => {
    setNumber((prev) => prev + 1);
  };

  const onDecrease = () => {
    setNumber(number - 1);
  };
}

ReactJS 개념을 정리하는 블로그는 아래의 링크에서 볼 수 있다.

JDS - React Do Something