Section1에서 배운 내용을 총 동원하여 나만의 멋진 아고라 스테이츠를 만듭니다.
- 코드스테이츠 fe-sprint-my-agora-states 리포지토리에서 자신의 리포지토리로 fork후 과제 진행합니다.
https://kd02109.github.io/fe-sprint-my-agora-states/ Github Page 배포 링크를 아래 작성합니다.
스스로 구현 완료한 부분까지 체크하여 제출합니다.
- [V] 디스커션 나열 기능
- [V]
script.js
를 수정하여agoraStatesDiscussions
배열의 데이터를 나열할 수 있게 구현합니다.
- [V]
- [V] CSS
- [V] 디스커션 추가 기능
- [V]
script.js
를 수정하여 디스커션 추가 기능을 구현합니다. - [V]
section.form__container
요소에 새로운 아고라 스테이츠 질문을 추가할 수 있는 입력 폼을 제작합니다. 형식은 자유입니다. - [V] 아이디, 본문을 입력하고 버튼을 누르면 실제 화면에 디스커션이 추가되어야 합니다.
- [V]
agoraStatesDiscussions
배열에 추가한 데이터가 실제 쌓여야 합니다.
- [V]
- [V] Github Page 배포
- [V] Github Page 배포 기능을 이용하여 누구나 볼 수 있게 배포합니다.
- [V] 코드스테이츠 fe-sprint-my-agora-states 리포지토리로 Pull Request
- [V] 나만의 아고라 스테이츠를 코드스테이츠 깃허브에 Pull request합니다.
- [V] 주어진 Pull request 형식에 따라주세요.
스스로 구현 완료한 부분까지 체크하여 제출합니다.
- 현지 시간 적용
- 샘플 시간을 잘 변형하여, 현지 시간에 맞게 표현합니다. (ex. 오전 10:02:17)
- [V] 페이지네이션 기능
- [V] 페이지네이션에 대해서 스스로 학습합니다.
- [V] 한 페이지에 10개씩 디스커션이 보여야 합니다.
- [V] 다음 페이지로 넘어갈 수 있어야 합니다.
- [V] 이전 페이지로 돌아올 수 있어야 합니다.
- [V] 다음 페이지가 없거나, 이전 페이지가 없는 경우 페이지를 유지해야 합니다.
- [V] 디스커션 유지 기능
- [V] LocalStorage에 대해서 스스로 학습하고, 새롭게 추가하는 Discussion이 페이지를 새로고침해도 유지되도록 제작합니다.
자신이 추가로 더 구현한 기능이 있으면 아래 적어주세요.
- [V] 검색 기능 구현, 검색어를 통해 질문 리스트를 확인
- [V] 팝업창 기능 구현 팝업창으로 질문 생성 form을 제작
- []
아래 예시를 지우고, 자신의 과제 시연 화면을 추가합니다.
검색기능?