미리보기

1인 가구 증가와 반려동물에 대한 관심이 커짐에 따라, 혼자서 반려동물을 키우는 견주들이 소통하고 도움을 받을 수 있는 커뮤니티를 제공합니다.

반려동물 친구를 찾을 수 있는 댕냥친구소, 견주 간 정보와 경험을 나눌 수 있는 댕냥광장, 카카오맵을 이용해 현재 위치를 기반으로 반려동물 출입이 가능한 장소를 소개하는 댕냥터, 반려동물 용품을 공동구매를 할 수 있는 댕냥창고가 있습니다.

• 댕냥살롱 은 이런 프로젝트 입니다 !

• 댕냥살롱 의 트러블슈팅

둘잇은 두 명의 사람을 하나로 이어준다는 의미의 커플 채팅이 주된 기능인 프로젝트 입니다.

· 커플들의 기념일 및 약속 등록, 실시간 채팅 및 실시간 위치 공유, 달력을 활용한 데이트 기록 및 나만의 데이트 코스를 다른 커플들과 공유 가능한 커뮤니티 등의 기능을 개발할 예정입니다.

· 새로운 기술을 적용을 해보기 위해서 기획한 프로젝트이며, Zustand(상태 관리)와 Socket.io(실시간 통신)을 활용하고 있습니다. 현재 카카오 로그인을 통한 회원가입을 거쳐, 회원의 kakao ID를 기반으로 커플 매칭을 진행하고, 매칭 과정에서 Socket.io 서버에 접속하는 기능까지 개발된 상태입니다. vercel에 배포가 된 상태이나, 기능이 제대로 동작되지 않는 다는 점을 유의해주시면 감사하겠습니다.

작은 온라인 서점입니다.

책 등록, 수정, 삭제가 가능하며, 등록된 책을 저자, 제목, 통합검색을 통해 검색할 수 있습니다.

Request 객체에서 option(검색 옵션)과 query(검색어)를 추출한 뒤, Prisma를 사용해 Supabase 데이터베이스에서 검색 옵션(title, author)에 해당하는 검색어를 포함하는 데이터를 조회하였습니다.

seohompy는 나 자신을 소개하고, 개발자로 성장하기 위해 어떤 과정을 거쳤는지, 어떤 프로젝트를 진행했는지 정리한 포트폴리오 블로그입니다.

작은 화면에서도 콘텐츠를 쉽게 확인할 수 있도록 모바일 최적화를 고려했으며, 사용자 편의성을 높이기 위해 상단 네비게이션을 고정하거나 자연스럽게 복귀하는 등 세심한 UX/UI를 개발에 초점을 두었습니다.

Framer Motion을 활용한 About 컴포넌트의 카드 뒤집기 효과, Swiper를 이용한 프로젝트 슬라이드 등 다양한 애니메이션 라이브러리를 활용해 프론트엔드 화면을 동적으로 구현해 보았습니다.

KT의 대표적인 요금제인 요고 요금제 페이지의 UX/UI를 개선하기 위해 요고 서비스를 분석하고, 새로운 사용자 입장에서 편리하다고 생각되는 기존에 없던 페이지와 기능을 추가하며 개선 작업을 진행했습니다. 

• KT 요고 요금제 UX/UI 개선 는 이런 프로젝트 입니다!

운동감자는 운동과 관련된 다양한 정보를 제공하고 사용자들이 서로 소통할 수 있는 커뮤니티 웹 애플리케이션입니다. 사용자는 자신만의 계정을 생성하고, 게시글을 작성하며, 라이브 스트리밍을 통해 운동 관련 콘텐츠를 공유할 수 있습니다.

일반 계정 생성 외에도 GitHub 로그인 및 SMS 인증을 통한 로그인 기능을 지원합니다. (SMS 인증의 경우 실제로 인증번호를 전송하지는 않지만, 인증번호를 생성하여 DB에 저장하며, 해당 인증번호를 통해 로그인이 가능합니다.) 또한, 회원가입 시 입력된 데이터를 Zod를 사용해 검증하도록 구현하였습니다.

상품 이미지는 Cloudflare를 이용해 저장하며, 라이브 스트리밍은 OBS를 통해 진행하고 이를 Cloudflare를 통해 송출하도록 개발하였습니다. (현재 Cloudflare 구독이 정지된 상태로 인해 해당 기능이 정상적으로 작동하지 않을 수 있습니다.)

· 프론트엔드 Next.js 과정 수료(6주 과정)

· Next.js를 활용해 프로젝트 진행

· Git, Slack, Discord를 이용한 협업 진행

· KT 요고 요금제 페이지 UI/UX 개선 프로젝트 참여

· KT 프로젝트 팀 중 우수팀으로 선정 및 발표회 진행

· 우수 수료생으로 선정