미리보기

고객의 비즈니스에 맞춰 설계된 기획과 디자인에 따라 프론트, 마크업 담당 및 고객서비스 운영 및 리뉴얼 참여

• 유지보수와 확장성 고려

  • 환경세팅부터 프로젝트 아키텍처를 구성하여 프로젝트 시작 시간 비용 감소

  • SCSS 를 이용하여 재사용 가능한 클래스 및 컴포넌트 생성, 구조적 UI 설계하여 작업 시간 단축 및 재사용성 증가

  • git README를 통해 공통 alert 컴포넌트의 props 데이터 구조, 폴더 구조, 프로젝트 명명 규칙에 대해 작성 및 프로젝트 파악과 협업 가이드로 사용

• 사용자 경험 개선

  • jwt 토큰과 인터셉터를 개발하여 사용자 인증 및 데이터 예외처리를 통해 끊기지 않는 사용자 경험 제공

  • Web View를 통해 웹 서비스를 노출하고 네이티브 앱 기능을 연동하여 웹, 앱을 사용하는 모든 사용자에게 일관성 있는 경험 제공

• 기능 구현

  • 이니시스, 토스페이먼츠, 페이팔을 이용하여 결제 연동하고 백엔드 개발자와 결제 처리 상태 값과 코드에 대해 논의 후 예외처리

  • 주로 드림시큐리티 본인인증을 이용하여 개발, 본인인증과 SNS로그인을 공통 로직화하여 관리 및 유지보수 용이성 증가

어린이 동화책을 기반으로 어린이 심리검사 및 어린이 심리상담 기능을 제공하는 서비스

FE : 2명 , BE: 2명

Skill : React, zustand, styled-components

[주요 내용]

• styled-components와 zustand를 활용하여 중복코드를 제거하고 공통 컴포넌트로 재구성

• custom-hook 을 사용하여 리스트 페이지 API 요청과 무한스크롤 로직을 공통화 로딩 속도 개선

• Vue에서 사용했던 동일한 방식으로 axios interceptor 를 통해 토큰 갱신 및 API 요청/응답과 예외처리를 공통화

촬영장비 대여/판매 쇼핑몰 - 1차 개발 완료/ 2차 추가 개발 진행 예정 , 2차 개발 이후 서비스 예정

FE : 1명 , BE: 2명

Skill : Vue, pinia, scss

[주요 내용]

• 생산성 향상을 위해 '다이빙 버디'  프로젝트 구조 및 공통 컴포넌트를 기반으로 고도화, 개발속도 개선 및 유지보수성 강화

• Web View를 통해 웹서비스를 구축하기 위해 네이티브 앱 기능 연동을 통해 많은 사용자 경험 제공

• 10월 개발 완료 이후 고객사의 높은 만족도로, 고도화된 대여및 쇼핑몰 구축을 위해 기획단계에 있으며 2차 개발 이후 서비스 오픈을 목표로 진행중

다이버 모임, 채팅, 피드 기능을 제공하는 커뮤니티 앱

FE : 1명 , BE: 1명

구글 앱스토어 , 애플 앱스토어

Skill : Vue, pinia, scss

[주요 내용]

• 이전 프로젝트에서 보이던 아키텍처 및 공통화 문제를 해결하기 위해 번들러 설정부터 프로젝트 구조 개선 및 구축

• 사용자 정보 동기화를 위해 다이빙버디 회원가입시 센드버드 사용자 계정 동시 생성하여 일관된 데이터 처리

온라인 새상품/중고/리퍼 쇼핑몰

FE : 3명 , BE: 3명

Skill : vue3, vuex, scss

[주요 내용]

• 프론트엔드 개발자들과 함께 컴포넌트, 스타일가이드 구성 논의하여 일관된 UI와 재사용성 증가

• calculator API통해 사용자가 선택한 옵션 및 수량에 따른 금액 실시간 반영

• 공통화된 정규식으로 아이디, 비밀번호 찾기 입력 폼 검증, 간단한 점유인증을 통해 사용자 부담을 줄이고 3분 타이머 인증 개발하여 명확한 처리