2022년 02월 22일

📚 오늘 도전하고, 배운 것

jquery 처럼 querySelector 사용하기

함수로 만들어 놓으면 사용하기 간편하다.

const $ = (selector) => document.querySelector(selector)

$(".menu-count")

Event 내부 코드 작성할 때

• if 문 뒤에 불필요한 if문을 실행시키지 않도록 return 시키기
• 이벤트 내부 코드가 길면 지저분하고 나중에 읽을 때 무슨 동작을 하는지 꼼꼼히 읽어봐야하는 불편함이 있다. -> 함수로 분리해서 함수명으로 코드를 파악할 수 있게 하기

비동기 프로그래밍

• 진동벨에 비유하기
  • 자바스크립트는 싱글 스레드
  • 만약 카페라면, 내가 첫 주문을 한 뒤에 자리로 돌아가지 않으면 뒤에 사람이 기다리게 된다. (주문을 못한다.)
  • 진동벨을 받고 자리에 있으면 뒷 사람도 주문을 받을 수 있고, 나도 진동벨이 울리면 주문한 음료를 받을 수 있음

API

• HTTP-Method, 수정할 때 PUT, 생성할 땐 POST
• UX를 위해 api 통신이 실패한 경우 사용자에게 알려주기

피드백 루프 만들기

• 다른 사람의 코드 읽기
• 코드리뷰: 지인/친구와 코드리뷰 달아보기
• 스터디

🤔 학습하면서 궁금하거나 어려웠던 점

🌅 내일은 무엇을?

• 토이 프로젝트 작업
• 클린 코드에 대해 학습하기

🖋 log

• 5km 뛰었다. 요즘 날씨가 꽤 추워서 싫다. 세월이 천천히 갔으면 하다가도 날이 빨리 따뜻해졌으면 좋겠다는 모순적인 생각이 머릿속에 있다.
• 블랙커피 문벅스 카페 메뉴 앱 만들기를 오늘 하루 들었다.
  • 처음 자바스크립트를 접하는 사람이 들으면 진짜 좋겠다는 생각이 들었다. 물론 나에게도 좋았다. 배운 것을 몇가지 정리해봤는데 내가 작성한 코드에 수정할 부분이 참 많다는 생각이 들었다. 내일 작업하도록 해야겠다.