Section1 Unit11 솔로 프로젝트, 나만의 아고라스테이츠 만들기

---

Section1 Unit11 [솔로 프로젝트] 나만의 아고라스테이츠 만들기

 

⭐️ 과제. 나만의 아고라스테이츠 만들기

✔️ 배포링크 → https://sw2377.github.io/fe-sprint-my-agora-states/

✔️ 배운점: 자바스크립트로 DOM 요소를 생성하고 삭제하는 방법을 배웠고, CSS로 다크 테마를 설정하는 방법을 학습할 수 있었다.

✔️ 어렵거나 아쉬웠던 부분: 페이지네이션 구현하는게 어려워서 구글링으로 찾기는 했는데 정확히 이해가 잘되지 않았다. 그래서 처음에는 페이지 내에서 디스커션 추가/삭제 시 페이지네이션이 업데이트 되지 않는? 오류가 있었다. 😭 

✔️ 앞으로 개선할 부분: 페이지네이션 구현하는 방법을 좀 더 찾아보고, 적용시킬 예정이다. → 현재는 오류 수정했고, 페이지네이션 부분도 어느정도 이해는 되었다. 

 

---

🌙  오늘의 회고

 솔로 프로젝트 <나만의 아고라 스테이츠 만들기> 과제가 오늘까지였다. 이번 과제는 Bare Minimum과 Advanced 요구사항 모두 구현하고 싶어서 주말동안 열심히 완성했고, 오늘은 다크모드 구현도 했다. 개인적으로 다크테마를 선호하고 자주 사용해서 그런지 다크모드 구현은 처음이었는데도 재미있고, 흥미로웠다. (어려운건줄 알았는데 간단했다..!) 오늘 줌 세션 전까지 깃허브 pull request로 제출이라 테스트를 몇 차례 하다가 오류가 있어서 수정을 했어야 했는데 시간이 없어서 줌 세션 전까지 수정하지는 못했었다.

 페이지네이션 부분 구현하는 방법이 전혀 감도 안잡혀서 구글링으로 찾아서 구현했는데, 이게 이해가 잘 안되서 그 부분이 문제가 좀 있었던 것 같다. 정규 수업시간 후에 다른 자료들도 찾아보고, 코드를 다시 하나하나 읽으며 페이지네이션 구현을 이해하려고 애썼다. 쉽지 않은 머리쓰기.. 😭 다행히도 자세히 몇번씩 들여야보니 이해도 되고, 감도 잡히는 듯 했다. 혼자 구현하라고 하면 할 수 있을지 잘 모르겠지만, 여튼 오류는 수정했다!

 다른 기능들도 더 넣어볼까 하다가 이번 과제는 여기서 마무리하는게 좋을 것 같아서 마무리를 지었다. 😊 물론 개선해야 할 부분이 생각나면 또 건드릴것 같지만. 나중에 과정이 끝나갈 때 즈음에 다시 한 번 이 프로젝트의 JS 코드를 살펴보고 싶다. 아마 그 때쯤 되면 과거의 내가 쓴 코드를 엄청나게 수정하고 싶겠지..?