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

React

Search
•
분양모음집은 전국의 분양 정보를 한 눈에 확인할 수 있는 분양 정보 제공 서비스입니다.
•
지역 및 분양 형태에 따른 분양 정보 필터링 기능을 제공합니다.
•
분양 정보를 지도와 캘린더에서도 확인할 수 있습니다.
•
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
•
GYMTIVATION (득근파트너스, Gym + Motivation)

서비스 아키텍처

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

기술적 의사결정

 주요 기술

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