import { Portfolio } from 'dev-joy’
/
팀 프로젝트 모아보기
Search
팀 프로젝트 모아보기
프로젝트
소개
윙터뷰는 카부캠 교육생들을 위한 1:1 모의면접 자동 매칭 서비스입니다. 희망직무와 기술스택이 유사한 교육생들을 실시간으로 매칭하여 면접관과 면접자 역할을 번갈아가며 모의면접을 진행할 수 있도록 도와줍니다. AI 기술을 활용하여 실제 기술 면접과 유사한 질문을 자동 생성하고, 면접자의 답변에 따른 꼬리질문도 제공합니다. 면접 종료 후에는 진행했던 면접 내용을 바탕으로 복습 퀴즈를 제공하여 학습 효과를 높입니다.
개발 인원
총 7명 (프론트엔드 1명(me), 백엔드 1명, 클라우드 2명, 인공지능 3명)
프로젝트 주요 기능
•
카카오 로그인 (최초 가입 시, 온보딩 페이지에서 추가 정보 입력)
•
실시간 1:1 모의 면접 매칭 : 매칭 신청자에 한하여 1:1 매칭 실시간으로 랜덤 진행
•
AI 기반 맞춤형 면접 질문 제공 : 직무/스택 기반으로 맞춤형 면접질문 생성
•
꼬리질문 생성 prompt : 면접관이 면접자의 답변을 참고해서 꼬리질문 prompt를 작성하여 꼬리질문 생성
윙터뷰, 1:1 모의면접 매칭 서비스
Typescript
React
Sass
Zustand
Tanstack-Query
2025.03.31 - in progress
프로젝트
소개
광고회사의 리브랜딩 프로젝트 중 웹사이트 리뉴얼 프로젝트를 맡아 진행하게 되었습니다. 기존의 PHP 기반 웹사이트를 Next.js 14 기반 웹사이트로 재구축하고 광고회사 특성을 살려 UI/UX도 추가적으로 고려하여 첫 메인페이지를 인터렉티브한 UI로 강조했습니다. 또한 검색 노출을 높이기위해 검색 엔진 최적화(SEO) 작업을 통해 더 많은 사용자 유입을 유도하였고 반응형 디자인을 통해 다양한 디바이스에서 최적화된 사용자 경험을 제공하였습니다.
그 외에도 서비스 중단 없이 프로젝트를 진행하기 위해 WordPress로 임시 사이트를 만들어 배포했고 개발 완료 후에는 도메인 네임서버와 DNS 레코드 설정을 통해 기존 SEO 가치를 유지하면서 성공적으로 마이그레이션을 완료했습니다.
개발 인원
디자이너 1명, 프론트엔드 1명(me)
목표
1.
새로운 브랜드 아이덴티티 구현
: 광고회사의 아이덴티티를 잘 나타내는 웹사이트 디자인 및 기능 구현.
2.
사용자 경험 향상
: 반응형 웹사이트 개발로 다양한 디바이스에서 일관된 사용자 경험 제공.
3.
웹사이트 성능 최적화
: Next.js 14의 성능을 활용하여 웹사이트 로딩 속도 향상.
Response 광고회사 웹페이지 리뉴얼 프로젝트
Typescript
NextJS
WordPress
2024.04.25 - 2024.05.31
www.responseadvertising.ca
Figma Preview
[UI] Koodo 2024
전체 디자인 Preview
Koodo 랜딩페이지 UI/UX 디자인 프로젝트
Figma
Photoshop
2023.12 - 2024.01
km-newcomers-landingpage-2024.netlify.app
프로젝트 기획 및 소개
Vantech Event Finder 프로젝트는 밴쿠버에서 열리는 다양한 IT 이벤트를 쉽게 찾을 수 있도록 돕기 위해 기획되었습니다. 밴쿠버는 각종 취미 소모임과 다양한 네트워킹 이벤트가 매달 개최됩니다. 그에 맞게 Meet Up 어플이나 Eventbrite 등 모임을 찾을 수 있는 어플도 다양합니다. 그 중에도 IT 에 관련된 이벤트를 한 곳에 모아 쉽게 검색하고 관리할 수 있는 도구를 만들어 보자는 생각으로 프로젝트가 시작되었습니다
개발 인원
프론트엔드 4명
주요 특징
•
T3 스택 기반 반응형 웹사이트
•
Google Map API를 활용한 위치 기반 IT 이벤트 탐색
•
Meetup API 연동 및 날짜별 이벤트 필터링
•
Prisma ORM과 PostgreSQL을 활용한 데이터 관리
Vantech Event Finder - 로컬 IT 이벤트 탐색기
Typescript
NextJS
Prisma
2023.05.16 - 2023.08.30
vantecheventfinder.netlify.app
개발스택
•
프론트엔드: Javascript, React 18, React-query, Axios, Recoil, Styled-Components
•
백엔드: Java 11, Spring Boot, JPA, QueryDSL, MySQL, Redis, AWS, Docker, CI/CD
•
그 외: Kakao Maps API, Postman/Swagger (API 테스트 및 문서화), GitHub, Notion, Figma
프로젝트 소개
소소(souso)는 가사일에 지친 어머니와 은퇴 후 삶이 무료한 아버지 등 6070 부모님 세대를 위한 동네 친구 만들기 플랫폼입니다. 부모님 세대의 일상을 ‘소소’하지만 활력있게 만들어드리고 싶다는 취지로 기획을 시작했습니다. 웹 기반 프로젝트였지만 모바일 SNS 형식을 최대한 유지하여 사용자가 모바일 앱과 유사한 경험을 할 수 있도록 구현했습니다. 본 프로젝트는 Numble이라는 사이드 프로젝트 플랫폼에서 팀을 구성하여 웹 개발 챌린지 형식으로 약 2달간 진행하였고 최종 2위를 수상했습니다.
개발 인원
총 5명 (디자이너 1명, 프론트엔드 2명, 백엔드 2명)
소소(souso) - 중년 세대를 위한 커뮤니티 서비스
Javascript
React
MySQL
2022.10.21 - 2022.12.20
souso.netlify.app
프로젝트 기획
1.
팀 빌딩
디자이너, 프론트엔드, 백엔드 개발자들과 팀을 이루어 프로젝트 기획부터 배포까지 경험해볼 수 있는
[
숏폼 영상 서비스 디자인-개발 챌린지
]
에 참여하게 되면서 프로젝트를 시작하게 되었습니다.
2.
주제 선정
기존에 대중적으로 사용하는 ‘Youtube, ‘Tiktok’과 같은 영상 서비스가 있기 때문에 다양한 컨텐츠를 담는 서비스보다는
아이덴티티를 명확하게
정하자는 쪽으로 의견이 모아졌습니다.
다양한 주제 토론끝에 ‘
착용샷을 다각도로 보고싶을 때
’가 있다는 의견이 나와 중고거래라는 큰 틀을 정하고 그 중에서도
마니아층이 뚜렷
하고 한정판 거래, 리셀테크 등
중고거래 성향이 두드러진
‘스니커즈 중고거래’
로 범위를 좁혀 주제를 선정하게 되었습니다.
3. 기능 명세서 제작
디자인 설계와 개발 시작에 앞서 실제 사용자를 가정하고 서비스를 어떻게 이용할지, 무슨 기능이 필요한지에 대한 시나리오를 작성하였습니다.
Kicks - P2P 스니커즈 중고 거래 플랫폼
Typescript
React
Recoil
2022.04.18 - 2022.05.20
kicks-mobile.web.app