안녕하세요, 6년차 프론트엔드 개발자 최나실입니다.
1.
신규 웹 서비스를 초기부터 개발하고 출시하는 업무를 주로 담당했습니다.
작은 팀에서 작업하면서 하나의 서비스에 대한 완전한 오너십을 가지고 진행했습니다.
사용자의 관점에서 새로운 기능을 제안하고, 사용자들과 직접 소통하며 서비스의 성장을 이끌었습니다.
커머스와 에디터 도메인에 대한 깊은 이해를 바탕으로 사용자들에게 가치 있는 경험을 제공하기 위해 노력했습니다.
2.
팀의 개발 생산성을 높이기 위해 비효율을 개선하는 데에 관심이 많습니다.
프론트엔드 개발자들이 공통 모듈과 디자인 시스템을 공유할 수 있도록 레포지토리를 통합하고, 보일러플레이트를 생성하는 스크립트를 작성하여 모노레포에 앱을 추가할 때마다 발생하는 중복 작업을 최소화했습니다.
또한, code generator를 도입하여 백엔드와 타입 정의를 각각 하는 공수를 줄였고, 디자이너가 개발자 없이도 테마 템플릿을 추가할 수 있는 백오피스 환경을 제공하여 업무 효율을 향상시켰습니다.
3.
팀의 문화와 업무 프로세스를 정립한 경험이 있습니다.
프론트엔드 개발자 채용 프로세스를 만들고 좋은 동료를 영입하기 위해 노력했습니다.
신규 팀이 조직되었을 때 스프린트 플래닝 방식, QA 프로세스, 슬랙에서의 커뮤니케이션 방식 등을 제안하여 팀의 업무 생산성을 향상시켰습니다.
유사 서비스에 대한 스터디를 통해 팀원들의 제품에 대한 이해도를 향상시키고, 함께 일하는 동료들과의 소통과 협업을 중시하여 좋은 문화와 프로세스를 만들어가고자 힘썼습니다.
Career
식스샵
(재직 중) 2020.10~
온라인 창업을 준비하는 초보 판매자들이 보다 손쉽게 온라인 비즈니스를 시작하고 성장해 나갈 수 있는 올인원 쇼핑몰 플랫폼 서비스 제공
•
신규 테마 개발 및 기능 개선 / 2023.11~
다양한 쇼핑몰 디자인 템플릿과 세부적인 커스터마이징 기능 추가
Nx Next.js CSS Modules
◦
웹사이트와 테마 로직 분리: SSR과 라우팅은 웹사이트 앱에서 처리하고, 디자인은 각 테마별 라이브러리에서 관리
◦
테마 생성 스크립트 작성: 기본 보일러플레이트가 포함된 코드베이스 자동 생성으로 작업 시간을 1시간에서 30초로 단축
◦
신규 테마 개발을 위한 가이드 및 컨벤션 문서 작성
◦
접근성과 개발 생산성을 고려한 테마별 디자인시스템 개발
◦
스타일 적용 방식 개선: styled-components를 CSS Module로 전환 및 global CSS 컴파일 스크립트 추가
◦
테마 내 섹션 기능 추가: 다양한 헤더 레이아웃 등
•
‘셀러허브 스토어’ 마이크로 프론트엔드 설계 및 구축 / 2023.08
MSA 구조에 맞춰 프론트엔드 앱 분리
Webpack
◦
프론트엔드 앱 간 의존성 및 프로젝트 구조 정의
◦
신규 앱 생성 스크립트 작성: 기본 보일러플레이트와 Module Federation 설정이 포함된 코드베이스 자동 생성으로 작업 시간을 1시간에서 10초로 단축
•
프론트엔드 직군 매니징 및 프론트엔드 공통 업무 / 2023.01~2023.12
직군 단위 표준 수립 및 개발 프로세스 최적화
◦
프로젝트 주요 스택 선정 및 코드 컨벤션과 코드리뷰 가이드 작성
◦
안정적인 배포를 위한 GitHub Actions 설정 및 빌드 속도 개선
◦
배포 관련 협업 (정적 배포, 모노레포 처리) 및 Jenkins Pipeline 개선
◦
환경 변수 관리 방식으로 AWS Parameter Store 적용
•
‘셀러허브 스토어’ 프론트엔드 모노레포 구축 / 2023.01~2023.02
Nx 기반의 모노레포 개발 환경 구성
Nx
◦
팀 별로 분리된 프론트엔드 레포지토리 통합하여 디자인시스템 등 공통 모듈 공유
◦
라이브러리 간 위계 및 의존성 방향 정리
•
‘셀러허브 스토어’ 웹사이트 커머스 기능 개발 / 2022.11~2023.10
쇼핑몰의 주요 커머스 기능 개발
Next.js React Query
◦
인증 로직 구현
◦
소유 채널 취소, 반품 프로세스 구현
◦
네이버 웹마스터, 구글 서치 콘솔 연동
◦
쿠폰 결제 및 쿠폰 자동 지급 기능 구현 등
•
Nx Next.js Apollo Client React Query Jotai styled-components MSW
◦
기술 스택 선정 및 새로운 스택(Nx, GraphQL, Urql, Apollo Client) 학습을 위해 스터디 진행
◦
Framer, Shopify 등 타 제품 리서치
◦
테마 시스템 관련 데이터 모델링
◦
디자이너가 테마 템플릿을 직접 배포할 수 있도록 시스템 설계 및 작업
◦
복수 테마 제공을 위한 구조 설계
•
스토어프론트팀 개발 프로세스 정립 및 매니징 / 2022.03~2023.07
팀의 효율성과 생산성을 높이기 위해 다양한 프로세스 구축
◦
개발 프로세스 정립: 스프린트 플래닝, 코드리뷰, QA 프로세스 등
◦
프론트엔드 개발자 채용 및 온보딩 진행: JD 작성, 채용 과제 준비, 과제 채점 및 면접 참여, 온보딩 과제 준비
◦
Storybook, React Testing Library, MSW 도입
◦
관련 제품 (Shopify) 스터디를 진행하여 팀원들의 제품에 대한 이해도 향상
◦
팀 분기, 반기별 목표 설정 및 프로젝트 킥오프 참여
•
링크 결제 서비스 ‘셀러리’ 개발 / 2021.08~2022.03
모바일에서 상점을 개설하고 상품을 등록하면 링크가 생성되는 서비스 (현재 서비스 종료)
React React Query Zustand styled-components
◦
커머스 기능 개발: 배송비 설정, 구매수량 설정, 이미지 최적화, 토스페이먼츠 연동 및 결제 등
◦
Redux Saga를 React Query로 변경
◦
Yarn Workspace 기반의 모노레포로 전환
◦
•
모바일 웹 빌더 '샵꾸' 개발 / 2020.11~2021.08
모바일에서 쉽게 사이트를 꾸밀 수 있는 에디터 서비스로, 기본 템플릿을 제공하며 블록 단위로 칼라, 폰트 등의 커스터마이징 지원 (현재 서비스 종료)
React Redux Redux Toolkit Redux Saga styled-components
◦
프로젝트 컨벤션 정리 및 프로젝트 세팅
◦
재사용과 확장성을 고려한 공통 컴포넌트 작업
◦
에디터 기능 개발: 블록 관리, 스타일 편집, 미리보기, 발행하기 등
◦
2차례의 UT(Usability Test)를 통해 사용성에 대한 피드백 수렴: 공통 템플릿 수정, 미리보기 방식 변경
퍼플네스트
2019.05~2020.10
반려동물 전문 커머스인 '퍼플스토어' 제공
•
리액트 기반 프로젝트 세팅 및 프론트엔드 리팩토링 / 2020.06~2020.10
Django 템플릿으로 작업되어있던 프론트엔드 리팩토링 및 리액트 기반 프로젝트 세팅
React Express Webpack Redux Redux Saga styled-components
◦
Webpack, Express를 사용하여 SSR 세팅
◦
Redux, Redux Saga를 이용한 상태 관리 시스템 구축
•
반려동물 커머스 '퍼플스토어' 백엔드 및 프론트엔드 개발 / 2019.05~2020.05
기존 PHP 기반의 스토어를 Django 베이스로 리뉴얼하고 오픈하는 전 과정 참여 (현재 서비스 종료)
Django Javascript SCSS
◦
ORM을 활용한 데이터베이스 모델링 및 API 구현
◦
마크업 및 자바스크립트 로직 구현 (Django 템플릿, SCSS)
◦
커머스 기능 개발: 인증, 아임포트 결제, 카카오페이, 소셜로그인 연동 등
◦
단위 테스트 작성 (테스트 커버리지 75%)
◦
모니터링 편의성을 위해 네이버 검색결과 크롤링 후 사내 알람 시스템에 연동
◦
마케팅 효율화 및 모니터링을 위한 GTM, GA 작업
Skills
Next.js React TypeScript Nx Webpack Jotai Redux Redux Saga React Query Node.js Express JavaScript HTML CSS Scss styled-components
Activities
•
◦
부트캠프 5기 멘토 (코드리뷰 및 온라인 멘토링)
•