Suzie's Blog

개발할때 유용하게 사용한 useEventListener hook 이다. (Next.js, TypeScript)src > utils > hooks 에 저장 후 import하여 사용 하면 코드도 간편해지고 편함.import { useEffect, useRef } from "react";function useEventListener( eventType: K, handler: (event: WindowEventMap[K]) => void, element: HTMLElement | Document | Window | null = typeof window !== "undefined" ? window : null) { const savedHandler = useRef void | null>(n..

웹개발의 제일 기본이면서 제대로 할 줄 알아야 하는 CRUD! (C: create / R: read / U: update / D: delete) 를 만들어보자. 1. React 설치 (nodeJS 가 이미 설치되어있다는 가정 하에) 설치하고자 하는 폴더에 접근 하여 터미널에 아래와 같은 명령어를 입력해 react를 설치해준다. npx create-react-app . 맨 뒤에 있는 '.'(dot)은 내가 접근해 있는 폴더 안에 react를 설치하겠다는 의미이다. '.'(dot)대신 이름을 입력하여 설치하면 입력한 이름으로 폴더가 생성되고 그 안에 react가 설치된다. 설치가 완료되면 'Happy hacking!'이라는 문구가 터미널 제일 아래 뜬다. 아래 명령어를 터미널에 입력하면 설치된 리엑트의 기본..