javascript

[Javascript] 페이지네이션 구현하기

To do list 페이지네이션 구현 json-server를 활용해서 페이지네이션 구현하겠습니다 json-server: https://github.com/typicode/json-server 페이지네이션을 구현하기 위한 설정값은 총 4개가 필요합니다 currentPage: 현재 페이지 totalCount: 총 데이터의 갯수 pageCount: 화면에 나타날 페이지 갯수 limit: 한 페이지 당 나타낼 데이터의 갯수 따라서 currentPage: 1 totalCount: 53 (totalCount는 임의 설정) pageCount: 5 limit: 5 총 페이지 갯수 계산하기 총 데이터의 개수를 한 페이지당 나타낼 데이터의 개수로 나눠줍니다. 이 때, 올림을 하는 이유는 마지막 페이지에 데이터의 개수가 l..

[Javascript] input에서 커서 맨 뒤로 위치 시키기

input.focus() input.focus()로 input에 focus를 하면 커서가 맨 앞에 위치하게 된다 input에서 커서 마지막으로 위치시키기 커서를 맨 뒤로 보내기 위해서는 input에 있던 값을 변수에 저장한 다음 input에 focus 해주고 input의 value 값을 비워준 다음에 다시 value값을 채워준다 코드 const changeEditMode = (e) => { const $item = e.target.closest('.item') const $editInput = $item.querySelector('input[type="text"]') const value = $editInput.value $editInput.focus() $editInput.value = '' $edit..