Contact & Channels

• Email | [email protected]
• Github | https://github.com/L2HYUNN
• Blog | **https://l2hyunn.github.io/**

🧑🏻‍💻  Introduction

안녕하세요! 사용자 가치를 우선으로 생각하는 개발자 이동현입니다.

프로그램은 “사용자를 가짐으로써 가치를 가진다” 는 생각 아래 사용자의

가치를 최우선으로 생각하며 개발하기 위해 노력하고 있습니다.

💻  Career

노벨라스튜디오 / Frontend Engineer

https://novela.so/ko/

2025.05 ~ ing

노벨라스튜디오는 웹소설 작가들을 위한 올인원 저작 도구인 '노벨라'를 개발하는 회사입니다.

프론트엔드 엔지니어로 합류하여 서비스 리뉴얼 과정에 참여하였으며 일부 서버 작업을 함께 진행하였습니다.

현재는 서비스 운영 및 새로운 기능 개발을 진행하고 있습니다.

Experiences

• 서비스 리뉴얼 과정 참여 | 2025.05 ~ 2025.07

  • 컴포넌트 언마운트시 실행했던 debounce 함수가 동작하지 않는 문제를 발견하고 이를 해결하기 위해 flush를 지원하는 useDebounce를 구현하였습니다.
  • Drag and Drop 지원, Title 변경에 따른 너비 가변 지원, 브라우저 너비에 따른 숨김/숨김해제 지원 등 복잡한 요구사항을 가진 탭 UI를 직접 구현하였습니다.
  • Drag시 위치 변경에 대한 Optimistic Update를 구현하였습니다.
  • 모바일에서 개발 환경을 보다 쉽게 실행 하기 위해 로컬 IPv4 주소를 가져와 환경 변수를 업데이트하는 스크립트를 구현하였습니다.
  • 수 만건의 데이터를 업데이트 하기 위한 DB 마이그레이션 스크립트를 구현하였습니다. 안전한 업데이트를 위해 MongoDB의 cursor를 이용하여 일정 size 단위로 데이터를 가져와 batch 처리할 수 있게 구현하였습니다.
  • 새로운 데이터에 대한 CRUD를 구현하고 위치 이동, 복제에 대한 API를 구현하였습니다.

  Client - React, TypeScript, GraphQL, Redux, TailwindCSS, Joy UI

  Server - Nest, TypeScript, GraphQL, MongoDB

• 정식 서비스 운영 및 새로운 기능 개발 | 2025.07 ~ ing

  • 다중 분할 화면 기능 개발에 참여하여 가변적인 UI들을 구현하였습니다. resizeObserver를 이용하여 특정 조건마다 변하는 에디터 툴바 UI를 직접 구현하였습니다.
  • Mixpanel의 기본적인 설정부터 서비스의 다양한 이벤트 추적을 위한 트래킹 작업을 진행했습니다.
  • IndexedDB를 이용하여 오프라인 환경에 대한 데이터 동기화 기능을 구현하였습니다.
  • Build 내용을 분석하여 빌드 캐시가 제대로 적용되지 않던 문제를 발견하고 이를 해결하였습니다. 지원 종료 예정인 Node 버전 (16) 사용 문제로 해당 버전을 22로 마이그레이션하여 문제를 해결하였습니다.