22.05.19_TIL

📌 대망의 첫 솔로 프로젝트를 하는 날이니 만큼 예측했는데 내가 예측한 것과는 너무 다르다... 데이터를 가지고 github의 discussion을 html, css, js로 구현하는 프로젝트였다... 열심히 하자!!

 

 

📗 오늘 학습한 내용

HTML

CSS

JavaScript

DOM

• 이벤트 핸들러

Local Storage

• 브라우저의 Local Storage에 데이터를 저장하여 새로고침, 브라우저 다시열기 등과 같은 일이 생겨도 저장된 값을 변화하지 않고 화면에 출력할 수 있도록 한다.
• 문자열로만 저장이되기 때문에 문자열이 아닌 다른 값으로 사용할 때에는 형식을 변경해주어야 한다.

Session Storage

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

Pagination

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

 

 

프론트엔드 개발자로서 다른 웹 페이지를 클론 해보는 것은 많이 했지만 정해진 기능을 내가 하나하나 구현하는 것은 거의 처음이었던 것 같다.. 하면서 많이 어려운 부분은 스토리지와 페이지 네이션 부분이었는데 구글링을 통해 학습은 했으나 아직 사용하는 것은 어려웠다. 이것을 발판 삼아 더욱 열심히 해야 한다고 마음을 다시 한번 다잡을 수 있었다.

 

 

 

📘 추가로 공부할 내용

JavaScript

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

 

 

 

📝 오늘 느낀점 & 마음 가짐

• 다양한 기술에 대해 학습해보자..
• 페이지 기능 구현을 더욱 다양한 방법으로 생각해보자!!