앵그리비버's IT를 부탁해

PRD는 ChatGPT - Lovable PRD Generator로 만들고, 구현은 Cursor AI(커서 AI)와 함께, 서버 운영과 배포는 Google Cloud 로 웹서비스 만들기 지난 게시판 웹서비스 만들기에 이어서 이번에는 조금 더 의미있는 서비스를 만들어 보았습니다. PM 업무를 수행하다 보면 다른 앱/웹 프로덕트들의 모습을 찾아보게 됩니다. 그리고 스크린샷을 모아두기도 하고 함께 업무하는 분들께 소개하기도 합니다. 그래서 IT 프로덕트들의 스크린샷을 모아볼 수 있는 웹서비스를 하나 만들어보았습니다. "기획부터 배포까지" 약 2일 정도가 소요되었고, 매일 조금씩 수정하면서 1일 1회 ~ 10회 정도 추가로 커밋을 하고 있습니다. 이번 포스팅에서도 ChatGPT (특히 Lovable PRD Ge..

지난 게시판 웹서비스 만들기 - 사용자 프로필 기능 및 Display 명 수정 기능에 이어서 이번에는 관리 기능을 조금 더 확장해 본 경험에 대하여 포스팅합니다. 아예 관리자 페이지를 만들었습니다.관리자 페이지 생성실제 서비스를 런칭하고 나면 사용자들이 사용하는 화면 이외에 관리자를 위한 기능이 필요한 순간이 있습니다. 이번 포스팅은 관리자를 위한 관리자 페이지 생성과 관련 기능을 추가해본 내용입니다. 게시판 웹서비스의 관리자 페이지 추가 - Cursor AI 프롬프트사실 관리자 페이지와 기능은 최초에 PRD를 작성할 md 파일에 내용이 포함되어 있었습니다. 이번에 정상적으로 동작하는지 확인하면서 잘 동작하지 않는 부분을 수정하여 적용하였습니다.👉 결과물: https://board-app--board-..

지난 주 게시판 웹서비스 만들기 - 구글로그인 연동에 이어서 이번에는 기능을 조금 더 확장해 본 경험에 대하여 포스팅합니다.프로필 기능 및 Display 명 수정 기능게시판에 글을 쓰기 위해서는 사용자의 프로필이 필요합니다. 그래서 사용자의 프로필을 관리(조회)할 수 있는 프로필 페이지를 추가하고 글 작성자의 정보를 노출할 수 있는 Display 명을 정보구조에 추가하였었습니다. 그리고 Display 명을 변경하도록 기능을 수정하였습니다. 사용자 프로필 기능 및 Display 명 수정 기능 - Cursor AI 프롬프트지난 포스팅에서도 작성하였지만 생성된 md 파일들을 그대로 Cursor AI에 넣고, 아래와 같은 방식으로 진행하면서 바로 사용자 프로필을 추가하고 글 작성자의 Display 명을 수정할 ..

지난 주 게시판 웹서비스 만들기에 이어서 이번에는 기능을 조금 더 확장해 본 경험에 대하여 포스팅합니다.구글 로그인 인증(Auth) 추가 구글 로그인 인증 (Auth) 추가지난 포스팅에서도 작성하였지만 생성된 md 파일들을 그대로 Cursor AI에 넣고, 아래와 같은 방식으로 진행하면서 바로 구글 로그인 인증 (Auth)을 추가하였습니다.👉 결과물: https://board-app--board-app-7d889.us-east4.hosted.app/그런데 실제로 구현된 것을 실행하였을 때, 한 번에 성공하지는 못했었습니다. 그래서 해당 에러 메시지를 복붙해서 수정하면서 문제를 해결했습니다.구글 로그인을 시도하였을 때, 아래와 같은 에러가 발생했습니다. 확인 후 수정사항을 제안해주세요.Unhandled ..

PRD는 ChatGPT로 만들고, 구현은 Cursor AI와 함께, 배포는 Firebase App Hosting으로 끝내는 게시판 웹서비스 개발기 AI로 무언가를 만든다...면 무엇을 만들어야 할까요? 저는 아주 고전으로 돌아가서 CRUD 기본기를 확실하게 연습하는 "게시판"을 만들어보았습니다. 요즘 AI를 공부하면서 가장 크게 달라진 점은 "기획부터 배포까지 혼자서도 충분히 빠르게" 할 수 있게 되었다는 점입니다. 이번 글에서는 ChatGPT와 Cursor AI, 그리고 Google Firebase를 활용해 게시판 웹서비스를 만든 전체 과정을 정리해 보려고 합니다.기획: ChatGPT (Lovable PRD Generator)개발: Cursor AI + 로컬 Firebase 환경배포: Firebase ..