react 2

react setStatus 와 괄호의 역할, 점연사자 화살표 함수 에 관하여

setStatus React 에서 상태를 업데이트 하는 함수로 이 함수는 status 값을 새로운 값으로 설정```jsconst onSearchButtonClickHandler = () => {  if (!status) {    setStatus(!status);    return;  }};```- if (!ststus)- !status 는 부정 연산자(not)를 의미 하며 status가 false 일 경우 true로 반환 되고, status가 true일 경우 false로 변환 됩니다.- if (!status) 는 status 가 false 일 때만 실행 됩니다.- status가 false 라면 !status는 true가 되고 조건문이 true로 평가 되어 그 안의 코드가 실행 됨- 만약 status가 ..

IT 개발 2025.03.18

react jsx 에서 쿠키란 또는 쿠키 설정에 관하여

```jsxconst [cookies, setCookie] = useCookies();```이 문법은 **React의 `react-cookie` 라이브러리**에서 제공하는 `useCookies` 훅을 사용하여 **쿠키(cookie)를 관리하는 코드**입니다.## 1. `useCookies()`란?`useCookies`는 React에서 쿠키를 **읽고, 설정(set), 삭제(remove)** 할 수 있도록 해주는 훅입니다.### 사용하려면 `react-cookie` 설치 필요먼저, `react-cookie` 라이브러리가 설치되어 있어야 합니다. 없으면 아래 명령어로 설치하세요.```shnpm install react-cookie``````jsx const [cookies, setCookie] = useCo..

IT 개발 2025.03.17