오늘 공부

프로그래머스에서 'roto'님이 진행하는 '[스터디/9기] 프론트엔드 개발을 위한 자바스크립트(feat. VanillaJS)'를 수강하며 배운 내용을 정리한 글입니다. 4주차 미션 구현 기능 Todo App API를 이용하여 TodoList 구현하기 할 일 목록 불러오기 할 일 추가하기 할 일 완료여부 토글하기 할 일 삭제하기 특정 사용자의 할 일 전체 삭제하기 Users 컴포넌트를 만들고 선택된 사용자의 할 일 보여주기 API가 느린 경우의 인터렉션 처리하기 미니 트렐로 - 드래그 앤 드롭으로 할 일 완료여부 토글하기 (추가) ErrorUI 컴포넌트 만들기 구현하며 신경쓴 부분 기존 미션 코드를 참고하지 않고 빈 파일에서 하나씩 구현하며 지난 미션 내용들 복습하기 2주차 세션시간에 배운 시멘틱한 HTM..

프로그래머스에서 'roto'님이 진행하는 '[스터디/9기] 프론트엔드 개발을 위한 자바스크립트(feat. VanillaJS)'를 수강하며 배운 내용을 정리한 글입니다. 3주 차 미션 API를 이용하여 움짤 검색기 만들기 async ~ await 사용하기 검색창에 debounce 적용 검색 히스토리(중복 X, 히스토리를 선택하여 검색) 구현 하기 1. 움짤 검색기 만들기 처음엔 아래와 같은 boilerplate가 주어진다. 간결하지만 검색을 할 수 있는, 실제 작동하는 코드이다. 함수 내 모든 코드가 연결되어 있는데, 한 뭉치지만 하는 일이 많다. ;(function() { document .querySelector('#search-keyword') .addEventListener('keyup', func..