2025/03/02 2

26. 사이드 프로젝트 PWA myBlog 개발 - 블로그 구독

블로그 구독블로그의 구독은 특정 블로그의 새로운 글을 사용자가 지속적으로 받을 수 있도록 설정하는 기능입니다.상세보기에서 구독 신청을 할 수 있습니다.구독신청한 저자의 글들을 구독 페이지에서 모아볼 수 있습니다.  구독 기능 분석 모든 글들은 posts 컬렉션에 저장이 됩니다.posts 컬렉션의 각 문서는 글쓴이의 userId를 가지고 있습니다.구독 정보는 subscriptions 컬렉션에 저장됩니다.subscriptions 컬렉션은 userId, authorId 항목을 가지고 있습니다.구독중인 글들을 가져오기 위하여subscriptions 컬렉션에서 userId를 가진 모든 authorId 들을 가져와posts 컬렉션의 문서들 중 글쓴이의 userId가 authorId들 중에 있는 글들을 가져옵니다.구..

25. Vue와 Firebase 서버리스 PWA myBlog 개발 - 블로그 검색

블로그 검색블로그 검색 기능을 구현하고자 합니다.단순한 검색 기능으로 제목 또는 내용에 검색어를 포함하는 모든 글의 목록을 보여 주는 것입니다.  검색 화면에는 검색어를 입력하는 텍스트 입력창만 있습니다.검색어를 입력하면 입력한 검색어가 제목 또는 내용에 포함된 글들을 찾아 보여줍니다.전체 글들을 이미 상태의 posts에 저장하고 있으므로 posts에서 검색어를 포함하는 글들 필터링하여 보여 줍니다.검색 // Firestore에서 게시물 검색 async searchPosts({ commit, state }, searchTerm ) { // 검색어를 소문자로 const searchTermLower = searchTerm.toLowerCase(); let filteredPosts = []..