TIL 20230625

 

Event

null

 

생활 계획표

 

AM 6:00 체조, 아침식사, 산책, 샤워, 설거지, 세탁

AM 8:00 입실, TIL 리뷰, 노드 시간표 및 오늘 목표 체크

AM 8:30 공부 시작

PM 1:00 ~ 2:00 점심 식사

PM 6:00 ~ 7:00 저녁식사

PM 7:00 TIL, WIL 제출

PM 9:00 퇴실 (카톡 확인)

PM 11:00 취침

 

이번 주 목표

map 예제 20개 완성, express 20개 완성

오늘 목표

map 예제 20개 완성, express 20개 완성

오늘 한 것

map 예제 (11/20)

express 예제 20개 만들기

프로그래머스 1문제

제곱수 판별하기 : https://verdantjuly.tistory.com/249

n의 배수 구하기 : https://verdantjuly.tistory.com/252

프론트 엔드 : fetch로 수정하기

1. form 태그에서 PUT DELETE 메소드 쓰기

문제

form 태그에서 PUT DELETE 쓰는 방법을 구글링을 통해 찾았으나 spring의 예시만 있음

시도

구글링 더 많이 함 > node.js 예시 찾음

참고자료 : https://salzzak.tistory.com/59

// 사용할 js 상단에 넣기

const methodOverride = require('method-override')
app.use(methodOverride('_method'))

 

// html의 form 태그
<form action="/api/post?_method=PUT" method="POST">

 

해결

알게된 것

구글링을 잘 해야 한다.

 

2. fetch

 

문제

form 말고 다른 방식으로 데이터를 받고 싶다.

 

시도

동기 : ajax나 fetch요

>fetch를 완전히 잊었다. 사용해 보자

 

async function editpost() {
  try {
    const response = await fetch("http://localhost:3000/api/post", {
      method: "PUT",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({
        id : document.getElementById("id").value,
        title : document.getElementById("title").value,
        content : document.getElementById("content").value
      }),
    });

    const result = await response.json();
    console.log("Success:", result);
  } catch (error) {
    console.error("Error:", error);
  }
}

해결 

 

알게 된 점

반복학습이 중요하다. 모든 걸 잊어버린다.

---

정리 

구글링을 잘 해야 한다.

반복학습이 중요하다.

 

체크리스트

[ 주말 ] 예쁜 말로 협업하였는가?

[ 주말 ] 12시간 동안 몰입하였는가?

[ X ] 코딩 시 복사 + 붙여넣기를 하지 않았는가?

마음이 급해서 일단 복사해서 돌려 봤다.

[ 주말 ] 친절한 개발자였는가?

[ ???? ] 오늘을 평가하였을 때 주니어 개발자가 될 수 있겠는가?

기억력이 좋아질 수 있게 노력해 보자.

소감

다 배웠던 건데 잊어버리고 활용을 못했다.