미니 프로젝트 2일 차

오늘의 구현

어제는 기본적인 방명록을 구현해 보았다. 오늘은 멤버별 상세페이지로 넘어가면 그 멤버 별 방명록이 있게 만들었다.

어제 구현한것과 달리 db의 구조를 짜보았다.

firebase에 문서의 id를 영문 이름으로 만들어놓았다. 필드는 comment_list라는 배열에 { name,... } 정보들을 넣어서 처리해 줄 것이다. 이제 코드로 파이어베이스 문서를 가져올 때 id값을 활용할 수 있다. id를 테스트값으로 두고 코드를 수정하고 있었는데 어제는 안 쓰던 updateDoc(), doc()을 쓰다 보니 오류가 펑펑 터졌다... 터진 이유는 공식 문서를 안 읽어보고 그냥 무작정 해봐서 그랬다.. 이 함수의 반환값과 인자가 뭐가 들어가는지 모르니 터질 수밖에

공식문서와 여러 검색을 통해 모든 문제를 해결하고 테스트까지 완벽히 됐다. 이제 그다음 문제인 id값을 어떻게 받아올까? 였다. 메인 페이지에서 특정 사람의 상세페이지로 이동하면 그때 그 사람의 방명록 글들을 가져와야 하는데라는 생각을 하던 중 스프링을 공부하면서 url에 파라미터를 넣었던 것 같아서 검색해 봤는데 딱 알맞은 게 있었다. 바로 쿼리스트링이었다...!!!

 

바로 구글로 뛰어가 쿼리스트링 가져오는 법을 보았다. 마침 딱 있었다.

사용법은 아래와 같았다.

const url = new URL(location.href);
const urlParams = url.searchParams;
const currentId = urlParams.get("id")

url이 만약에 main.html?id=5000 이면 currentId값으로 5000이 들어온다.

이제 메인 페이지에서 멤버들의 프로필을 클릭으로 상세페이지로 이동시키고 해당 멤버의 id를 쿼리스트링으로 넣어주면 해당 사람한테 남겨진 방명록만 보이는 기능이 완성됐다. 

회고시간

파이어베이스로 공식문서의 중요성을 다시 한 번 깨달았다. 역시 모르고 쓰는게 제일 위험하다..

나중에 스프링을 공부할 때에도 공식문서와 함께 공부해나가야겠다.