메인페이지 만들고 개발일지 게시판을 Firestore로 연동하다

어제 Gate 1(투자성향 설정)을 만들었고, 오늘은 메인 화면과 개발일지 게시판을 만들었다.

메인페이지

관심 종목 리스트, 시장 현황 요약, 최근 뉴스 미리보기 세 블록으로 구성했다. 데이터는 아직 하드코딩이지만 레이아웃이 잡혔다.

Claude가 컴포넌트 구조를 제안해줬다. 비개발자로서 "컴포넌트"라는 개념 자체를 이해하는 데 시간이 걸렸다. UI를 레고 블록처럼 쪼개는 방식이라는 걸 이제 이해했다.

개발일지 게시판

이 서비스를 만들면서 뭘 했는지 기록을 남기고 싶었다. Firestore에 posts 컬렉션을 만들고, 글을 쓰고 읽는 기능을 구현했다.

처음엔 인증 없이 누구나 쓸 수 있었다. Claude한테 "관리자만 글을 쓸 수 있게 해줘"라고 했더니 Firestore Security Rules를 알려줬다.

allow write: if request.auth != null && request.auth.token.email == "내이메일@gmail.com";

이렇게 하면 된다는 걸 배웠다.

포트폴리오 기능도 기초를 잡았다. 종목 추가/삭제는 됐는데 실시간 주가 연동은 내일로 미뤘다.

이 글의 소감을 Threads에서 확인하세요.