Jeden Tag, aufrichtig und lustig.

state는 리액트에서 많이 사용 된다. 비중 있게 사용되는 만큼 사용 이유와 사용 방법을 정리해 보았다. state 사용 이유 데이터를 저장하는 방법에는 state를 사용하는 방법 외 변수에 저장하는 방법도 존재한다. 하지만 변수는 값이 변경되는 경우 html에 자동으로 반영이 안되는 반면 state는 값이 바뀌면 html이 자동으로 재렌더링을 한다. 이와 같은 차이점으로 자주 변경이 되는 html요소는 state로 값을 저장하여 데이터바인딩을 하는 것이 좋다. state 사용 방법 1. import state는 import를 해야 사용 할 수 있다. 보통 useState 단어를 입력하면 아래와 같이 상단에 자동으로 import 된다. ->import {useState} from 'react' 2. 구..

switch문은 조건문의 한 종류로서 표현식 값에 일치하는 경우의 코드를 실행시킨다. 보통 범위를 가지지 않는 데이터가 10개 이하일때 switch문을 사용한다. let price = 0; let menu = '팥붕어빵'; switch (menu) { case '팥붕어빵': price = 4000; // 값이 일치하는 경우 실행되는 코드 break; // 코드가 실행되는 경우 break를 통해 탈출한다. case '슈크림붕어빵': price = 5000; // 값이 일치하는 경우 실행되는 코드 break; case '초코붕어빵': price = 6000; // 값이 일치하는 경우 실행되는 코드 break; case '매운붕어빵': price = 4500; // 값이 일치하는 경우 실행되는 코드 break..