22.05.20_TIL

📌 첫 솔로프로젝트를 하면서 구현하지 못하였던 부분을 추가적으로 작업을 시작하는 날이다.

미니 해커톤이라고 이름은 명칭되어 있지만 우리가 알고있는 해커톤이 아닌 그냥 작업한 것을 다른 분들에게 보여주고 설명해주는 자리였다.

 

 

📗 오늘 학습한 내용

Local Storage

• 브라우저의 Local Storage에 데이터를 저장하여 새로고침, 브라우저 다시열기 등과 같은 일이 생겨도 저장된 값을 변화하지 않고 화면에 출력할 수 있도록 한다.
• 문자열로만 저장이되기 때문에 문자열이 아닌 다른 값으로 사용할 때에는 형식을 변경해주어야 한다.
• localstorage.setItem('키', 값): 로컬 스토리지에 저장
• JSON.parse(localstorage.getItem('키'): 조회
• localstorge.removeItem('키'): 해당 키에 대한 데이터 삭제
• localstorage.clear(): 전체 삭제

Session Storage

• Local Storage와 방식은 같지만 브라우저를 닫는 경우 데이터가 삭제되는 것이 다르다.

Pagination

• 페이지 하단에 생기는 1,.... 10번, 다음, 이전 버튼을 구현하는 것이다.

 

 

페이지네이션은 구현하는데 실패했지만 로컬 스토리지 방식으로 구현하는 것에는 성공해서 뿌듯하게 하루를 끝낼 수 있었다. 하지만 페이지네이션을 구현하지 못한것은 남겨진 주말에 나에 대한 숙제라고 생각하며 앞으로는 기능을 구현할 때 시간에 맞출 수 있도록 많이 학습할 것이다.

 

 

 

📘 추가로 공부할 내용

JavaScript

• 고차함수
• 객체 지향
• 프로토타입
• 비동기

Pagination

• 페이지 네이션이란?
• 페이지 네이션의 구성
• 페이지 네이션의 사용방법

 

 

 

📝 오늘 느낀점 & 마음 가짐

• 다양한 기술을 접하면서 내가 구현할 수 있는 기능을 늘리자!!