[5주차 02] delete , put 메소드

개발냥이·2025년 2월 18일

데브코스

목록 보기
15/75

delete 메소드

delete는 영어 그래도 삭제할 때 사용하는 메소드이다.

전체 데이터를 삭제할 땐 요청(req)이 필요하지 않지만

개별 데이터를 삭제할 땐 어떤 데이터를 삭제할 지 알아야 하기 때문에
요청(req)가 필요하다


put 메소드

put은 데이터를 수정할 때 사용하는 메소드이다.

특정 데이터특정 부분 을 수정해야 하기 때문에
요청시 id(특정 데이터)와 body(특정 부분)을 보내야 한다.

당연한 이야기지만 수정 시 데이터의 키값에 맞쳐서 요청하지 않으면
에러가 발생한다.
ex) "title"인데 "Title"로 요청시


HTTP 상태 코드 (status codes)

HTTP 통신을 할 때 상태를 나타내주는 코드 로 클라이언트와 서버간 잘 되고 있는 지 확인할 수 있는 중요한 수단이다.

  • 종류

    • 2XX : 성공!!
      • 200 : 성공
      • 201 : 자원이 생성됨 (post 메소드 성공)
      • 204 : 데이터 없음
    • 4XX : 클라이언트 오류
      • 400 : 형식 오류
      • 401 : 인증 오류
      • 403 : 권한 없음
      • 404 : 자원 없음 (로그인 시 자주 발생)
    • 5XX : 서버 오류

리팩토링

기능은 수정하지 않고 구조(코드)를 재조정하는 것

  • 장점
    기존 코드를 재조정하는 것이기 때문에
    오류를 발견하거나 해결 할 수 있고 안정감이 생긴다!!

  • 하면 좋은 시기

    • 오류가 자주 발견될 때
    • 코드 리뷰할 때
    • 구현을 다 마치고 난 후

자바스크립트 forEach와 map 메소드의 차이점

둘다 자바스크립트의 배열에 사용되는 메소드이다.

둘의 차이를 결론부터 말하면 배열의 요소들을 수정할 땐 map 이고
그렇지 않을 땐 forEach이다

  • forEach

    "각각에 대하여"라는 뜻으로 배열의 각 요소에 대해 주어진 함수를 실행할 때 사용된다

//각 요소 출력
let num = [1,2,3,4,5,6,7,8,9];
num.forEach((v)=>{
    console.log(v) //123456789
})

//각 요소들 수정
let nums = num.forEach((v)=>{
    return v * 2 
  	// console.log(v * 2) // 2 , 4 , 6 , 8 , 10...
}) 

console.log(nums) //undefined

각 요소를 수정할 땐 잘 출력이 되지만
각 요소를 수정 시 콘솔창엔 잘 출력이 되고 리턴 시 undefined를 출력하는 모습이다.

  • map

    "지도"라는 뜻처럼 요소들을 수정하여 새로운 배열을 생성할 때 사용된다

//각 요소 출력
let num = [1,2,3,4,5,6,7,8,9];
num.map((v)=>{
    console.log(v) //123456789
})

//각 요소들 수정
let nums = num.map((v)=>{
    return v * 2 
  
}) 

console.log(nums) //2 , 4 , 6 , 8 , 10...

이처럼 배열을 출력할 땐 forEach , 요소들을 수정할
땐 map를 사용하는 등 필요한 상황에 맞쳐서 사용하면 된다.


후기

메소드를 공부하는 과정에서 delete는 기존 배웠던 get 메소드와 비슷하여 어려움이 없었으나 put 메소드는 id값과 body값 2개를 받아야했기에 다소 헷갈리고 어려웠던 거 같다.
지금은 엄청 기초적인 단계라 오류가 발견되어도 금방 해결되었으나 나중에 프로젝트에 들어가면 아마 put 때문에 고생할 거 같아 이부분은 신경써서 공부해야 할 거 같다

profile
웹 개발자가 되고픈

0개의 댓글