✨ 소개
-
React, TypeScript로 웹 서비스를 빠르고 견고하게 만듭니다.
-
성능 최적화와 재사용 가능한 컴포넌트 설계를 통해 유지보수하기 좋은 코드를 만듭니다.
-
웹 표준과 접근성을 고려한 개발을 하며, 새로운 기술 스택을 학습하고 프로젝트에 적용합니다.
-
코드 리뷰와 기술 공유를 통해 팀의 개발 생산성 향상에 기여하고, 함께 성장하는 문화를 만듭니다.
💻 기술 스택
⚙️ Frontend Development
- Frameworks: React, Next.js, Vue.js (Vue 2, Vue 3), Nuxt
- State Management: Redux, Zustand, Vuex, Pinia
- Form Management: React Hook Form
- Languages: TypeScript, JavaScript
⚙️ Styling
- CSS Frameworks: tailwindcss, SCSS
- UI Libraries: MUI, styled-components
⚙️ Version Control & Collaboration
- Tools: GitHub, GitLab, Jira, Confluence, Slack
🏢 (주) 두꺼비세상 (피터팬의 좋은방구하기)
사원 | 개발팀 | 23.10 ~ ing
- 부동산 임대 플랫폼 운영, 월 150만 방문·300만 회원 관리
- 지도 API를 활용해 매물 검색·문의용 지도 화면 개발
- 매물 등록·수정, 광고 전송 등 주요 기능 UI 구현 및 유지보수
- PC 환경 최적화와 모바일 웹 환경 개발
🖥 방구해요 신규 플랫폼 - 확장 가능한 마이크로 프론트엔드 아키텍처 구축
개발 환경 : Next.js, React, TypeScript, Zustand, TanStack Query Monorepo(FSD)
- 사용자-중개사 간 직접 소통 채널 구축으로 매물 탐색 경험 최적화
- 맞춤형 매물 추천으로 신규 개인회원 유입 및 매물 접근성 향상
- Module Federation 기반 마이크로 프론트엔드 설계: 독립적인 런타임 통합 아키텍처 구축
- Turborepo 기반 모노레포 환경 구성: FSD 패턴 적용 및 패키지 의존성 최적화
- 마이크로 앱별 독립 배포 구현: 서비스별 GitHub Actions 워크플로우 및 AWS 인프라 자동화
🖥 피터팬의 좋은방 구하기 사이트 운영 및 유지보수
개발 환경 : React, Vue.js
- 네이버 지도 API 연동: 건물 유형별 맞춤형 마커와 매물 마커 구현
- 중개사 지원: 중개사를 위한 커스텀 마커 기능 추가
- 신규 아파트 모바일 웹 개발: 사용자 접근성을 향상시켜 페이지 유입이 증가함
- 매물 전송 페이지 리뉴얼: 네이버 부동산·카페로 매물 자동 전송 시스템 개선
- 전송 성공률 98% 달성 및 실패 시 자동 환불 처리로 CS인입 감소화
- 회원 간 직거래 지원: 채팅 기능 개선 및 매물 신고·유저 차단 기능 도입
- 찜한방·문의한방·최근본방 페이지 구축: 관심 매물 관리 기능 제공으로 문의율 상승
🖥 피터팬의 좋은방 구하기 디자인 시스템 구축
개발 환경 : React, StoryBook, Tailwind CSS
- 아토믹 디자인 기반 컴포넌트 시스템 구축으로 재사용성 극대화
- 스토리북으로 UI 디자인의 일관성 유지
- 효율적인 개발 환경을 조성하여 디자인 및 기능 오류를 사전에 예방함
🖥 gtag 도입을 통한 마케팅 데이터 분석 지원
- 구글 태그(gtag)를 활용해 웹사이트 방문자 행동 데이터를 수집하고 마케팅 성과 분석에 기여
- 특정 페이지의 유입 경로 및 전환 데이터를 시각화하여 마케팅팀과 협업해 타겟 캠페인 최적화
- 데이터 분석 결과를 바탕으로 UI/UX를 개선해 사용자 전환율 향상에 기여
🏢 (주) 아이티스노우볼
사원 | E-biz 개발팀 | 21.09 - 23.09
- 솔루션 SI 업체에서 다양한 프로젝트를 담당하며 기획, 디자인, 설계 단계에 참여.
- 코드 리뷰 및 클린 코드 도입을 주도하여 팀 내 개발 문화 개선에 기여
🖥 팜스태프 농가 CMS 웹페이지 풀스택 제작
개발 환경 : vue, strapi, typescript, pinia
- 농가 회계 관리 및 영농일지 페이지 제작 / 엑셀 다운로드 및 인쇄 기능 구현
- 사용자 유형에 따른 맞춤형 메뉴 설계 및 접근 제어 구현
🖥 클래스 링크 메타버스 프로젝트 관리자 페이지 제작
개발 환경 : Nuxt.js, vuex, drag & drop 라이브러리 커스텀
- 메타버스 내 수업 도구를 관리하는 관리자 페이지 설계
- 트리 구조의 파일 탐색기 구현 및 NPC 기반 챗봇 도구 개발
🖥 팜스태프 홈페이지 및 농장관리 CMS 웹 페이지 제작
개발 환경 : vue3, strapi, vuex
- 소비자 대상 B2C 사이트 제작 / 상품 구매 기능 및 날씨 위젯 도입
- 동적 테이블 관리 기능 구현으로 유연한 백오피스 환경 조성
🖥 한국소방안전 문서관리 웹 페이지 제작
개발 환경 : React, Redux saga, MUI
- 소방 점검 업체를 위한 점검 웹 애플리케이션 개발
- 보고서 PDF 저장 및 서명 프로세스 간소화 / 주소 입력 시 건물 정보 자동 입력
- 모바일 환경에서 관공서 제출용 보고서를 쉽게 작성할 수 있는 UI 개발
🖥 애니쳇 신조어 탐험단 웹 페이지 제작
개발 환경 : React, Redux, i18n
- 다국어 번역 채팅에서 신조어 번역을 수집하는 웹 페이지 개발
- 사용자, 다국어, 조건 관리를 위한 관리자 페이지 구축
- 다국어 및 신조어 등록, 투표 기능 설계 및 구현
🖥 의류 원단 시뮬레이션 쇼핑몰 프로젝트 (MVP)
개발 환경 : vue2 graphql, apollo, strapi, vuex
- 고객 선택 원단의 의류 시각화 기능 구현 및 원단 관리 백오피스 구축
📝 자격증
- SQLD
- 정보처리 기사
- 웹디자인기능사
- GTQ 1급 (포토샵)