코딩연습장

DELETE 요청delete 명령은 아래와 같이 하면 된다.const BASE_URL = "http://localhost:4000";const onDeleteHandler = async (id) => { await axios .delete(BASE_URL + `/todos/${id}`) .then(({ data }) => setTodos(todos.filter((todo) => todo.id !== data.id)));};좀 더 json-server에서 제공해주는 Routes와 비교하기 쉽게 base url을 분리해놓았다. {todos?.map((el) => { return ( {el.title} onDeleteH..

json-server 세팅1. 라이브러리 설치yarn add json-server 2. root 위치에 db.json 파일 생성 3. db.json에 데이터 테이블 생성{ "todos": [ { "id": 1, "title": "json-server", "content": "json-server배우기" } ]} 4. json-server 구동yarn json-server db.json --port 4000로컬 4000번 포트로 json server 구동 axios 세팅 1. axios 설치yarn add axios 2. axios 사용import axios from "axios";import React, { u..

Startify여러분들은 계절마다 즐겨 듣는 노래가 있으신가요?'Startify'는 계절마다 어울리는 노래를 공유하고, 그 음악을 통해 사람들과 추억을 나눌 수 있는 공간입니다. 🔥배포 링크Startify - 내일배움캠프 6기 14조 📦폴더 구조폴더구조``` 📦react-startify┣ 📂public┃ ┗ 📜favicon.png┣ 📂src┃ ┣ 📂assets┃ ┃ ┣ 📜2024-09-03_12.32.21.png┃ ┃ ┣ 📜blankProfile.png┃ ┃ ┣ 📜delete.png┃ ┃ ┣ 📜dislike.png┃ ┃ ┣ 📜dislike01.png┃ ┃ ┣ 📜edit.png┃ ┃ ┣ 📜fall.png┃ ┃ ┣ 📜like.png┃ ┃ ┣ 📜like01.png┃ ┃ ┣ 📜li..

const PostItemList = ({ songs, title, index }) => { const [isListOpen, setIsListOpen] = useState(false); const a = matchMedia("screen and (min-width: 1660px)"); const b = matchMedia("screen and (min-width: 1200px) and (max-width: 1659px)"); const c = matchMedia("screen and (min-width: 840px) and (max-width: 1199px)"); const d = matchMedia("screen and (max-width: 839px)"); // co..