home
커리큘럼
home
React
Node.js
Spring
home

Section A (1)

Gallery view
Table
Search

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

프로젝트의 SA, 최종 프로젝트 정리 및 회고 등 여러곳에 흩어져 있던 정보들을 한 곳에 모아놓고,
다양한 사람들의 피드백을 받아 볼 수 있는 공간입니다.

 Service Architecture

 Tech Stack

정적인 페이지가 많은 서비스 특성상 SSR을 쉽게 구현할 수 있는 Next.js를 사용합니다.
Next와 잘 어울리는 배포 시스템인 Vercel을 이용합니다.
[Codefolio] 프로젝트 정보를 한 곳에 모으고, 피드백을 받아볼 수 있는 서비스
Section A
A1
생산성
위치기반 사진 명소 찾기 사이트
•
Github Repository : picspot
•
PicSpot은 Picture / Pick + Spot의 약자로 사진과 장소를 고르는 것을 뜻합니다. 가고 싶은 여행지 혹은 여행 중에 사진 명소들을 일목요연하게 볼 수 있는 공유 플렛폼입니다. 지도를 통해 위치를 간편하게 찾을 수 있습니다.

아키텍처

기술적 의사결정

서비스 특징에 따른 기준
[픽스팟] 위치 기반 사진 스팟 공유 플랫폼
Section A
A2
여행
아키텍쳐
기술적 의사결정
성능 개선

저희는 최적화된 사이트를 만들기 위해 지속적인 성능 개선을 실시 하였습니다.

 동물 병원별로 천차만별인 병원비, 펫피탈에서 확인하세요.

동물 병원 별로 손쉽게 비용 정보를 찾을 수 있으며, 다른 유저와 반려 동물에 관한 궁금증을 나눌 수 있습니다.

 아키텍쳐

기술적 의사 결정

주요 기술

트러블 슈팅

[펫피탈] 동물 병원별로 천차만별인 병원비, 펫피탈에서 확인하세요.
Section A
A4
반려동물

오늘의 혼합주 OHZU

본인의 취향에 관심이 많고 혼합주를 선호하는 2030 세대를 위한 자신만의 혼합주 레시피와 비율을 공유하는 커뮤니티 입니다.
OHZU 둘러보기
OHZU GitHub

  OHZU 프론트엔드 목표

직관적인 UX/UI 구성

•
페이지에 들어왔을 때, 5~10초 안에 어떤 컨셉의 서비스인지 유저가 인지할 수 있도록 할 것
•
어떤 버튼을 누르거나, 액션을 취할 때 유저가 예상하는 것들을 보여지도록 할 것
•
모바일 환경에서도 위와 같은 목표를 이루도록 할 것
[OHZU] 나만의 혼합주 레시피 공유 사이트
Section A
A5
커뮤니티

타쿠의 식탁

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

 아키텍쳐

•
프론트엔드 : NEXT.js, React, tailwind,typescript, react-query, react-player, react-quill,fuse.js
•
DB관리(백엔드) : TMDB ⇒ REST API로 서버와 실시간 통신, firebase 이용하여 데이터 관리
•
협력툴 : 깃, 깃허브, 슬랙, 노션 , 구글 스프레드시트
•
배포 : vercel
[타쿠의 식탁] 애니메이션 속 음식 레시피를 공유하는 커뮤니티
Section A
A6
커뮤니티
•
GYMTIVATION (득근파트너스, Gym + Motivation)

서비스 아키텍처

•
AWS로 배포된 저희 웹에 유저가 접속하면 보시는 바와 같이 다양한 서비스를 이용할 수 있습니다.

기술적 의사결정

 주요 기술

•
Next.js
•
Soket.io
•
Firebase
•
Kakao map
[짐티베이션] 혼자 운동할 때 동기부여가 필요한 사람들을 위한 커뮤니티
Section A
A8
커뮤니티

나 다운 공간에서 나 다움을 만들다, 데스크테리어 커뮤니티 사이트. [Be my desk.]

아키텍쳐

주요기술

•
react
•
nextJS
•
Firebase
•
typescript
•
react-query
[Be my desk] 데스크테리어 공유 커뮤니티
Section A
A9
커뮤니티