연락처

📨 dbsdndwo12@gmail.com

github

https://github.com/ywj3493

Notion 블로그

https://www.metistech.me/

소개

React, Typescript 프론트엔드 개발 | 인사 ERP, AI 플랫폼 개발 | 현실적인 낙관

• ERP 인사 도메인을 웹 서비스로 제공하며 기획, 백엔드, 프론트엔드까지 웹 개발 전반을 직접 수행해본 경험으로 협업 소통이 원활합니다.

• ERP 인사 도메인의 프론트엔드 개발자로 일 하며 복잡한 도메인 요구사항을 UI로 구현하는 역량을 쌓았습니다.

• 금융회사에서 사내 AI 에이전트 플랫폼 리팩터링에 참여해 https 설정, OAuth 적용, 리버스 프록시 등 인프라 설정, 담당 특정 에이전트를 리팩터링 및 기능 개발 하고, 리뉴얼 오픈하여 안정적 운영에 기여했습니다.

 

개발은 혼자서 하는 것 보다, 함께 하는 것이 더 좋은 결과물을 낼 수 있다고 생각합니다. 이를 위해서 좋은 정보를 공유하고, 개선안을 제시하고, 함께 학습하는 것을 좋아합니다. 기술적인 문제를 해결할 때 단순한 임시방편보다 구조적 개선을 지향하며, 팀 내에서 이를 공유하는 것에도 적극적입니다.

 

프론트엔드

코어: React Typescript Next.js

상태관리: TanStack Query(React-query) React-hook-form zustand Mobx

스타일: Tailwind CSS styled-component

테스트: MSW Jest

백엔드

서버: Spring-boot

DB: Tibero Oracle

운영

Docker Gitlab AWS:lightsails

경력사항

한국평가데이터

• 전문연구원 (2025.09.15 ~ )

• 풀스택 개발, 개발 환경 구성 및 배포, 레거시 유지 보수

• 사내 AI 포탈 리팩터링 및 신규 개발, 내부망 에이전트 개발 및 배포

티맥스 비아이

• 연구원 (2020.05.01 ~ 2024.11.06)

• 프론트엔드 개발, 프론트엔드 파트장

• 인사 ERP 개발 및 배포, 인사 관련 프론트엔드 라이브러리 개발 및 배포

티맥스 데이터

• 연구원 (2019.08.01 ~ 2020.04.30)

• 기획 및 풀스택 개발

• 인사 ERP 개발 및 배포, 벤치마킹, IA, 스토리보드 작성 등 기획 업무

회사 경험

사내 AI 플랫폼 리팩터링 및 정식 오픈

• 2025/09/15 ~ 2026/02/01

• 개발 환경
react react-router fast api express docker kubernetes gitlab postgresql redis nginx

• 개요: 사내 LLM 모델 & GPT 이용 에이전트 서비스를 한데 모아 사용할 수 있도록 하는 내부망 포탈 서비스

• 역할: 개발 PO, 풀스택 개발

• 성과: 사내 DAU/WAU 12배 증가 (10->120), 주간 사용 토큰량 2200만으로 안정적인 사용률을 보여줌

• 기여: 기존 포탈 & 에이전트 리팩터링 및 재설계 / 포탈 프론트엔드 재개발 / 인프라 설계 및 구성 / 배포 이미지 리팩터링 및 쿠버네티스 환경 설정 기여(L7)

사내 AI 플랫폼 AI 금융 보안 실사 대응

• 2025/09/15 ~ 2026/01/20

• 개발 환경
react react-router fast api express docker kubernetes gitlab postgresql redis nginx

• 개요: 사내 AI 플랫폼에 AOAI(AzureOpenAI, GPT) 도입을 위한 생성형 AI 연계이용 보안 대책 평가 실사 대응

• 역할: 개발 PO, 풀스택 개발

• 성과: 금융보호원 생성형 AI 연계이용 보안 대책 평가 인증 실사 1회로 통과

• 기여: https 적용 등 보안 설정 / OAuth 서버 연동 / 세션 서버 설계 및 개발 / 시스템 프롬프트 관리, LLM 가드레일 도입

사내 ERP 대체 프로젝트

• 2024/09/10 ~ 2024/11/06

• 개발 환경
react react-router react-hook-form styled-components MSW

• 개요: 사내 ERP 리뉴얼을 위한 사내 ERP 대체 프로젝트

• 역할: 프론트엔드 파트장

• 성과: 프론트엔드 개발 속도 기존 프로젝트 대비 30% 향상 (Gitlab 이슈 수 기준)

• 기여: 프론트엔드 업무 분배 / 기존 라이브러리 기능 이전 및 개선 / 공통 컴포넌트 디자인 라이브러리 개발 / MSW 도입 및 사용법 공유

• 배운 점: MSW 를 통한 테스트 환경 구성

보험 플랫폼 서비스 내 인사 모듈 개발

• 2023/11/27 ~ 2024/03/20

• 개발 환경
React react-hook-form Mobx Tanstack-query typescript Gitlab MSW

• 개요: 인사 ERP 베타 버전에서 보험 플랫폼 서비스 버전으로 분기해 개발

• 역할: 프론트엔드 파트장

• 기여: 프론트엔드 업무 분배, 일정 관리 / 조직 관리 페이지 개발 / Tanstack-query 사용방법 공유

• 성과: 배달 공제회 프론트엔드 인사 앱 배포 / VoC 및 QA 이슈 200건 이상 대응, 이슈 해결률 90% 이상

• 배운 점: 업무 분배 및 일정 관리에 대한 방식 학습 및 적용 / 타 팀과 협업

서울시 교육청 조직도 프론트엔드 앱 개발

• 2023/10/16 ~ 2023/12/20

• 개발 환경
React react-hook-form Mobx Tanstack-query typescript Gitlab

• 개요: 서울시 교육청 내부 전산 시스템 기능 중 인사, 조직 관리 부분 프론트엔드 앱 개발, 타 계열사 프로젝트 기여

• 역할: 프론트엔드 개발 & 프론트엔드 파트장

• 기여: 프론트엔드 업무 분배, 일정 관리 / QA 이슈 관리 / 게스트 관리 및 검색, 필터링 기능 개발

• 성과: 약 8만명의 교직원이 사용하는 서울시 교육청 협업툴 서비스에 조직도 서비스 배포 및 안정적 운영

• 배운 점: 타 사 코드와 비교를 통한 기술 스택 숙련 / 타 프로젝트에 기여하는 방식 경험 및 소통

인사 ERP 컴포넌트 라이브러리 개발

• 2023/06/01 ~ 2024/09/10

• 개발 환경
React typescript styled-component Docker storybook Jest

• 개요: 1인 개발, 자사의 프론트엔드 컴포넌트, 백엔드 API 호출 인터페이스 등을 타사에 제공을 위해 라이브러리 형태로 배포

• 역할: 프론트엔드 개발

• 기여: 프로젝트 구성 / 사용자 가이드 작성 / 사내 사설 npm 서버 배포 및 관리 / 프로젝트 리팩터링 및 라이브러리 화 / 타 계열사 라이브러리 API 연동 및 API 제공 / 테스트 구성

• 성과: 계열사에게 제공할 라이브러리 서버 운영 및 3개 계열사에 서비스 제공 / 리팩터링 후 월간 VoC 30% 이상 꾸준히 감소 / 월간 이슈 발생 빈도 절반 감소

• 배운 점: 라이브러리 배포 관점 이해 / Docker 사용 숙련 및 개념 숙지 / 복잡한 훅을 flux 패턴으로 풀어나가는 방법 학습 및 적용 / 테스트 코드 작성 숙련

인사 ERP 베타 버전 설계 및 개발

• 2021/05/10 ~ 2023/05/10

• 개발 환경
백엔드: Tibero Spring boot
프론트엔드: React typescript Mobx Tanstack-query

• 개요: 그룹사 스펙에 맞게 인사 ERP 모듈을 다른 프론트엔드 앱 위에 SPA 앱 올리는 프로젝트

• 역할: 프론트엔드 & 백엔드 개발

• 기여: 기획 팀과 소통을 통한 기획 보완 / 인사, 조직, 근태 백엔드 개발 / 인사, 조직, 근태 프론트엔드 개발

• 성과: 그룹사 내 서비스 배포

• 배운 점: 기획팀과의 소통 방식 개선 / Java typescript 기술 스택 숙련

인사 ERP 알파 버전 React 전환

• 2021/01/01 ~ 2021/05/07

• 개발 환경
백엔드: Tibero Oracle Java Gitlab jenkins Jeus Docker
프론트엔드: React MobX typescript Gitlab WebToB

• 개요: 자사 프론트엔드 프레임워크 개발 중단에 의한 기존 프로젝트 React 전환

• 기여: DB 서버 관리 백엔드 개발 보완 / 인사, 조직 화면 React 전환 / 알파 버전 QA 대응

• 배운 점: Docker 개념 이해 및 실사용 / React 개념 이해 및 실사용

인사 ERP 알파 버전 설계 및 개발

• 2019/08/01 ~ 2020/12/31

• 개발 환경
백엔드: Tibero Oracle Java Gitlab jenkins Jeus
프론트엔드: Javascript Gitlab WebToB

• 개요: 자사 백엔드, 프론트엔드 프레임워크를 통한 인사 ERP 개발 프로젝트

• 기여: 경쟁사 조사를 통한 도메인 습득 / IA 작성, UI 패턴 기획 등 기획 업무 / RDB 설계 / 자사 타 제품 연동 /인사, 조직, 평가 백엔드 개발 / 인사, 조직, 평가, 시각화 차트 프론트엔드 개발

• 배운 점: RDB 설계 방식 학습 / Java, Javascript 언어 숙련 / 기획 업무 개괄 이해 및 참여

개인 경험

유어위시

• 2024/11/01 ~ 2025/02/28

• 개발 환경
pnpm next.js shadcn/ui tailwind & cva react-hook-form tanstack-query orval AWS Github actions

• 개요: 프론트엔드 1인, 백엔드 1인 총 2인 개발, 회사 직원들에게 선물해줄 수 있는 상품 판매 커머스 제품

• 역할: 프론트엔드 개발

• 기여: 기존 제품 백엔드 재개발에 따른 프론트엔드 재개발 / 토스 페이먼츠 결제 모듈 연동 / http only cookie 사용 인증 연동 / 백엔드 API 코드젠 설정 / Github actions CI 설정 (백엔드 서버 배포 여부 감지, 빌드 테스트) / 기본 기능 이전 및 보완

• 배운 점: next.js 사용법 숙련 / FSD 아키텍쳐 적용 / 백엔드 API 코드젠 설정, http only cookie 사용을 위한 로컬 서버 https 설정 등 프로젝트 설정 숙련

노션 연동 블로그

• 2023/06/09 ~ 2023/09/01

• 개발 환경
pnpm vercel next.js react-hook-form notion-client-api tailwind

• 관련 링크
https://www.metistech.me/

• 개요: 1인 개발, notion 에서 제공하는 api 를 사용해 notion database 에 글을 작성하고 공개 태그를 추가하면 글이 게시되는 블로그 개발

• 역할: 전체 서비스 개발

• 기여: next.js 기반 블로그 개발 / 각 블로그 포스트 페이지에 맞는 SEO 를 위한 sitemap 업데이트 구현 / SEO 개선

• 성과: 목적에 맞는 notion 정리 글 쉽게 웹 배포 / 3개월 웹 검색결과 총 클릭수 300회 이상 / 검색 노출 수 5600 회 이상 / vercel Real Experience Score 99~100 점 유지 (2025/6/01 기준)

• 배운 점: SSR, SSG, ISG 등 다양한 렌더링 방법의 의의와 사용 방법 이해 / 기술 스택 숙련 / SEO 및 DNS 에 관한 설정 및 사용 이해

CLAON admin

• 2023/03/09 ~ 2023/06/01

• 개발 환경
Typescript React Next.js React-query React Hooks Recoil react-hook-form
pnpm
Github Actions lightsail

• 관련 링크
https://github.com/Co-Laon/claon-admin-web

• 개요: 암장 관리자와 강사를 위한 admin 웹 서비스 프론트엔드 개발

• 역할: 프론트엔드 개발

• 기여: Github Actions 를 통해 AWS lightsail 에 nginx를 통해 admin 웹 서비스 자동 배포 구성 / 가입 화면 / 메인 화면 웹 페이지 기능 구현 / react-hook-form 을 통한 커스텀 form 적용

• 배운 점: 기술 스택 숙련 / Github Actions 를 통한 CI/CD 이해 및 구축

CLAON

• 2022/04/13 ~ 2023/02/01

• 개발 환경
React-Native Typescript React Next.js React-query Tailwind CSS Jest Storybook Github Actions firebase

• 관련 링크
https://github.com/Co-Laon/claon-app

• 개요: 클라이밍 특화 SNS 서비스, web view 를 통해 클라이언트 구현

• 역할: 프론트엔드 개발

• 기여: Infinite scroll 피드 형식 메인 페이지 / 게시글 작성, 암장 관리, 암장 리뷰 관리 등 대부분의 웹 페이지 기능 구현 / toast, 로딩 컴포넌트 등 공통 디자인 컴포넌트 구현 / React-query 사용 방식 공유 및 적용

• 배운 점: Infinite scroll 구현을 위한 Web API 학습 및 적용 / 새로운 기술 공유 및 연습

개선/문제해결 사례

도메인 특화된 커스텀 hooks 를 좀 더 일반적이게 개선한 사례

1. 특정 속성만 가지면 나머지 값은 사용 가능하도록 제네릭을 가진 특정 인터페이스로 기본 객체 인터페이스 수정 및 변환 유틸 함수 추가

2. 속성 값에 맞는 검색 필터 함수를 생성하는 팩토리 함수를 만들어 다양한 속성에도 검색이 가능하도록 기능 추가

프론트엔드에서 백엔드 API 응답 DTO 관리 유틸 클래스 도입 사례

1. 유틸 클래스는 백엔드의 하나의 엔티티로 간주하여 프론트엔드 작업자의 합의하에 atomic 속성을 정함

2. 해당 엔티티와 관련 있는 여러 응답 DTO 를 input 으로 가지는 create 함수 생성
1. 이 때, input 객체는 타입 가드 함수를 통해 DTO 가 어떤 인터페이스, 타입 인지를 확인

3. 기본 속성에 간단한 추가 연산으로 나오는 selector 등은 get 또는 메소드로 추가

조직의 하위 조직 인원수 계산 API 로직 개선 사례

1. DFS 로 노드를 탐색해 최하위 조직 노드의 인원수를 확인

2. 한 노드의 child 탐색이 다 끝나면 상위 노드 인원수 카운트를 업데이트

3. 총 인원수 계산은 한번의 탐색으로 완료 가능

기술

학력

전자통신공학 학사

졸업 프로젝트

• OpenCV 를 이용한 book spine 영상 유사도 평가

• SIFT, SURF 의 좌표를 통해 homography 를 계산하여, 두 homography 의 모양과 면적을 계산해 유사도를 측정하는 책 옆면(book spine)을 이미지 검색 하는 알고리즘 개발

• 총 266 권의 책과 총 2243번의 각기 다른 테스트를 통해 정확도 91%, 민감도 79% 의 성능을 가진 알고리즘 구현