TIL

form (html)

• 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다.(mdn)
• input 또는 button 클릭 이벤트가 발생 했을때 페이지 리로딩을 수행
  • 현재 스프린트에서는 버튼 이벤트를 발생시키는데 그로 인한 결과가 사라져 버림
  • 자료를 입력 받고 다른곳에 나타내는 것이었는데 버튼 클릭전으로 돌아가버림.
• event.preventDefault() 로 선언해야만 이러한 리로딩이 막아짐.

fetch

• GET :가져오기 (기본상태)

	fetch(url).then(res=> res.json())

• POST : 보내기

	fetch(url,{
            method: "POST",
            body: JSON.stringify(data),
            headers: {
                "Content-Type": "application/json",
            },
        }).then(res=> res.json())

---

오늘 한 일

• django 설치하고 튜토리얼을 따라가다가 막힘
• 브라으저와 서버간의 API에 따른 통신을 구현(아직 이해 못한 것 많음)
• leetcode
  • Decrypt String from Alphabet to Integer Mapping (easy)
  • Destination City (easy)
  • Generate a String With Characters That Have Odd Counts(easy)
  • Increasing Decreasing String (easy)

---

To Do

• node.js를 이용한 서버관리나 서버와 클라이언트 간의 정보 교환 등 미리 공부할수 있는 부분에 집중해보는것도 좋은 선택이라고 생각한다.

• scss 도 활용을 생각해보면 좋을것 같다.

• typescript 공부 예제를 생각해보자

• react 공부 하기

---

오늘은...

음 오늘 토이 문제는 생각보다 빠르게 완수 하였다. 그래서 남는 시간에 드장고에 대해 궁금해져서 살짝 건들어봣다가 설치만하고 튜토리얼 초반에 막혀버렸다. 그래서 리트코드 문제 몇개 풀고 오후에는 스프린트를 진행하였는데. 생각보다 많이 막혔다. html 에는 다양한 태그가 있지만 지금까지는 아주 간단한 태그들만 사용해왔다보니 form이 어떤 태그이며 무슨 기능이 있는지도 잘 몰랐고 fetch얻어온 값을 일반적인 값으로 변경하는데에도 헤메고 (사실 변경하지 않고 사용하는 방법도 있긴하지만 나는 생각도 못하고 있었으니 ㅠ.ㅠ) 여하튼 생각보다 진도가 어마무시하게 느리게 진행된 스프린트였다. 하아 공부나 해야지.