내일배움캠프 WIL __ 10/2 ~ 10/8

Facts

1. 토이프로젝트 (팀 소개 페이지)

• 9.25 ~ 10.11
• 주제 : 팀 소개 페이지 자유롭게 만들것( JavaScript, Firebase )
• 진행 상황 ⬇️
• 게시판 기능 구현.(crud 완료. 페이지네이션,  조회수 기능, 글번호 기능, 검색기능 수정, 비번 기능 추가 예정)

 

---

Feelings

게시판을 만드는게 생각보다 쉽지 않았다. 

파이어베이스는 좀 쉬운 데이터 베이스로 알고 있는데, 처음 만드는 거라 쉽지 않았다. 

버전에 따라 방법도 다양하고 지원하는 기능도 조금씩 달라서 많이 찾고 많이 시도해 봤다. 

결과적으로 crud 기능은 잘 구현했지만, 페이지네이션은 정말 정말 어려웠다. 

일단 어떻게든 구현을 해보고 싶어서 데이터를 배열에 담아서 그것을 쪼개서 보여주는 시도를 했었고, 잘 성공했다. 

그런데 이게 되니까 글번호 기능이 작동이 안되어서, 다시 수정해야 했는데, 

글번호 기능도 배열을 가공해서 만지니까 정말 쉽게 해결이 되었다. 

 

한참을 붙잡고 있어도 안되는 문제는 다른분들께 여쭤보는게 좋은 방법인 것 같다. 

정말 생각하지도 못한 방법으로 손쉽게 구현할 수  가 있었다. 

함께 캠프에 참여하시는 분들이 많은 조언을 주셧는데, 

코드를 짜기 전에 이걸 왜 해야하고 , 어떻게 돌아가야 하는지 먼저 구상하고, 바라본 후에 짜는것이 좀 더 좋다고 하셧다. 

실제로 시도해 보니, 이렇게 정리를 하고 시도하는 것과, 정리 하지 않고 머릿속으로 흐릿하게 생각하고 시도하는 것 

이 두가지 방법의 차이는 너무 크게 나타났다. 

 

앞으로는 꼭 어떻게  코드를 만질것인지 정리를!! 하고!!! 만져야 겠다. 

 

---

Findings

파이어베이스 를 이용한 데이터 베이스 crud 기능에 대해 몰라서 검색해 보았다. 

페이지네이션에 대한 자료들도 많은 검색을 해봤지만 아직은 좀 어려웠다. 

보면 얼핏 알겠는데, 막상 하려면 아직 못하겠는... 다시 해봐야 할것 같다. 

 

참고자료
https://firebase.google.com/docs/firestore/manage-data/delete-data?hl=ko 

 

https://velog.io/@eunoia/JS%EB%A1%9C-Pagination-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0

 

https://nohack.tistory.com/125

---

Future

이제 곧 토이프로젝트가 끝난다. 

마지막까지 최선을 다해 마무리 할 예정이다.

그리고 앞으로의 여정이 너무 설래고 기대된다.

수요일에 발표가 있고, 그 이후부터는 다시 node.js 강의를 들으며 행복하게 공부할 예정 

 

 

 

 

JS로 Pagination 구현하기

간단한 페이지네이션 구현하기

Cloud Firestore에서 데이터 삭제  |  Firebase