React(프론트엔드)
Gallery view
Search
•
분양모음집은 전국의 분양 정보를 한 눈에 확인할 수 있는 분양 정보 제공 서비스입니다.
•
지역 및 분양 형태에 따른 분양 정보 필터링 기능을 제공합니다.
•
분양 정보를 지도와 캘린더에서도 확인할 수 있습니다.
•
Github Repository:
•
Team Notion:
서비스 아키텍쳐

Next.js
Typescript
Recoil
React Query
Firebase

[분양모음집] 분양 정보 제공 서비스
React
️부트캠프 프로젝트를 한곳에서 정리하고 피드백을 받아보자!
프로젝트의 SA, 최종 프로젝트 정리 및 회고 등 여러곳에 흩어져 있던 정보들을 한 곳에 모아놓고,
다양한 사람들의 피드백을 받아 볼 수 있는 공간입니다.
•
CodeFolio Demo
Service Architecture


[Codefolio] 프로젝트 정보를 한 곳에 모으고, 피드백을 받아볼 수 있는 서비스
React

[이음] 작은 재능부터 큰 재능까지 거래할 수 있는 비대면 재능 매칭 플랫폼
React
오늘의 혼합주 OHZU
본인의 취향에 관심이 많고 혼합주를 선호하는 2030 세대를 위한
자신만의 혼합주 레시피와 비율을 공유하는 커뮤니티 입니다.
OHZU 프론트엔드 목표
직관적인 UX/UI 구성
•
페이지에 들어왔을 때, 5~10초 안에 어떤 컨셉의 서비스인지 유저가 인지할 수 있도록 할 것
•
어떤 버튼을 누르거나, 액션을 취할 때 유저가 예상하는 것들을 보여지도록 할 것
•
모바일 환경에서도 위와 같은 목표를 이루도록 할 것
OHZU 아키텍처 구성

OHZU 사용 스택 및 기술적 의사 결정

[OHZU] 나만의 혼합주 레시피 공유 사이트
React
타쿠의 식탁
다양한 애니메이션 속 음식 레시피를 제공하는 “타쿠의 식탁”을 소개합니다.
나만의 레시피를 만들어 공유하고 공통의 관심사를 가진 유저들과 소통해보세요.
아키텍쳐

•
프론트엔드 : NEXT.js, React, tailwind,typescript, react-query, react-player, react-quill,fuse.js
•
DB관리(백엔드) : TMDB ⇒ REST API로 서버와 실시간 통신, firebase 이용하여 데이터 관리
•
협력툴 : 깃, 깃허브, 슬랙, 노션 , 구글 스프레드시트
•
배포 : vercel

[타쿠의 식탁] 애니메이션 속 음식 레시피를 공유하는 커뮤니티
React
국내 여행 코스 공유 커뮤니티
•
여행 코스를 직접 작성하고 코스와 지도에 관한 정보를 한 눈에 확인할 수 있어요.
•
유저들이 직접 작성한 여행 코스를 지역, 해시태그, 키워드 등으로 검색할 수 있어요.
•
게시글을 SNS로 간단하게 공유할 수 있어요.
•
내 게시글과 좋아요 한 게시글을 한 눈에 확인할 수 있어요.
•
서비스 둘러보기 : 홈페이지
서비스 아키텍쳐
.png&blockId=1465fcb3-a967-49df-8dd5-6d2bb444e0a2)
주요 기술

[NILILI] 국내 여행 코스 공유 커뮤니티
React
•
GYMTIVATION (득근파트너스, Gym + Motivation)
혼자 운동할 때 동기부여가 필요한 분들을 위한 커뮤니티 입니다.
서비스 아키텍처

•
AWS로 배포된 저희 웹에 유저가 접속하면 보시는 바와 같이 다양한 서비스를 이용할 수 있습니다.
◦
socket.io 를 통한 실시간 커뮤니케이션
◦
firebase storage, firebase firestore 를 통한 게시판 CRUD
◦
firebase Authservice 를 통한 로그인/회원가입
◦
kakao map API 를 통한 지도 기능
기술적 의사결정

[짐티베이션] 혼자 운동할 때 동기부여가 필요한 사람들을 위한 커뮤니티
React

[Be my desk] 데스크테리어 공유 커뮤니티
React
Load more
Gallery
Search
모각코(모여서 각자 코딩하자!) 위한 매칭 서비스 “MOCO”
MOCO(모코)는 개발자 문화 중 하나인 모각코 모임을 찾아 코딩 메이트를 매칭해주는 플랫폼입니다.
Github Repasitory (링크)
아키텍쳐
.png&blockId=a6cd80ea-e80d-45fd-8cb7-ee58f2de2a01)

[모코] 모각코(모여서 각자 코딩)를 위한 매칭 서비스
Develop Together, Grow Together, Detto
•
디토는 개발자를 위한 사이드 프로젝트 팀 매칭 플랫폼입니다.
•
현재 모집 중인 사이드 프로젝트들을 포지션 별로 확인할 수 있습니다.
•
프로젝트 모집 글에 지원하고 초대받는 과정을 통해 더 좋은 시너지를 낼 수 있는 팀원을 만날 수 있습니다.
아키텍처

주요 기능 중 지원하기 로직 플로우
아래 플로우에 대한 상세 설명은 발표회에서 들으실 수 있습니다. 

[디토] 개발자를 위한 사이드 프로젝트 팀 매칭 플랫폼
프로젝트명: TRIPICK
안녕하세요! 저희 TRIPICK은 국내 여행지와 주변 숙박/식당을 추천해드리는 사이트입니다. 
혼자 여행하거나 친구들과 함께 떠나려는 분들께 여행지 아이디어를 제공합니다. 
또한 여행지 반경20km 내에있는 숙박과 맛집 정보를 찾고 계신 분들을 위해 서비스를 제공합니다. 
- 배포 link : ( TRIPICK 배포 )
Github Repository
Architecture
.png&blockId=51fb0557-fa2a-448c-a88a-d09a352b7db2)
_(1).png&blockId=13012679-3a83-4768-aafe-d747e0f3c079)
[트리픽] 국내 여행지와 및 주변 숙박/식당 추천 서비스
당신의 여행 플래너 서포팅 사이트!
여행지 추천 및 정보 제공 , 여행에 필요한 일정 플래너 기능을 제공합니다.
아키텍쳐

핵심 기능

[Sharpa] 당신의 여행 스케쥴링 플래너 사이트

아키텍쳐

기술적 의사 결정
사용기술 | 기술 설명 |
recoil | 리코일은 매우 간단한 코드로 상태를 관리할 수 있습니다. 리덕스와 비교해 상태를 업데이트하기 위해 액션 타입, 액션 생성자, 리듀서를 작성할 필요가 없으며, 상태 업데이트 로직을 작성할 때도 상태 객체 자체를 직접 수정할 수 있었습니다. |
socket.io | Socket.io는 다양한 이벤트를 지원하여 클라이언트에서 서버로 데이터를 전송하고 서버에서 클라이언트로 데이터를 전송할 수 있습니다. 이러한 특징으로 인해, Socket.io는 실시간 채팅기능을 구현하는 데 매우 유용합니다. |
WebRTC | WebRTC는 브라우저에서 P2P(peer-to-peer) 통신을 가능하게 하는 기술입니다. 이 기술은 별도 플러그인 없 브라우저 내장 기능으로 제공되며, 브라우저 간에 영상 및 음성 데이터를 실시간으로 전송할 수 있습니다. |
json-server, glitch | db.json 파일을 사용하면 데이터베이스 서버를 구축하지 않아도 되고 Glitch에서는 개발자가 손쉽게 프로젝트를 공유하고, 팀원과 함께 작업할 수 있기 때문에 개발 프로세스가 편리해집니다. |

[Steam Plus] 스팀 API 기반 게임 실시간 화상채팅 서비스
4조 프로젝트 : 팁퍼 (Tipper)
금융관리 초보자를 위한 팁을 드려요!
자금 마련의 기본인 예금, 적금 상품들을 비교해주고 꿀팁들을 공유하는 사이트입니다.
기능 소개
아키텍쳐

주요 기술
•
firebase
•
axios
•
vercel
•
lodash

[팁퍼] 예적금 상품 비교와 금융 관리, 팁 공유는 팁퍼에서

•
분양모음집은 전국의 분양 정보를 한 눈에 확인할 수 있는 분양 정보 제공 서비스입니다.
•
지역 및 분양 형태에 따른 분양 정보 필터링 기능을 제공합니다.
•
분양 정보를 지도와 캘린더에서도 확인할 수 있습니다.
•
Github Repository:
•
Team Notion:

[분양모음집] 분양 정보 제공 서비스
반려동물 커뮤니티 사이트
•
•
Github Repository : ()
아키텍처

기술적 의사결정
트러블슈팅
글 작성시 에디터 선정

[펫톡] 예비 집사 및 집사들을 위한 반려동물 커뮤니티

[팝콘] 전국 팝업스토어를 한 눈에 볼 수 있는 서비스
Node.js(백엔드)
Gallery view
Search
프로젝트 소개
서비스 기획 의도
개발자의, 개발자에 의한, 개발자를 위한 만남 서비스!
상대의 프로필을 보고 이상형을 찾을 수도 있고,
당신에게 필요한 기술을 가진 협업자를 찾을 수도 있습니다!
Merge OverFlow
Node.js
프로젝트 소개
“대 구독 시대”에 필요한 구독 관리 사이트
서비스 기획 의도
GUBU(구독부자)
Node.js
프로젝트 소개
서비스 기획 의도
우리 사회가 급속도로 고령화되면서, 은퇴 후의 삶이 중요한 사회적 이슈로 대두되고 있습니다. 저희 서비스는 이러한 사회적 요구에 부응하여, 은퇴자분들에게 의미 있는 소셜 연결과 지속적인 학습 기회를 제공하고자 합니다.
저희 서비스는 중년 세대에게 최적화된 학습과 소셜 네트워킹 플랫폼입니다. 은퇴 후의 삶을 더욱 의미 있고 풍요롭게 만들어 줄 다양한 기능들을 통해, 중년 세대의 요구에 부응하고 있습니다.
흥미롭고 유익한 강의를 직접 수강하세요!
중년 세대를 위한 맞춤형 오프라인 강의를 제공하여, 새로운 배움의 기회를 제공합니다. 건강, 취미, 재테크, 여행 등 다양한 주제의 강의를 통해 자기 계발과 삶의 질을 향상시킬 수 있습니다.
함께 배우고 소통하는 즐거움!
수강생들끼리 자유롭게 의견을 나누고, 강의 관련 정보를 공유할 수 있는 게시판 기능을 제공합니다. 동료 수강생들과의 소통을 통해 더 풍부한 학습 경험을 누려보세요.
강의 중 궁금한 점은 언제든지 물어보세요!
질문이 생기면 강사와 직접 1:1 채팅으로 소통할 수 있습니다. 강의 내용이나 추가적인 설명이 필요할 때, 빠르고 간편하게 해결하세요.
수업 외에도 활발한 소통을 이어가세요!
수업 기능 외에도 밴드 기능을 통해 수강생들끼리 단체 채팅방을 만들고, 자유롭게 게시글을 등록할 수 있습니다. 같은 관심사를 가진 사람들과 네트워크를 형성하고, 공동의 목표를 향해 함께 나아가세요.
편리하고 안전한 결제 프로세스!
강의 수강 신청부터 결제까지, 모든 과정을 쉽고 안전하게 처리할 수 있습니다. 결제 후 강의 정보를 한눈에 확인하고, 필요할 때 언제든지 관리할 수 있습니다.
저희 서비스는 중년 세대의 새로운 배움과 소통을 지원하며, 은퇴 후 삶의 질을 높이기 위한 다양한 기능을 제공합니다. 함께 배우고, 소통하고, 성장하는 기회를 지금 경험해 보세요!
시클시클
Node.js
Pupfluencer | 펍플루언서

프로젝트 소개
•
펍플루언서란 [Puppy + Influencer]의 합성어입니다.
•
너무 귀엽고 웃긴 우리 강아지의 모습을 나만 보기 아깝다고 느끼실 때
•
사진과 동영상으로 우리 강아지의 깜찍한 순간을 기록하고 공유하는 강아지 자랑 SNS
서비스 소개 <br>
[펍플루언서]강아지 자랑 SNS
React
Node.js


프로젝트
Stock Pyramid는 경매 이벤트의 대용량 트래픽을 처리하기 위한 node.js 기반
어플리케이션 시스템 구축 프로젝트입니다
keyword : #대용량 트래픽 처리 #검색 속도 향상 #성능 테스트 #nestjs #DB이중화
[Stock Pyramid]경매 이벤트의 대용량 트래픽을 처리하기 위한 node.js 기반 어플리케이션 시스템
Node.js

[투두버킷] 투두리스트와 버킷리스트를 공유하는 서비스
Node.js
소모임 커뮤니티 with 캘린더
소모임 With 캘린더
소모임에 가입하여 함께 이야기를 나누고 새로운 사람들을 만나보세요
그룹 모임에 참여하고 취미를 공유하며 즐거운 시간을 보내세요
LounGe에서 좋은 인연을 만들어 연인이나 친구를 만들어보세요
언제든지 LounGe를 방문하여 새로운 경험과 추억을 만들어보세요
아키텍처

주요 기술
•
TypeScript

[LounGe] 소모임 커뮤니티 With 캘린더
Node.js
캠핑장 & 캠핑 용품 & 캠핑 요리 레시피 등 모든 정보를 한눈에 볼 수 있는 커뮤니티 사이트
캠핑을 좋아하는 사람도, 관심 없었던 사람도 쉽게 접근할 수 있도록
다양한 사람들이 경험을 공유하며 함께 어우러지는 장을 마련하는 것이 목표입니다!
•
서비스 둘러보기 : 링크
•
아키텍처

주요 기술
기술적 의사 결정
•
elastic search cloud : 기존 like로 검색을 하게 되면 쿼리 증가로 인한 사이트 속도 저하 및 정확한 검색 결과 산출이 어려운 문제가 있었고, 서버에 부담이 가지 않으며 빠르고 정확한 검색 결과 산출을 위해 사용

[내일바로캠핑] 캠핑 관련 정보를 한눈에 볼 수 있는 커뮤니티
Node.js
냐옹상회 서비스 소개
가격으로만 소통하자 Try your Deal!
국내 중고거래 시장은 점점 커지고 있습니다. 커져가는 만큼 많은 불편한 점들이 생겨나며 그 중 하나는 가격협상을 하며 얻는 스트레스라고 생각을 합니다.
그래서 저희는 가격을 협상하는데 의사소통을 없애보려고 했습니다.
의사소통 없이 오직 가격으로만 결정하자 그것이 저희가 서비스를 기획하게된 계기 입니다.
id : admin1
pw : admin1
아키텍처
로컬용
배포용

[냐옹상회] 가격으로만 소통하자 Try your Deal!
Node.js
프로젝트 소개
‘식스팩‘ 은 전국의 운동시설을 중개하는 구독형 플랫폼 서비스 입니다.
서비스 기획 배경
서비스 둘러보기
서비스 아키텍처


[식스팩] 전국의 모든 운동을 내 맘대로!
Node.js

[워커벤치] 새로운 패러다임의 워크숍 중개 사이트
Node.js
JOBFIT
여러 채용공고 사이트들의 IT 분야 채용공고를 한 곳에 모아
원하는 조건에 맞는 채용공고를 검색하고,
회원의 정보를 바탕으로 알고리즘을 통해 채용공고를 추천 받을 수 있는 서비스.
서비스 아키텍처

주요 기술 스택 및 기술적 의사결정
NestJS
TypeORM
Axios

[잡핏] IT 분야 채용공고를 검색하고 추천 받을 수 있는 서비스
Node.js
무인냥품
우리 동네 위치 기반, 고양이 돌봄 품앗이 서비스

무인냥품은 반려인이 긴 시간 외출을 할 때
집에 혼자 있을 우리 고양이를 위한 플랫폼입니다.
동네 위치를 기반으로 동네 집사들끼리 돌봄 품앗이를 할 수 있는 서비스를 비롯해,
무료 나눔과 반려묘 정보들을 나눌 수 있는 고양이 집사들을 위한 커뮤니티 서비스입니다

[무인냥품] 우리 동네 위치 기반, 고양이 돌봄 품앗이 서비스
Node.js
프로젝트를 같이 할 팀원들을 모으는 공고 모집 글을 올리고 관리할 수 있는 사이트

•
서비스 둘러보기 : NoAFK
•
Github Repository :
•
1차 발표 영상 : https://youtu.be/KeOMuRsQeQA

[NoAFK] 사이드 프로젝트 플랫폼
Node.js
홈 파티 주최 및 참가 소셜 커뮤니티 서비스
증가하는 1인 가구 시대! 파티를 열어 새로운 친구를 사귀세요!
”모아바”는 파티를 즐기고 싶지만 1인 가구이거나 동네 친구가 없어 즐길 수 없을 때, 내가 호스트 또는 게스트가 되어 취향에 맞게 참여할 수 있는 소셜 네트워크 서비스입니다.

서비스 아키텍처

[모아바] 홈 파티를 주최하여 새로운 친구를 사귀는 소셜 네트워킹 플랫폼
Node.js

[Gol:D] 캠핑 장소 대여 서비스 및 관리 시스템
Node.js

당신만을 위한 특별한 병원 찾기 모두의 병원
당신의 현재 위치를 기준으로 우리 플랫폼과 파트너쉽을 맺은 병원 정보와 진료 예약을 할 수 있는 환경을 제공합니다.
•
모두의 병원 링크
서비스 아키텍처


[모두의 병원] 내 위치 기반 병원 찾기 및 예약 시스템
Node.js


소규모 공연 예술 활성화를 목표로 공연예술을 즐기려는 사람들의 니즈에 부합하기 위해 공연예매 및 커뮤니티 서비스를 제공합니다.
•
배포 URL http://bun2.shop
•
GitHub Repository @
아키텍처


[브로드웨이 9번가] 공연예술 예매 및 커뮤니티 사이트
Node.js
Spring(백엔드)
Gallery view
Search
프로젝트 소개
•
Domain : https://we-philosopher.site
궁금한건 못참아!
일상에서 비롯된 우리들의 호기심을 자극하는 요소들을 바탕으로 토론을 진행할 수 있도록 도와주는 서비스입니다.
Architecture ( 아키텍쳐 ) & Service Flow ( 서비스 플로우 )

Service Architecture ( 서비스 아키텍쳐 )

Service flow ( 서비스 플로우 )
기술적 의사 결정에 따른 주요 기술
“ 기술의 선택은 객관적인 근거를 기반으로 적절한 Trade off을 지양합니다 “

서비스 최종 적용 기술

[우리 모두 철학자] 일상에서 시작된 궁금한 혹은 작은 이슈를 기반으로 생성되는 토론 커뮤니티 서비스
Spring

[낙낙상회] 넉넉한 마음으로 서로 마음을 주고 받는 중고 거래 플랫폼
Spring

새로운(New) 모임, 새(Bird)처럼 자유로운 모임
모임관리, 추억 공유, 실시간 소통까지 함께할 수 있는 환경을 제공합니다.
•
서비스 둘러보기 : http://saemoim.site/
•
Github Repository :
서비스아키텍처


[새모임] 오프라인 파티원 모집 플랫폼
Spring
아키텍쳐

기술적 의사결정
사용 기술 | 기술 설명 |
MySql | 우리 프로젝트가 게시판 기능을 중심으로 구성되어 있기 때문에, 사용자들이 작성한 글과 댓글 등의 데이터를 안정적으로 저장하고 관리해야 했고, MySQL은 오픈 소스 관계형 데이터베이스 관리 시스템으로 효율적인 서버관리를 위하여 관계형 DB를 선택했습니다. |
S3 | S3는 AWS기반으로 용량을 무제한으로 확장 할 수 있기 때문에, 트래픽이 늘어나더라도 서버 리소스를 추가로 할당하지 않아도 되는 장점이 있을 뿐더러,
AWS의 보안 기능을 활용, S3는 암호화된 데이터 전송을 제공, 데이터를 두 번 이상 복제하여 내구성 역시 보장되고, 사용한 만큼만 값을 지불하면 되는 비용 효율성 때문에 선택했습니다. |
Cookie | 클라이언트에 저장되기 때문에 서버의 자원을 사용하지 않음. 따라서 서버의 부하를 줄일 수 있다는 점과 쿠키는 웹에서 일반적으로 사용되는 기술이므로 다양한 브라우저에서 일관된 동작을 보장할 수 있기 때문에 선택했습니다. |

[펫팸] 반려동물 자랑 커뮤니티
Spring
오늘 뭐 들었니?
오늘 하루의 시작과 끝에 느꼈던 감정과 생각을 노래와 함께 공유 해보세요.
주요 기능
•
멜론 사이트의 노래 정보 크롤링 및 DB 저장 (음원X)
•
게시글 작성 시 DB에 저장된 노래를 검색하여 첨부
•
게시글 작성 시 태그를 첨부하여 해당 태그를 키워드로 게시물 검색
•
원하는 유저를 팔로우 및 팔로우/팔로잉 리스트 확인
•
좋아하는 게시물 및 댓글에 좋아요 및 좋아요 취소
•
유저의 프로필 페이지에서 프로필 및 유저의 게시글 목록 확인
•
지난 24시간 동안 작성된 게시물 기준으로, 많이 작성된 노래 순위 확인
아키텍처


[오들] 하루의 시작과 끝에 느꼈던 감정과 생각을 노래와 함께 공유하는 사이트
Spring
Github 링크
프로젝트 소개
VOLUNTEERING의 목적
봉사 활동 모임 커뮤니티 플랫폼
•
프로젝트 소개
‘변화하는 패러다임에 발맞추는 자원봉사’
누구든지 자유롭게 봉사 활동을 하고 싶은 사람들의 모임
기술
백엔드
•
Spring Boot Version : 3.0.2
•
JDK Version : 17
•
DB : MySQL
프론트엔트
•
html, css, javascript
•
S3 + Cloudfront

[Volunteering] 변화하는 패러다임에 발 맞추는 자원봉사
Spring
아키텍처

기술적 의사결정
사용 기술 | 기술 설명 |
PostgreSQL | 표준 SQL을 따르고 있고, 가볍게 돌아가며, 대량 데이터 처리에 용이하다. 또한 라이센스에 대한 비용 문제 없다. |
Querydsl | 동적인 쿼리 작성이 편리하고 문자가 아닌 코드로 쿼리를 작성함으로써, 컴파일 시점에 문법 오류에 쉽게 확인 할 수 있어서 사용을 했다. |
redis | 데이터 액세스 지연 시간을 줄일 수 있고 메모리를 저장하고 조회하는 것이 빠르다. |
Jsoup | HTML 정적 크롤링을` 하기 위해 오픈소스 JAVA 라이브러리를 사용하고 셀리니움보다 비교적 속도가 빠르다. |
Selenium | Jsoup으로는 불가능한 HTML 동적 크롤링을 하기 위해 사용하고 Jsoup으로 가능한 크롤링은 Jsoup으로 진행하여 처리 속도 향상을 시킨다. |

[파악] 채용정보 공유 서비스
Spring
스프링 프로젝트 ‘올라’ 입니다. 취미공유 커뮤니티 서비스로, 등산과 관련된 관심사를 해시태그로 만들어 다양하게 공유할 수 있는 방법을 구현했습니다.
주요기능
관심사가 비슷한 친구를 랜덤으로 추천
•
회원가입할 때 고른 해시태그를 비교하여 하나 이상 겹칠 경우 추천 친구로 노출됩니다.

동적쿼리와 해시태그를 이용한 게시글 조회
•
산 높이, 점수, 추천계절, 해시태그 등 다양한 조건으로 필터링 조회를 구현했습니다.


[올라] 관심사로 공유하는 등산 크루 모집 커뮤니티
Spring
코드 컨벤션 & RESTful API
프로젝트 개요
주제 및 선정 배경
프로젝트 팀 구성 및 역할
주차별 프로젝트 타임라인
JIRA를 활용한 프로젝트 업무관리

[디벨로니티] 입문&주니어&시니어 개발자 모두에게 가치 있는 커뮤니티
Spring
친구 찾고 즐겁게 게임하자!
간단한 조건 입력으로 나와 함께 게임할 친구를 매칭하고 디스코드까지 한 번에!
아키텍처


[즐겜빡겜] 다양한 사람들과의 랜덤 게임 매칭 서비스
Spring
Load more




.png&blockId=16cbf872-75c9-44ab-ad08-a40182a3b51c)




.png&blockId=b099da08-9af5-4cb7-821c-4cca8ac9719b)











