2025/03 35

28. 사이드 프로젝트 푸시 알림 Firebase Cloud Messaging (FCM)이란?

Firebase Cloud Messaging (FCM)이란?Firebase Cloud Messaging(FCM) 은 Firebase에서 제공하는 무료 서비스로, 개발자가 클라이언트 애플리케이션(웹, Android, iOS)에 푸시 알림 및 메시지 전송 기능을 구현할 수 있도록 도와줍니다.이를 통해 앱 사용자가 실시간 알림을 받거나, 데이터를 업데이트할 수 있습니다.FCM의 주요 기능푸시 알림(Push Notifications):브라우저 또는 모바일 디바이스에 알림 메시지를 표시할 수 있습니다.데이터 메시지(Data Messages):앱에 특정 데이터를 전달하며, 앱이 열려 있는 상태에서 백그라운드 작업을 처리할 수 있습니다.주요 플랫폼 지원:Android, iOS, Web(브라우저), Unity 등 다양..

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

블로그 독자나를 구독하는 사람들은 누구일까요?나를 구독하는 사람들을 독자라고 합시다.나의 독자들의 목록을 보여주고,목록에서 독자를 선택하면 .그 독자의 블로그를 볼 수 있습니다.  블로그 독자 요구 분석 내가 구독하는 저자는 subscriptions 컬렉션에서 authorId입니다.나를 구독하는 독자는 subscriptions 컬렉션에서 나를 authorId로 저장한 사용자 입니다.독자들의 목록을 구하기 위하여 subscriptions 컬렉션에 나를 authorId로 저장한 userId들을 구해서이들의 이메일과 이름을 목록으로 보여줍니다.목록에서 독자를 선택하면 그 독자의 블로그로 이동할 수 있습니다.ReadersView 컴포넌트의 scriptstore의 post 모듈 - readers// src/sto..

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 = []..

24. Vue와 Firebase 서버리스 PWA myBlog 개발 - 블로그 보기

블로그저자의 글을 모아볼 수 있는 기능을 ‘블로그’라고 합시다.Drawer 메뉴 항목의 ‘블로그’는 로그인 한 사용자의 글들을 모아 볼 수 있습니다.글 상세보기에서 저자의 ‘블로그’ 이름을 눌러 블로그를 열면 그 글의 저자의 글들을 모아볼 수 있습니다.내 블로그저자 블로그블로그 마이 블로그 요구 사항 로그인 후 메뉴를 통해서 ‘블로그’에 갈 수 있습니다.Drawer 메뉴에서 블로그를 누르면앱은 로그인 한 사용자의 userId로 작성한 글들을 목록을 보여줍니다.상세 보기 페이지에서 저자의 블로그 이름을 눌러 ‘블로그’로 이동할 수도 있습니다.블로그 페이지에는블로그 이름과 블로그 주인이 등록한 카테고리 목록과저자의 글들의 목록이 있습니다.카테고리를 선택하면 선택한 카테고리의 글들을 보여줍니다.최신순, 오래된..