벌써 코드스테이츠 교육이 시작한지 1달이 되었다. section1의 최종 과제로 코드스테이츠의 질문 공간인 아고라스테이츠를 참조하여 나만의 아고라스테이츠를 구현해보는 프로젝트가 주어졌다.
주요 기능으로는 데이터의 컴포넌트화 및 랜더링, 새로 입력한 데이터를 기존 요소에 추가하여 랜더링, 로컬스토리지 활용, 페이지네이션 등이 있다.
section1에서 배웠던 내용을 모두 활용하여 복습할 수 있어 좋았다.
아래는 프로젝트 결과물이다.
DB가 없어도 로컬스토리지를 활용했기 때문에 등록 후 새로고침을 하거나 재 랜더링이 되어도 데이터가 그대로 남아있다.
전체 브라우저 창에는 스크롤이 없고, 질문 목록에만 스크롤을 부여하여 모바일 어플리케이션 같은 느낌을 주고자 했다.
데스크톱 환경에서 흔히 볼 수 있는 페이지네이션 기능이다.
스크롤 / 페이지네이션 기능을 유저가 선택할 수 있도록 했다.
위에서 보면 기존 날짜는 포맷은 현지 시간으로 반영이 되어있지 않다. 그 부분을 수정했다.