anko와 함께하는 developer :D anko와 함께하는 developer :D

전체 글

• 커스텀 훅(custom hook)

  React/react 2024. 7. 1. 09:30

  커스텀 훅은 use 라는 이름을 접두사로 사용해줘야하고일반 컴포넌트처럼 동일하게 useState, useEffect, useCallback, useMemo 등 다 사용 가능(아니 use hook 들이 들어가야만 커스텀 훅이라고 할 수 있다, use hook들을 사용하지도 않았는데 커스텀 훅이라고 정해놓고 use라는 접두사를 붙여서는 안된다) “use” 접두사에 대한 리액트 문서

  Read More
• useEffect()

  React/react 2024. 6. 28. 10:53

  useEffect 의 작동 원리import React, { useEffect, useRef } from "react";const useClick = (onClick) => { const ref = useRef(); useEffect(() => { // 1. 컴포넌트가 마운트되었을 때 실행되는 코드 const element = ref; if (element.current) { element.current.addEventListener("click", onClick); } return () => { // 2. 컴포넌트가 언마운트되기 전에 실행되는 코드 if (element.current) { element.current.removeEventLi..

  Read More
• Axios 사용하기

  JavaScript/REST API 2024. 6. 12. 14:38

  GET: 데이터 조회   axios.get(url)POST: 데이터 등록 axios.post(url, data)PUT: 데이터 수정 axios.put(url/id 값, data)DELETE: 데이터 제거 axios.delete(url/id 값)  TEST API JSimport axios from "axios";export default class Memo { constructor() { this.apiClient = axios.create({ baseURL: "http://localhost:3001", }); } async getMemos() { try { const response = await this.apiClient.get("memo"); cons..

  Read More
• Next.js에서의 fetch api

  Next.js 2024. 5. 5. 18:50

  next js는 기본 웹 fetch() API를 확장하여 서버의 각 요청이 자체 영구 캐싱 의미를 설정할 수 있도록 한다. server component에서 next js가 내가 fetch 한 것을 기억하기 때문이다.

  Read More