About Me

혁신적인 개발자 경험을 만들어가는 소프트웨어 엔지니어입니다.
개발자를 위한 개발자
개발자 경험(DX)의 혁신을 추구하는 엔지니어입니다.
초기 개발 단계부터 현재까지 다양한 멘토링을 통해 성장해왔으며, 이제는 그 경험을 바탕으로 개발자를 위한 도구와 환경을 개선하는데 집중하고 있습니다.
Next.js 정적 경로 타입 생성기 'generate-router'를 개발하는 등 개발 생산성 향상을 위한 도구 개발에 주력하고 있으며, 패키지 매니저 최적화와 번들링 개선 등 전반적인 개발 환경 개선에 깊은 관심을 가지고 있습니다.
소통하는 개발자
지식 공유와 커뮤니티 성장에 열정을 가진 개발자입니다.
대학 1학년부터 강의실 조교와 초등학교 코딩 교육 봉사를 통해 100시간 이상의 교육 경험을 쌓았습니다.
특히 스크래치를 활용한 코딩 교육을 통해 프로그래밍의 기초를 효과적으로 전달하는 방법을 터득했습니다.
더 나아가 교육 동아리를 직접 설립하여 교육자 양성 프로그램을 운영하고, 여러 초등학교와의 협력을 통해 더 많은 개발자들에게 교육 기회를 제공했습니다.
끊임없이 성장하는 개발자
소프트웨어의 지속적인 발전과 혁신을 추구합니다.
모든 소프트웨어에는 생명주기가 있다는 믿음 하에, 지속적인 리팩토링과 기술 스택 현대화를 통해 소프트웨어의 가치를 극대화하고 있습니다.
새로운 기술과 방법론을 습득하는 것을 두려워하지 않으며, 코드의 유연성과 확장성을 항상 고려하여 개발합니다.
변화하는 기술 환경에 능동적으로 대응하며, 더 나은 솔루션을 찾아 끊임없이 발전하고 있습니다.
에이피알
Frontend Engineer
- 메디큐브/포맨트 도산 스토어 장바구니 웹앱 개발
- 메디큐브 피부진단 서비스 개발
- 포토그레이 웹앱/어드민 개발
- 프론트엔드 개발 환경 개선 및 코드 품질 향상
에임드
Frontend Engineer
- 레거시 코드 마이그레이션 TF팀 프론트엔드 리드
- 코드 리뷰 문화 도입 및 팀 기술 성장 주도
- 웹 성능 최적화를 통한 사용자 경험 개선
- 팀 일정 관리 및 업무 조율
지농
Frontend/Backend Engineer
- 스마트팜 제어 시스템 개발
- 회사 홈페이지 구축
- 풀스택 개발 및 서버 관리
- 자동화 시스템 구축
Projects

메디큐브/포맨트 도산 스토어 장바구니 개발
에이피알의 메디큐브/포맨트 도산 스토어에서 사용되는 장바구니 웹 애플리케이션 개발 프로젝트입니다. 서버리스 아키텍처로 설계된 웹 애플리케이션으로, QR코드 기반의 상품 리스트 제공, 다국어 지원, QR Scanner 기능을 통한 상품 확인 등 유저와 관리자를 위한 인터랙티브한 기능을 제공합니다.
Tech Stack

포토그레이 웹앱 개발
Flutter와 Next.js 간의 통신 아키텍처를 설계하고, 앱과 웹 간의 데이터 연동을 통해 유저 경험을 극대화한 프로젝트입니다. 웹과 앱의 통합 환경에서 자동 로그인, 카카오 공유 기능, E2E 테스트 자동화 등 다양한 기능을 구현하며 서비스의 품질과 안정성을 높였습니다.
Tech Stack
No Preview Available
메디큐브 피부진단 서비스 웹 개발
메디큐브의 피부진단 솔루션 웹 개발 프로젝트로, 유저의 얼굴을 촬영하여 피부 상태를 진단하고, 진단 결과를 대시보드로 시각화하는 서비스를 제공합니다. 기존의 Gatsby.js 프로젝트에서 코드 품질 개선과 사용자 경험 향상을 목표로 다양한 비동기 처리 및 최적화 작업을 수행했습니다.
Tech Stack
No Preview Available
포토그레이 어드민 페이지
포토그레이의 관리자용 웹 애플리케이션으로, 비즈니스 데이터를 한눈에 볼 수 있는 시각적 대시보드를 개발했습니다. 데이터 핸들링, 비즈니스 로직과 뷰 로직의 분리, Sentry를 통한 에러 모니터링 및 React-Query V5로의 마이그레이션을 통해 사용자 경험과 서비스 안정성을 크게 향상시켰습니다.
Tech Stack
![피리부는 강아지 [피리마켓]](/_next/image?url=%2Fimages%2Fpirimarket%2Fpirimarket-1.png&w=3840&q=75)
피리부는 강아지 [피리마켓]
Vue.js + jQuery 기반의 외주 레거시 프로젝트를 React로 마이그레이션하고 성능을 개선한 프로젝트입니다. TF팀의 프론트엔드 리드로서 레거시 코드 마이그레이션과 신규 기능 개발을 주도했습니다.
Tech Stack

에임드 홈페이지 & 트라이베카 홈페이지
에임드의 사내 홈페이지와 트라이베카 게임 홈페이지의 웹 퍼블리싱 프로젝트로, 초기 리소스 최적화 및 스크롤 애니메이션 구현을 통해 사용자 경험을 향상시켰습니다. 이미지 및 영상의 용량 다이어트와 IntersectionObserver를 활용한 애니메이션 구현으로 퍼포먼스를 개선했습니다.
Tech Stack
No Preview Available
FarmOS
스마트팜 농장 제어 웹 서비스로, 실시간 데이터 시각화 대시보드와 장비 제어 기능을 구현한 프로젝트입니다. MQTT 통신을 활용하여 농장의 장비와 실시간으로 소통하고, 데이터 조회 및 CSV 내보내기 기능을 통해 데이터 관리의 효율성을 향상시켰습니다.
Tech Stack

FarmOS 홈페이지
FarmOS 사업본부의 공식 홈페이지로, 사용자와 관리자를 위한 인터페이스를 제공하는 반응형 웹 애플리케이션입니다. 파일 업로드를 통한 게시판 기능과 관리자에게 메일을 전송하는 기능을 구현하여 관리 효율성을 향상시켰습니다.
Tech Stack
Contact
Let's Connect!
ruaenddl981028@naver.com