home
블로그
home

교육생 결과물 허브

React(프론트엔드)

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

서비스 아키텍쳐

Next.js

Typescript

Recoil

React Query

Firebase

[분양모음집] 분양 정보 제공 서비스
React

️부트캠프 프로젝트를 한곳에서 정리하고 피드백을 받아보자!

프로젝트의 SA, 최종 프로젝트 정리 및 회고 등 여러곳에 흩어져 있던 정보들을 한 곳에 모아놓고,
다양한 사람들의 피드백을 받아 볼 수 있는 공간입니다.
[Codefolio] 프로젝트 정보를 한 곳에 모으고, 피드백을 받아볼 수 있는 서비스
위치기반 사진 명소 찾기 사이트
•
Github Repository : picspot
•
PicSpot은 Picture / Pick + Spot의 약자로 사진과 장소를 고르는 것을 뜻합니다. 가고 싶은 여행지 혹은 여행 중에 사진 명소들을 일목요연하게 볼 수 있는 공유 플렛폼입니다. 지도를 통해 위치를 간편하게 찾을 수 있습니다.

아키텍처

기술적 의사결정

서비스 특징에 따른 기준
•
이미지 데이터를 많이 다룬다. → 이미지 최적화가 필요하다.
[픽스팟] 위치 기반 사진 스팟 공유 플랫폼
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로 간단하게 공유할 수 있어요.
•
내 게시글과 좋아요 한 게시글을 한 눈에 확인할 수 있어요.
[NILILI] 국내 여행 코스 공유 커뮤니티
•
GYMTIVATION (득근파트너스, Gym + Motivation)
혼자 운동할 때 동기부여가 필요한 분들을 위한 커뮤니티 입니다.

서비스 아키텍처

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

올래?

1인가구 구성원 또는, 사생활에 깊이 연관되지 않는 가벼운 만남으로 관계를 시작하고 싶은 신세대에게 만남 서비스를 제공합니다.

아키텍처

기술적 의사결정

트러블 슈팅

[올래] 1인 가구 및 신세대 맞춤형 만남 서비스 제공 플랫폼

Develop Together, Grow Together, Detto

•
디토는 개발자를 위한 사이드 프로젝트 팀 매칭 플랫폼입니다.
•
현재 모집 중인 사이드 프로젝트들을 포지션 별로 확인할 수 있습니다.
•
프로젝트 모집 글에 지원하고 초대받는 과정을 통해 더 좋은 시너지를 낼 수 있는 팀원을 만날 수 있습니다.

아키텍처

주요 기능 중 지원하기 로직 플로우

아래 플로우에 대한 상세 설명은 발표회에서 들으실 수 있습니다.
[디토] 개발자를 위한 사이드 프로젝트 팀 매칭 플랫폼

프로젝트명: TRIPICK

안녕하세요! 저희 TRIPICK은 국내 여행지와 주변 숙박/식당을 추천해드리는 사이트입니다.
혼자 여행하거나 친구들과 함께 떠나려는 분들께 여행지 아이디어를 제공합니다.
또한 여행지 반경20km 내에있는 숙박과 맛집 정보를 찾고 계신 분들을 위해 서비스를 제공합니다.
b3_finalproject
dwg787

Architecture

[트리픽] 국내 여행지와 및 주변 숙박/식당 추천 서비스

당신의 여행 플래너 서포팅 사이트!

여행지 추천 및 정보 제공 , 여행에 필요한 일정 플래너 기능을 제공합니다.

아키텍쳐

핵심 기능

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

아키텍쳐

기술적 의사 결정

[Steam Plus] 스팀 API 기반 게임 실시간 화상채팅 서비스

4조 프로젝트 : 팁퍼 (Tipper)

금융관리 초보자를 위한 팁을 드려요!
자금 마련의 기본인 예금, 적금 상품들을 비교해주고 꿀팁들을 공유하는 사이트입니다.
기능 소개

 아키텍쳐

 주요 기술

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

Node.js(백엔드)

Search

프로젝트 소개

서비스 기획 의도

개발자의, 개발자에 의한, 개발자를 위한 만남 서비스! 상대의 프로필을 보고 이상형을 찾을 수도 있고, 당신에게 필요한 기술을 가진 협업자를 찾을 수도 있습니다!
Merge OverFlow
Node.js

프로젝트 소개

“대 구독 시대”에 필요한 구독 관리 사이트
프로젝트 목표 : 사용자 구독 플랫폼 관리 서비스
프로젝트 설명 : 저희 구부(구독 부자)는 사용자들이 이용하고 있는 다양한 구독 서비스(유튜브, 웨이브, 왓챠 등)를 편리하고 간단하게 관리할 수 있고, 언제 어떤 서비스를 얼마나 이용하고 있는지 쉽게 파악할 수 있습니다. 특히, 구독 결제일 하루 전에 알림을 제공하여 중요한 결제를 놓치지 않고, 구독 정보를 체계적으로 관리할 수 있는 서비스를 제공합니다.

서비스 기획 의도

GUBU(구독부자)
Node.js

프로젝트 소개

서비스 기획 의도

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

Pupfluencer | 펍플루언서

프로젝트 소개

•
펍플루언서란 [Puppy + Influencer]의 합성어입니다.
•
너무 귀엽고 웃긴 우리 강아지의 모습을 나만 보기 아깝다고 느끼실 때
•
사진과 동영상으로 우리 강아지의 깜찍한 순간을 기록하고 공유하는 강아지 자랑 SNS
댕댕이 자랑 커뮤니티 SNS Pupfluencer 입니다.

서비스 소개 <br>

[펍플루언서]강아지 자랑 SNS
React
Node.js

소모임 커뮤니티 with 캘린더

소모임 With 캘린더 소모임에 가입하여 함께 이야기를 나누고 새로운 사람들을 만나보세요 그룹 모임에 참여하고 취미를 공유하며 즐거운 시간을 보내세요 LounGe에서 좋은 인연을 만들어 연인이나 친구를 만들어보세요 언제든지 LounGe를 방문하여 새로운 경험과 추억을 만들어보세요

아키텍처

주요 기술

•
TypeScript
[LounGe] 소모임 커뮤니티 With 캘린더
Node.js

프로젝트 소개

‘식스팩‘ 은 전국의 운동시설을 중개하는 구독형 플랫폼 서비스 입니다.

서비스 기획 배경
서비스 둘러보기

서비스 아키텍처

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

JOBFIT

여러 채용공고 사이트들의 IT 분야 채용공고를 한 곳에 모아 원하는 조건에 맞는 채용공고를 검색하고, 회원의 정보를 바탕으로 알고리즘을 통해 채용공고를 추천 받을 수 있는 서비스.

서비스 아키텍처

[잡핏] IT 분야 채용공고를 검색하고 추천 받을 수 있는 서비스
Node.js

무인냥품

우리 동네 위치 기반, 고양이 돌봄 품앗이 서비스

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

홈 파티 주최 및 참가 소셜 커뮤니티 서비스

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

  서비스 아키텍처

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

아키텍처

[Gol:D] 캠핑 장소 대여 서비스 및 관리 시스템
Node.js
여러 사람들과 같이 코딩하고싶을 때 !
다양한 이벤트 알림을 받고 싶을 때 !
Sparta Commu-Club 은 여러분과 함께 공부할 것입니다.

Sparta Commu-Club

[스파르타커뮤클럽] 스파르타 수료생을 위한 똑똑한 커뮤니티
Node.js
[모두의 병원] 내 위치 기반 병원 찾기 및 예약 시스템
Node.js

Spring(백엔드)

Search
Spring

프로젝트 소개

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

1. 프로젝트 소개

프로젝트 소개

2. 개발 환경

개발 환경

서비스 아키텍처

3. 서비스 기능

[낙낙상회] 넉넉한 마음으로 서로 마음을 주고 받는 중고 거래 플랫폼
Spring
[펫팸] 반려동물 자랑 커뮤니티
Spring

오늘 뭐 들었니?

오늘 하루의 시작과 끝에 느꼈던 감정과 생각을 노래와 함께 공유 해보세요.

주요 기능

•
멜론 사이트의 노래 정보 크롤링 및 DB 저장 (음원X)
•
게시글 작성 시 DB에 저장된 노래를 검색하여 첨부
•
게시글 작성 시 태그를 첨부하여 해당 태그를 키워드로 게시물 검색
•
원하는 유저를 팔로우 및 팔로우/팔로잉 리스트 확인
•
좋아하는 게시물 및 댓글에 좋아요 및 좋아요 취소
•
유저의 프로필 페이지에서 프로필 및 유저의 게시글 목록 확인
•
지난 24시간 동안 작성된 게시물 기준으로, 많이 작성된 노래 순위 확인

아키텍처

[오들] 하루의 시작과 끝에 느꼈던 감정과 생각을 노래와 함께 공유하는 사이트
Spring
스프링 프로젝트 ‘올라’ 입니다. 취미공유 커뮤니티 서비스로, 등산과 관련된 관심사를 해시태그로 만들어 다양하게 공유할 수 있는 방법을 구현했습니다.

 주요기능

관심사가 비슷한 친구를 랜덤으로 추천

•
회원가입할 때 고른 해시태그를 비교하여 하나 이상 겹칠 경우 추천 친구로 노출됩니다.

동적쿼리와 해시태그를 이용한 게시글 조회

•
산 높이, 점수, 추천계절, 해시태그 등 다양한 조건으로 필터링 조회를 구현했습니다.
[올라] 관심사로 공유하는 등산 크루 모집 커뮤니티
Spring

코드 컨벤션 & RESTful API

프로젝트 개요

주제 및 선정 배경

프로젝트 팀 구성 및 역할

주차별 프로젝트 타임라인

JIRA를 활용한 프로젝트 업무관리

[디벨로니티] 입문&주니어&시니어 개발자 모두에게 가치 있는 커뮤니티
Spring
Load more