20231027 TIL

오늘의 목표

• 3강 정리
• async await 이해하기
• 이해도 문제 4번 풀기

오늘의 개발, 새롭게 알게된 것

보충반 특강에서 async await, .then .catch등을 배웠는데 한가지 확실하게 안 것은 await가 붙어있는 곳이 기다리다가 실행이 된다고 생각했는데 await가 붙은 로직의 다음 로직에 적용이 된다는 것? 

=> 확실하게 이해가 된 것은 아니지만 개인과제의 .then을 async await로 바꿔보는 연습하기

 

비동기함수를 어느정도 더 이해하고 나니까 모달을 만들기 위한 머리에 한단계 다가간 느낌이다. 지금의 fetch를 async 함수로 묶어서 선언해주고 검증 후 await으로 기다렸다가 실행 할 수 있도록 해봐야겠다. 

---

 

그리고 개인 과제의 피드백이 왔다.

 

깃에 정신 없이 올리느라.. 잡다한 얘기를 안지우고 제출해버렸다

검색 부분대신 위치한.. 혼잣말.. 

피드백에서 해주신 말씀대로 웹개발 강의에서 마냥 훔쳐온 것 같은 jquery 내용과 달리 바닐라로 하니까 동작 하나한 의미를 짚어보기 좋았던 것 같다. 

 

폴더화는 사실 팀원분들의 것을 보고도 해야겠다고 생각하지 못했던 부분이었다. 어쩐지 잘하는 사람들은 파일에 다 나눠두더라.. 이런 사소한 것도 훔쳐서 겉으로라도 있어보여야겠다.

 

script를 html뒤에 불러온 것은 구글링의 힘이다. 하지만 동작방식을 알아봐야겠다. 

 

=> 그렇게 해야  html을 렌더링을 다 하고 자바스크립트가 실행되기 때문이라고 한다. 렌더링이 완료되지 않은 상태에서 자바스크립트를 실행하면 화면의 값을 읽지 못하는 오류가 발생할수도 있고 화면 로딩이 지연되는 문제가 발생할 수도 있다고 하네요. 

 

검색기능은 해설영상을 보고 거의 복사해왔는데 피드백에 따라서 다시 구현을 해보겠어요. 

 

 

 

오늘의 목표 도달

• 3강 복습 완료하기 (호이스팅 과 디스 바인딩)
• modal 완성 시키기=> 손도 안댐..

오늘의 코드 평가 및 느낀점

 

강의 부채가 심하다. 알고리즘 상의도 다시 들어봐야하고 당장 자바스크립트도 다시 들어야하는데 엇 이번 주말에 뿌실 수 있겠다.  코드를 복붙하고 내 내용으로 바꾸는 것과 별개로 코드의 흐름 왜 이렇게 코드를 짰는지  분석을 하는 버릇을 들여야겠다. 

 

그리고 TIL을 이제 일기장으로 쓰지 않아야지. 내 코드나 공부의 결과를 적어보자! 내일 개인페이지 수정하면서 작성방식을 적용해보자