JavaScript🍰

특정 엘리먼트의 클래스 속성의 값을 가져오거나 설정Web APIs

scroll 되면 이벤트가 발생하도록 한다.scroll 이벤트는 일어날 확률이 많은 이벤트이다. 따로 처리를 해주지 않는다면, 아래 예시의 콘솔창처럼 scroll이 동작할 때마다 함수가 동작하여 성능 문제가 발생할 수 있다.위와 같은 경우에서 이벤트를 제어하기 위해 디

영화 검색 사이트의 검색페이지와 상세페이지를 SPA로 구현했다. 그 과정에서 알게된 것들을 기록한다.

Rest API를 사용하여 CRUD를 구현하여 To-do 사이트를 만들었다. API를 어떻게 연동했는지 적어두려고 한다.API가 여러 개이다. 기능을 구현하는 파일에 같이 넣어두기보다, API만 모아둔 파일을 따로 만들어 가독성을 높였다. 서버로 전송해야할 일정한 값들

To-do 웹사이트 만들 때 수정하는 것이 제일 어려웠다. 어떻게 구현했는지 기록해보려고 한다.To-do를 추가하거나 조회할 때, 화면에 To-do 항목을 그려줄 renderTodoItem 함수를 만든다. 이 함수는 To-do 하나의 항목이 그려질 내용을 말한다.하나의

Vanilla JS로 To-do list 수정 구현하기 까지로 마무리할 건 아니었고, 최근에 이 프로젝트를 다시 만지작거릴 때부터 Webpack 이랑 TS 적용해봐야지 생각했다. Webpack을 적용시키면서 예기치 못했던 에러들을 해결하는데 시간이 꽤 걸렸고, 마무리하