안녕하세요 틈틈히 만든 서비스 평가 가능할까요?
프론트 : Next.js
백엔드 : 스프링 + JPA
기타 : Rocky Linux, ELK, Docker, Github Actions, Portainer, PostgreSQL
안녕하세요! 평소에 꼭 필요한 기능이라 생각해서 퇴근 후에 짬짬이 만들어본 PipeJS라는 서비스입니다.
복잡한 시스템 구조나 기획을 다이어그램으로 일일이 그리는 게 번거로워서, JSON 데이터만 넣으면 자동으로 깔끔한 워크플로우를 그려주는 에디터를 만들어보았습니다. 혼자서 기획부터 프론트엔드, 백엔드, 인프라 배포까지 다 하려니 생각보다 손이 많이 가네요.
이제 막 오픈한 단계라 부족한 점이 많겠지만, 실제 유저분들의 냉정한 평가를 듣고 싶어서 글 올려봅니다.
✨ 주요 기능 소개
코드(JSON) 입력 시 실시간 워크플로우 다이어그램 자동 생성
복잡한 구조를 한눈에 파악할 수 있는 '하위 그룹 보기' 기능
설계한 다이어그램 기반의 AI 프롬프트 생성 (클립보드 복사)
고해상도 다이어그램 이미지 저장 및 링크 공유 기능
💡 "어떻게 쓰는 건지 모르겠는데?" 하시는 분들을 위해! 처음 접속하시면 핵심 기능을 1분 만에 빠르게 훑어볼 수 있는 '인터랙티브 투어 가이드'가 뜹니다. 가이드만 한 번 쓱 따라가 보시면 바로 감이 오실 거예요!
현재는 JSON을 직접 작성하거나 AI에서 복사/붙여넣기 해야 하지만, 추후에는 에디터 내부에 AI 기능을 직접 연동해서 텍스트만 치면 다이어그램이 자동 완성되는 방향으로 고도화할 예정입니다. (이 부분은 API 비용 문제로 구독형 도입을 생각 중이고, 무료 모델은 지금처럼 복구/붙여넣기 방식으로 유지할 계획입니다.)
시간 되실 때 한 번씩 써봐 주시고 뼈 때리는 비판이나 피드백 팍팍 주시면 정말 감사히 받겠습니다! 🙏🏻
UI는 깔끔하게 하려고 노력했는데 사용하시기에 어떤지, 혹시 추가됐으면 하는 기능이 있는지 편하게 말씀해 주시면 개발에 큰 힘이 될 것 같습니다. 응원 한마디도 감사히 받겠습니다!
간단하게 구현 내용 설명드리자면
서버는 4개의 물리 서버를 직접 인프라 구축했습니다.
방화벽 구축, 네트워크 구축 등을 진행했으며, 백엔드, 프론트, ELK 서버 등으로 쓰고 있습니다.
프론트 배포의 경우 클라우드 플레어를 사용했으며, Next.js로 개발하여 진행을 했습니다.
백엔드의 경우 CI/CD 구축하여 현재 Git Action으로 배포를 하고 있습니다.
서비스 관리는 포테이너를 사용하여 도커로 서비스 중인 것들을 아래와 같이 UI로 쉽게 관리 중에 있습니다.
elk도 구축하여 로그 모니터링 중에 있으며, 현재 개선이 필요한 부분은 계속 개선 중에 있습니다.
인프라 구축은 제가 다 진행하였으며, 개발은 풀 바이브 코딩을 맡겼고 기능 검증을 하면서 개발을 진행했습니다.
추후 AI 에디터 기능, 관리자 기능은 추후 만들 예정입니다.
의견주시면 적극 반영하여 더 좋은 서비스 만들도록 하겠습니다.
감사합니다 ㅎㅎ
