Front-End Developer

문다예

저는 사용자를 우선으로 생각하는 개발자입니다. HCI Developer
특히, 웹 접근성과 HCI(인간-컴퓨터 상호작용)에 관심이 많습니다. 
사용자가 편리하게 이용할 수 있는 동작, 배치 등을 고려하여 프로젝트를 진행한 경험이 있습니다.
한 분야에만 파고들기보다 여러 가지를 할 수 있는 기획 개발자가 되고 싶습니다.

혁신적

창의적

협업 지향

비전 지향

문제 해결사

MADA 프로젝트에 참여하여 회원가입 로그인 기능과 해당 프로젝트의 마스코트 캐릭터에게 다양한 옷과 액세서리를 추가하는 꾸미기 기능, 일정 추가 기능 등을 구현하였습니다. 회원가입 기능의 경우는 React bootstrap을 활용하여 회원가입 단계별 프로그레스 바를 추가하였습니다. 사용자에게 현재 진행 중인 회원가입 단계를 시각적으로 표현함으로써 보다 직관적이고 효과적인 회원가입 경험을 제공하고자 하였습니다. 꾸미기 기능은 각각의 옷, 액세서리, 소품, 배경 색상 등의 svg 파일들을 data.js에 따로 분류한 후 저장하여 데이터 파일을 불러와 import하는 방식으로 구현했습니다. 해당되는 각 소품들은 탭으로 분류하여 이를 통해 사용자가 원하는 스타일로 마스코트 캐릭터를 손쉽고 자유롭게 꾸밀 수 있도록 기능을 개발했습니다. 이러한 기능들은 Redux를 활용하여 각 javaScript 파일의 데이터를 효과적으로 관리하였습니다.

UNIVERSITY MAKEUS CHALLENGE (UMC 4th)

문다예 개발자 깃허브 주소

문다예 개발자 상세 이력 노션 페이지

프로젝트 개요 본 프로젝트는 고객의 고민을 덜어주는 추천 시스템과 쇼핑몰 사이트 구축이라는 ‘더존비앤에프’ 기업의 요구사항을 바탕으로 진행했다. 더존비앤에프의 자회사인 더포터존의 B2B 이커머스 플랫폼에 AI 기반 개인 맞춤 추천 시스템을 도입하여 고객에게 ‘상황’을 제시함으로써, 고객 경험을 극대화하고 구매 전환율을 높이는 모델을 목표로 삼았다.<hr>프로젝트 내용 AI를 활용한 이커머스 추천 큐레이션 연구개발<hr> 주요 개발 내용1. 로그인/회원가입 시스템 구현<ul><li>로그인 상태 관리 및 세션 유지 기능 구현</li><li>회원가입 폼 유효성 검증 로직 구현</li></ul>2. 메인 페이지 UI/UX 개발<ul><li>카테고리 기반 상품 분류 시스템 구현</li><li>메인 배너 슬라이더 컴포넌트 구현</li></ul>3. 상품 추천 시스템 개발<ul><li>일반 추천과 탕비실 추천으로 구분된 맞춤형 상품 추천 기능 구현</li><li>슬라이드 형태의 상품 목록 표시 (4개씩 노출)</li><li>Django REST Framework 기반 추천 API 연동</li></ul>4. 상품 상세 페이지 개발<ul><li>상품 정보 레이아웃 설계 및 구현</li><li>배송 정보 및 결제 혜택 정보 표시</li></ul>

더포터마켓

프로젝트 개요본 프로젝트는 더포터마켓 프로젝트의 연말 버전으로, 연말 쇼핑을 위한 맞춤형 추천 모델이 탑재된 쇼핑몰을 구현하는 데 초점을 맞추고 있다. 기존 프로젝트의 성과를 기반으로 연말 상황 기반 추천 시스템을 개발하여, 고객에게 연말 시즌에 적합한 상품을 제안함으로써 구매 동기를 자극하고 고객 경험을 극대화하는 것을 목표로 한다.<hr>프로젝트 내용연말 쇼핑을 위한 맞춤형 추천 모델이 탑재된 쇼핑몰<hr>주요 개발 내용1, 2, 3, 4. 더포터마켓 개발과 동일5. 메인 페이지 연말 분위기 UI/UX 경험 극대화<ul><li>눈 내리는 애니메이션 효과 추가</li></ul>

홀리졸리마켓

프로젝트 개요EMOLE은 AI 기반의 감정 케어 플랫폼으로, 사용자의 감정을 섬세하게 이해하고 공감하는 디지털 테라피 서비스를 제공하는 데 초점을 맞추고 있다. 기존의 텍스트 기반 상담 서비스의 한계를 넘어, AI 감정 분석 기술을 활용하여 사용자의 감정 상태를 정확히 파악하고 맞춤형 케어를 제공함으로써 정서적 안정과 심리적 웰빙을 도모하는 것을 목표로 한다.<hr>프로젝트 내용AI 감정 분석 기술을 활용한 편지 기반 감정 관리 서비스<hr>주요 개발 내용<h5>로그인/회원가입 시스템 유효성 검증 구현</h5>1. 로그인 페이지 오류 처리<ul><li>이메일 유효성 검증<ul><li>이메일 형식 검증</li><li>필드 입력값 필수 체크</li></ul></li><li>비밀번호 유효성 검증<ul><li>비밀번호 조건 검증 (특수문자, 길이 등)</li><li>필드 입력값 필수 체크</li></ul></li><li>비밀번호 표시/숨김 토글 기능 구현</li></ul>2. 회원가입 페이지 오류 처리<ul><li>모든 필수 입력 필드 유효성 검증</li><li>필수 약관 동의 체크 검증</li><li>입력값 검증 통과 시에만 가입 버튼 활성화</li><li>각 필드별 실시간 오류 메시지 표시</li></ul>

EMORE

<ul><li>MSA 구조 전환 및 API Gateway 구축 개발 참여<ul><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.notion.so/Config-Server-Git-Push-Notification-System-13c1f93ac45380d6915deaaa42b6dfbb?pvs=21">Config Server Git Push Notification System</a> 개발</li></ul></li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/Nexfron-Demo-SPS">Config Server와 Eureka 연동 API Gateway 데모 개발</a><ul><li>Spring Cloud Config Server와 Eureka Server 구축</li><li>API Gateway를 통한 서비스 라우팅 구현</li></ul></li><li>JavaScript ES5 기반 ucare 패키지 구조 분석 및 CRUD 구현<ul><li>ucare 패키지 구조 분석 문서 작성</li></ul></li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.notion.so/Shallow-dive-v3-b99e207d82d74a84a6071c3b579242ea?pvs=21">모던 리액트 Shallow dive v3</a> 문서 작성</li></ul>