Hangmin's Blog.
  • 나
  • 워홀
  • 개발
  • Faith
  • JLPT
로그인
  • 테마
  • 日本語
  • 전체 카테고리 (32)
  • 블로그 개발 (5)
  • Svelte (4)
  • 에디터 개발 (6)
  • 개발팁 (4)
  • React (2)
  • 웹서버 (1)
  • Tiptap 에디터 (4)
  • CSS (2)
  • 테스트 (1)
  • 딥러닝 (1)

블로그 개발

메인페이지에서 최신 글에 연동시켰다.

블로그 개발 120 2025. 7. 21. 00:51 2025. 12. 27. 23:57

머릿속에 있는 로직을 최대한 다른 도움을 안 받고 결과물로 만들어 낼 수 있어야 하는데 아직은 그렇게 되는 단계는 아닌 것 같다.

그래서 결국 어쨌든 챗지피티를 활용해 로직을 만들어서 내 환경에 맞게 수정하는 작업을 거쳤다.

지금 내 데이터베이스 환경은 이렇다.

몽고디비 사용 중

  • 설정을 위한 컬렉션
    • 헤더 메뉴 아이템 설정
    • 게시판 설정
    • 더 추가 예정
  • 게시판들
    • 다른 컬렉션과 구분하기 위해서 board/(게시판path)와 같은 이름으로 만들었다. 지금 생각해보니 슬래시 말고 언더바로 하는게 나았을 수도 있겠다는 생각이 든다.
  • 게시판 인덱스를 위한 카운터
  1. 여기서 게시판들을 모두 조회하기 위해 먼저 설정 > 게시판 설정에서 추가된 게시판들 설정을 가져오고, path만 따로 map으로 빼서 배열로 만들었다.,
  2. 그 다음에 만들어진 배열로 순회하며 find 해줄 수 있도록 new Promises.all과 map을 활용하여 결과를 리턴받는다.
  3. 리턴 받은 결과에 원본 게시판 path를 추가해주고, _id를 string 형식으로 변환했다.
  4. 그것을 load의 리턴으로 넘기고 svelte 파일에 불러온 뒤, 스니펫을 활용하여 메인 페이지에 렌더링한다.

솔직히 이 경우 굳이 스니펫으로 만들어서 렌더링 할 필요는 없었다. 여러곳에서 재활용할 필요가 없으니...

근데 결과가 나왔으면 아무렴 상관 없지 않을까?

메인 화면에 랜덤 게시글 보기 기능을 완성했다.
블로그 개발
이전글
얼추 많은 기능들이 완성되었다.
블로그 개발
다음글
나워홀개발FaithJLPT

Copyright © Hangmin Lee, 2026

0.6.33