Frontend Engineer

miryang.dev@gmail.com

개발자로 스타트업에서 프론트엔드 개발을 하고 있습니다. 저는 어디서나 뛰어난 사람보다는 어디서든 잘 녹아드는 사람이라고 생각합니다.프로젝트 기획 단계부터 적극적으로 참여하여 아이디어 발굴 및 치열한 논의를 거쳐 도출해낸 최적의 결과물을 코드로 구현하는 몰입감과 성취감을 좋아합니다.이러한 열정을 바탕으로 사용자에게 편리하고 즐거운 경험을 제공하고, 서비스 사용 과정에서 긍정적인 영향을 주는 다양한 기능을 만드는 프론트엔드 개발자가 되고 싶습니다.의견 충돌을 피하기보다, 의견을 나누고 토론하는 것을 통해 좋은 결과물을 만들어내는 환경을 선호하며, 사용자의 입장에서 생각하며 제품에 애착을 가지고 기여할 수 있는 환경에서 일하고 싶습니다.천안에 거주 중이며 주 3일 이상 재택근무가 가능한 회사를 찾고 있습니다. 커피챗은 언제든지 환영합니다. 메일로 연락 부탁드립니다.

👩🏻‍💻 Experience

언컷젬스컴퍼니

Frontend Engineer | 23.07 ~

페이브릴
세컨핸즈 명품 주얼리 전문 거래 커머스 플랫폼입니다.
·초기 멤버로 서비스 출시 및 운영:스택 선정부터 전반적인 서비스 풀스택 개발 및 배포
·전반적인 개발 리드:이미 잘 운영되거나 잘 만들어져있는 것을 잘 사용하는 것을 지향하도록 노력
·리소스 및 비용을 고려한 스택 선정:개발 및 운영 효율성 극대화
·AI 추천 시스템 구축:OpenAI text-embedding-3-small 활용 상품 추천 개발로 서비스 임팩트 증가
·페이지 진입 속도 개선:Streaming SSR 도입으로 페이지 로딩 1.5초 단축
·상품 등록 UX 개선:확보한 데이터를 활용한 자동 입력 기능 제안 및 개발, 상품 등록 및 입력 시간 단축
·AB 테스트 도입 및 운영:Growthbook 활용 AB 테스트 도입으로 데이터 기반 의사결정 강화
·멀티페이지 폼 개발:React Hook Form와 Zod를 활용하여 개발 및 검증 효율성 향상
·디자인 시스템 구축(진행 중):Storybook, shadcn-ui 활용 공통 컴포넌트 정의 및 개발, 런타임을 확인하지 않고도 쉽게 작성하고 표현할 수 있게 한다는 목표로 진행 중
·WebView 앱 개발 및 운영:스토어 심사 및 배포, 딥링크, 유니버셜링크, 앱링크 구현 및 CodePush 연동, 웹과 앱 기능(이미지뷰어, 권한 등) 연동
·주문 결제 시스템 개발:토스페이먼츠 사용, 쿠폰 적용 및 단일 결제 및 분할 결제 개발
·Slack Bot 알림 자동화:거래, 매출, 상품 등록 등의 Slack Bot 알림 자동화로 운영 효율성 향상

Next14, TypeScript, Supabase, ReactNative Webview, shadcn-ui, Zod, React Hook Form, 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

외주

Project Manager & Frontend Engineer | 21.09 ~ 21.12

인강 코어
16가지의 학생 유형과 8가지의 강사 유형을 분석 및 매칭해주는 플랫폼으로 커뮤니티와 인강관리 서비스가 포함되어있습니다.
·매주 회의에 참가하며, 전체적인 프로젝트 매니징
·Styled Component를 사용해 컴포넌트 재사용
·모바일, 테블릿까지 대응한 반응형
·모바일 앱 웹뷰와 통신

React, Emotion, Redux, Typescript, TSX, Git, Github, CSS, AWS, ESLint, Prettier

플러스알파고
코인 자동매매 프로그램 홍보 페이지입니다.
·모바일, 테블릿까지 대응한 반응형
·Styled Component를 사용헤 컴포넌트 재사용

React, Emotion, Typescript, TSX, Git, Github, CSS, Redux, ESLint, Prettier

라온스토리

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

QIS
역학조사에 기반한 자동화된 방역 시스템입니다. 총 4개의 서버리스 리액트를 개발했습니다.
·CSS 작성 시 BEM 방식을 차용하여 사용
·i18n 으로 국제화 작업

React, Typescript, TSX, Git, Github, CSS

Qart.art
QR코드와 블록체인을 이용하여 운영되는 작품 거래 사이트로 프론트엔드를 리팩토링했습니다.기존에 이미 개발된 프론트엔드의 잦은 레이아웃 깨짐 현상 및 버그 수정하기 위해 진행되었습니다.
·기존 프론트엔드 코드 분석 및 파악
·기존 1000줄이 넘는 파일들을 분리하며 개발

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 SECURITY

Consulting Intern | 19.08 ~ 20.02

나라장터 메일링
나라장터 API를 이용해 특정 키워드의 공고를 목록화 후 1시간마다 메일로 전송하는 서비스를 개발했습니다.
·나라장터 API 사용

Node.js, Javascript

엑셀 보고서 자동화
점검도구를 실행 결과로 생성되는 txt 파일을 취약점 보안점검 결과보고서 (MS Excel)에 자동으로 채워주는 매크로를 작성했습니다.
·VBA를 사용한 매크로 작성

VBA, Excel

웹 취약점 이행 점검
주요정보통신기반시설 취약점 점검 가이드를 참고해 웹 취약점 이행 점검을 도왔습니다.
·점검 대상 웹의 .js 파일을 읽어 흐름 파악

Burp Suite, HTML

💻 Other Experience

발표

· 2023펜지니어콘 - 솔플 프로젝트 두려워 마세요· System.out.Girls - 실수해도 괜찮아!· FECONF2022 - ReScript 같이 해요· 소주콘 Shot 1 : 진로 빨간 뚜껑 - 좋은 질문은 좋은 대답을 만든다. with relay

자격증

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