미리보기
기본 정보
“해결할 수 없는 것이 아닌 방법을 모르는 것이라는 마음가짐으로, 주어진 환경 내에서 문제를 해결합니다.” 비즈니스 리소스의 귀중한 가치를 이해하고 무엇보다 존중합니다. 일정의 설계에서 코드 작성까지, 단 1byte의 리소스도 낭비하지 않습니다. 유저에게 전달할 가치를 우선하여, 서비스 프로덕트의 경험과 완성도 사이의 균형을 고민합니다.
기술 스택
경력
아티투
프론트엔드 엔지니어 • 개발팀
누적 문의 수 4만 건 이상의 타투이스트 전용 Link in Bio 서비스 '아티투'와
타투 도안, 타투 후기, 관리법과 같은 다양한 타투 정보를 제공하는 서비스 '아티투 플랫폼' 의 FE 웹/앱 신규 기능 개발 및 기존 코드베이스 개선
(9개월 | 정규직)
주식회사 쏘쏘마켓
프론트엔드 엔지니어 • 개발팀
유저 위치 기반 지역 사회 커뮤니티 서비스 '이웃스토리' 운영 및 유료 구독 서비스 '비즈니스 프로필' FE 웹/앱 신규 기능 개발 및 기존 코드베이스 개선
(4개월 | 정규직)
프로젝트
아티투
유저 리텐션 향상을 위한 신규 기능 개발
- 기존의 Product Analytics Data 및 Event 관련 기능 확장 및 서드파티 연동
- 인적 자원 절약 및 비개발 직군의 접근성 향상을 위한 이벤트 컨텐츠 페이지 동적 생성 시스템 제안 및 구현
- 리뷰 데이터를 기반으로 동적 이미지 레이아웃을 구성하고, 인스타그램 스토리 공유 및 디바이스 다운로드를 지원하는 크로스 플랫폼 기능 제안 및 구현
아티투
Link In Bio 유료화 전환 및 플랫폼 리뉴얼
- FE 결제 플로우 개발
- 유료화 및 광고 관련 신규 기능 개발
- Review Schema, IndexNow 등 추가 SEO Data를 처리할 수 있도록 기존 공용화된 SEO 관련 컴포넌트 확장
- 유저 접근성 향상을 위한 플랫폼 URL 구조 재설계
- 유지보수성 향상을 위해 페이지 폴더 구조 개선
- 기존 CSR방식의 페이지 SSR 방식으로 전환하며 Tanstack Query의 hydration 도입, Data Fetching 효율 개선
아티투
플랫폼 SEO 강화 및 플랫폼 1차 기능 추가
- 아티투 플랫폼 노출 증가를 위한 SSR 기반 양산형 페이지 개발, 3개월 간 G사 N사 기준 30만건 이상 노출
- DX 향상을 위하여 분리되어있던 SEO Meta Data와 OG Data 관련 처리 컴포넌트를 공용 컴포넌트화
- 유저 상호 작용 관련 로직 개선을 위하여 Tanstack Query의 Optimistic Update 도입
아티투
Link In Bio Design Custom 기능 개발
- 완성도를 높이기 위한 소셜미디어 버튼, Design Preview 등의 아이디어를 제안하여 채택 후 도입
- 향후 도입 가능성이 있는 기능까지 고려하여 컴포넌트를 선제적 설계하고, 컴포넌트 구조 확장
- 예상 일정 대비 20% 앞당겨 개발 완료, 테스트 및 QA 마무리 후 안정적으로 배포
아티투
OnBoarding Task
- Canvas API 활용하여 모바일 고객 서명 동의 기능 개발
- 브랜드 이미지 개선을 위한 arti.to 랜딩 페이지 리뉴얼 과정
· 기획 단계에 없던 UX 개선 요소(전환 애니메이션, 네비게이션 흐름 설계 등) 주도 도입
· 한 파일에 통합된 기존 코드 구조를 컴포넌트 단위로 재구성, 공용 컴포넌트화 및 레이아웃 시스템 설계 주도
아티투
기타 레거시 코드 개선 사항
- Component Props Depth 감소와 지역 상태 관리 위하여 Context 기반 Provider 패턴 도입
- Data와 View를 분리하고, 컴포넌트 책임 분리하여 의존성 낮추는 리팩터링 진행
- Data Fetching API Flow 개선하여 호출 횟수와 렌더링 최적화
- 웹과 앱 환경 별 개선
· 로그인 로직 분리 및 개발하여 UX 개선
· 이미지 다운로드 로직 분리 및 개발, 다운로드한 이미지 파일 접근성 개선
- Sharp 라이브러리 활용하여 이미지 리사이즈 처리 로직 개선, 이미지 파일 평균 크기 4mb -> 15kb로 감소
- 싱글 웹뷰 환경에서 JS 코드 주입 및 네이티브 이벤트 연동하여 안드로이드 환경의 BackButton UX 개선
- 이외 유저 피드백을 통한 기능 개선 및 서비스 내부 FE 기술 부채 분석 및 해결
이노베이션 아카데미
42서울
42서울은 과학기술정보통신부가 설립한 이노베이션 아카데미에서 운영하는 소프트웨어 교육 과정입니다.
선발 과정을 거쳐 2022년 2월부터 2023년 11월까지 본과정 6기 교육을 이수하였습니다.
WebServ
HTTP/1.1 스펙에 상응하는 웹서버를 구현하였습니다.
nginx의 일부 구조와 기능을 포함하고 있습니다.
[기술 스택]
CPP, K-QUEUE
[담당 역할]
- Http Response 관련 클래스 및 메서드 개발
- python과 쉘 스크립트로 구성된 CGI 구현
Minishell
Bash 쉘의 일부 기능을 포함한 CLI를 구현하였습니다.
[기술 스택]
- lang: C
- lib: c lib, GNU readline
[담당 역할]
- command line 입력에 대한 Tokenizer, Lexer, Parser 구현