Frontend Engineer

miryang.dev@gmail.com

저는 열정적으로 일합니다.프로젝트 기획 단계부터 적극적으로 참여하여 아이디어 발굴 및 치열한 논의를 거쳐 도출해낸 최적의 결과물을 코드로 구현하는 몰입감과 성취감을 좋아합니다.유저를 생각합니다.이러한 열정을 바탕으로 사용자에게 편리하고 즐거운 경험을 제공하고, 서비스 사용 과정에서 긍정적인 영향을 주는 다양한 기능을 만드는 프론트엔드 개발자를 목표로 합니다.제품에 애착을 가집니다.사용자와 비즈니스에 실질적인 가치를 제공하는 제품을 만들기 위해 애착을 가지고 임합니다. 이를 위해 기술적 역량을 꾸준히 발전시키고 있습니다. 제품의 성공이 곧 개인의 성장으로 이어지는 선순환을 추구합니다.

Work Experience

그란데클립

Frontend Engineer | 24.10 ~

비공개
비공개 프로젝트

언컷젬스컴퍼니

Frontend Engineer Lead | 23.07 ~ 24.10

페이브릴
세컨핸즈 명품 주얼리 전문 거래 커머스 플랫폼입니다.
·초기 멤버이자 리드로서, 스택 선정부터 풀스택 개발, 배포, 서비스 출시 및 운영까지 주도하여 2.5만 MAU 달성
·리소스와 비용을 고려한 효율적인 스택 선정으로 개발 및 운영 효율성을 극대화하여, 월 운영 비용을 $150 이하로 유지
·카카오톡 로그인 지원을 위해 Supabase 오픈소스 프로젝트에 직접 기여하여 호환성을 개선, 이를 통해 신규 가입 유저 수 80% 증가
·OpenAI의 text-embedding-3-small 모델을 활용한 AI 기반 상품 추천 시스템을 구축하여 클릭률 5%에서 36.8%로 향상
·Streaming SSR 도입으로 페이지 진입 속도 1.5초 단축으로 사용자 이탈률 감소
·주문 결제 시스템 및 쿠폰 시스템 개발, 분할 결제 기능을 추가 개발하여 주문 건수 30% 증가(사용자 결제 옵션을 확대로 구매 전환율 향상)
·상품 등록 폼의 UX 개선을 위해 확보된 데이터를 기반으로 자동 입력 기능을 제안하고 개발하여, 상품 등록 수 50% 증가 및 사용자 문의 100% 감소
·React Hook Form과 Zod를 활용한 폼 개발을 통해 유효성 검사 강화 및 코드 복잡성 감소
·폼 컴포넌트에 대한 테스트를 작성하여 버그 발생률 감소
·Growthbook을 활용한 A/B 테스트 도입으로 데이터 기반 의사결정 강화, 제품 개선 효과를 검증할 수 있는 체계 마련
·Storybook과 shadcn-ui를 활용하여 디자인 시스템을 구축, 손쉽게 컴포넌트를 작성하고 표현할 수 있는 환경 조성
·WebView 앱 개발 및 운영, 스토어 심사 및 배포, 유니버셜링크 구현 및 CodePush 연동, 웹과 앱 기능(이미지뷰어, 권한 등) 연동
·거래, 매출, 상품 등록 등의 Slack Bot 알림 자동화로 운영 효율성 및 대응 속도 향상
·마케팅 부서와 협력하여 data attribute를 활용한 GTM 설정을 용이하게 지원, 이를 위한 작업 및 가이드를 제공하여 마케팅 팀의 데이터 트래킹 구현 도움

Next14, TypeScript, Supabase, ReactNative Webview, shadcn-ui, Zod, React Hook Form, Vitest, GTM, Zustand, Cloudflare Images, Cloudflare Workers, Tailwind, Git, Retool, StoryBook, App Center CodePush, Vercel, Google Analytics, Linear

그린랩스

Frontend Engineer | 22.02 ~ 23.07

팜모닝
농업에 종사하는 모든 사람들을 위한 커뮤니티 서비스입니다.
·영농 작업 상황 및 장부 입력을 쉽게 도와주는 서비스인 영농 일지 & 영농 장부 개발
·기존 코드를 모듈화하며, 홈개편 작업 시행
·농산물 및 농기계를 판매하는 직거래장터 개발
·웹뷰 사용 및 외부 SDK 연동을 위한 React Native 개발
·웹뷰 앱 빌드 및 스토어 배포, 가이드라인 작성
·웹뷰 앱을 ReactNative로 재작성, 네이티브 앱 개발

ReScript, Relay, React, Next.js, React Native, Tailwind, Git

Farmmy
팜모닝의 리뉴얼 및 글로벌 서비스입니다.
·앱 기능을 웹뷰에서 사용하기 위한 React Native 개발
·자연스러운 UX를 위한 웹뷰 네비게이션 개선 작업
·AppCenter를 사용한 테스터 관리 및 앱 배포
·Github Wiki를 사용해 앱 로컬 실행 환경 구축 가이드라인 작성 및 구조 플로우 차트 작성

ReScript, React Native, Next.js, AppCenter, Git

rescript-bindings
ReScript를 사용하기 위한 외부 라이브러리 바인딩 모음이며 오픈소스 프로젝트입니다.
·모노레포 구성
·Github Action을 사용한 npm 자동 배포

lerna, Github Action, ReScript

라온스토리

FullStack Engineer | 21.06 ~ 21.11

Hypercerts Home
하이퍼서트 공식홈페이지입니다.

React, Emotion, Typescript, TSX, CRA, Git, Redux

HCT POC
블록체인(하이퍼레저 INDY)을 이용한 신원 증명 프로젝트로 하이퍼레저 ARIES를 이용한 STEWERD API를 작성했습니다.
·하이퍼레저 ARIES 로 INDY 원장 연결 및 에이전트 작성
·앱을 위한 Mediator 작성
·Express.js 로 API 작성 및 Swagger 작성

Aries Framework, Node.js, Express.js, Typescript, Swagger

Qart.art
QR코드와 블록체인을 이용하여 운영되는 작품 거래 사이트입니다.
·기존에 이미 개발된 프론트엔드의 잦은 레이아웃 깨짐 현상 및 버그 수정하기 위해 리팩토링

Javascript, JSP, CSS, AJAX, Git

AiRISS

FullStack Engineer | 20.04 ~ 21.05

관세청 AIXAC Portal
AIXAC 시스템의 데이터베이스 및 그래프를 보여주고,서버의 성능을 모니터링하는 화면을 설계 및 개발했습니다.
·파일 다운로드 시 스트림을 이용하여 프로그레스바 구현
·실시간 서버 성능 관제용 화면 설계, 디자인 및 개발

Javascript, JSP, CSS, tui-chart, jQuery, AJAX, Git

화물 판독 및 AI 식별용 뷰어
인천특송물류센터, 인천항, 평택항에서 판독관들이 보는 AI 식별용 뷰 화면을 개발했습니다.
·웹소켓으로 실시간 데이터 전송 구현
·뷰어 화면 디자인 및 설계 및 개발
·AI가 식별한 물품의 바운딩 박스를 이미지에 그리기 구현

Go, echo, HTML, CSS, Javascript

개발용 시뮬레이터
폐쇄망에 설치되는 SW의 개발을 위해 해당 환경의 시스템 흐름과 유사하게 작동되도록 시뮬레이터를 개발하였습니다.
·작동시 값을 쉽게 설정할 수 있도록 웹으로 개발
·MSSQL 데이터 삽입, TCP 통신, 파일 생성의 흐름을 구현
·기존에 Node.js로 개발했으나 유지보수를 위해 Flask로 전환

Flask, Node.js, Javascript, Express.js, HTML, CSS, Python, MSSQL, Git

기존 AIXAC 시스템 재설계
기존 C#으로 개발된 SW의 잦은 문제 발생을 해결하기 위해 재설계를 제안했고, AI 엔진과의 호환성을 위해 언어를 파이썬으로 변경 후 진행했습니다.
·기존 시스템의 설계, 구조 및 데이터 흐름 파악
·재설계 초기의 개발 방향 제시 (이후 팀리더 영입)

,

IGLOO Corporation

Security Consulting Intern | 19.08 ~ 20.02

웹 취약점 이행 점검
·주요정보통신기반시설 취약점 점검 가이드 기반 웹 취약점 이행 점검

Burp Suite, Wireshark

나라장터 메일링
·나라장터 API를 이용해 특정 키워드의 공고를 목록화 후 1시간마다 메일로 전송

Node.js, Javascript

엑셀 보고서 자동화
·취약점 보안점검 실행 결과로 생성되는 txt 파일을 Excel에 자동으로 채워주는 매크로를 VBA를 사용해 작성
·수작업으로 작성하던 보고서 작성 시간을 단축

VBA, Excel

Other Experience

발표

· FECONF2024 - 프론트엔드 주도로 커머스 서비스 개발하기: 효율적 도구 활용· 2023펜지니어콘 - 솔플 프로젝트 두려워 마세요· System.out.Girls - 실수해도 괜찮아!· FECONF2022 - ReScript 같이 해요· 소주콘 Shot 1 : 진로 빨간 뚜껑 - 좋은 질문은 좋은 대답을 만든다. with relay

커뮤니티

· Women Who Code - Local Organizer of Seoul Chapter

자격증

· ISO 27001 Lead Auditor Course· 리눅스마스터 2급