미리보기

모듈화된 NFC 기반 웹 애플리케이션 개발을 주도했습니다. 채팅, 운세, 플레이리스트 등 주요 기능을 독립 모듈로 설계하고, 이를 각각 npm 패키지화하여 CLI 명령어 한 줄로 쉽게 설치 및 구성 가능한 템플릿 시스템을 구축했습니다. 이를 통해 신규 NFC 서비스 프로토타입 개발 시간을 50% 이상 단축했습니다.

공통 React 템플릿을 적용하여 nfc-anyang, nfc-minigames, nfc-dinos, nfc-melody 등의 프로젝트 셋업 시간을 최소 30% 절감했습니다. eslint, prettier, 기본 레이아웃 컴포넌트 등을 별도 라이브러리로 분리하고, 공통 템플릿에 i18n을 연동하여 다국어 지원이 가능한 글로벌 프로젝트 환경을 구축했습니다. 이를 통해 번역 리소스 관리의 일관성과 코드 유지보수성을 동시에 확보했습니다.

Monorepo 구조를 도입해 자사 IP 기반 4종, 팜팔즈 제안용, 킨마톤(대만용), 설문조사, 음성포그니, FC안양, NC다이노스, AI 음악서비스, 미니게임 4종 등 다양한 프로젝트를 일관된 패턴으로 관리하고, 공통 코드베이스를 통한 유지보수성과 확장성을 강화했습니다. 또한, CI/CD 파이프라인을 통해 단일 저장소에서 빌드·테스트·배포까지 자동화하여 전체 개발 및 배포 사이클을 단축했습니다.

기존 jQuery 기반 레거시 시스템을 React, TypeScript, TailwindCSS, Zustand 스택으로 전환하여 코드 품질과 확장성을 크게 향상시켰습니다. 신규 NFC 기반 서비스를 기획부터 개발까지 단독으로 주도하였으며, Jira와 Slack을 통한 이슈 관리 및 커뮤니케이션 프로세스를 체계화하였습니다. 아울러 개발 문서화 체계를 정립하여 온보딩 효율성과 팀 내 기술 공유를 강화했습니다.

각 서비스의 운영 상태를 실시간으로 모니터링하고, 필요한 제어를 수행할 수 있는 내부망 모니터링 시스템 (Mintscan Manager) 의 개발에 초기 기획 단계부터 설계, 구현에 이르기까지 전 과정에 걸쳐 핵심적으로 참여했습니다.

또한, Cosmos 생태계의 주요 블록체인 익스플로러인 MINTSCAN의 컴포넌트들을 리뉴얼하고 확장했으며, 사용자 요구에 맞춘 신규 페이지를 설계 및 구현하였습니다.

개발 아티클 공유 문화 조성, 코드 리뷰 의무화, 배포 알림 등의 팀 온보딩 가이드 문서화 등의 활동으로 동료와 함께 성장하는 환경, 병목 없는 협업 환경을 만들기 위해 노력하였습니다.

(주) 메모리플랜트 에서 진행한 사회서비스 프로젝트 "우만 2동 이야기"에 참여하여, 우만2동의 시니어분들을 대상으로 인터뷰를 진행하고 그들의 이야기를 책으로 발간하는 작업에 기여했습니다.

Project Overview

공통 React 템플릿 및 Monorepo 도입으로 프로젝트 셋업 및 유지보수 효율화

Experience

• 공통 React 템플릿 적용으로 프로젝트 셋업 시간 최소 30% 단축

  • 적용 대상: nfc-anyang, nfc-minigames, nfc-dinos, nfc-melody 등

  • 템플릿 세팅 표준화로 프로젝트 시작 효율성 극대화

• 공통 라이브러리 분리 및 모듈화

  • eslint, prettier, 기본 레이아웃 컴포넌트를 별도 라이브러리로 분리

  • 버전 관리와 유지보수 용이성 증대

• i18n 기반 다국어 지원 시스템 구축

  • 공통 템플릿과 라이브러리에 i18next를 통합하여 글로벌 프로젝트에 대응

  • 언어 리소스 구조를 통일하고, 신규 프로젝트에서 손쉽게 다국어 확장 가능

  • 번역 파일 자동 로딩, 언어 감지, fallback 등 설정으로 운영 편의성 확보

• 채팅 기능 공통 모듈화로 개발 시간 획기적 단축

  • 기존 1~2일 소요 작업을 1시간 이내로 처리 가능

  • 모듈 재사용성 확보 및 유지보수성 향상

• Monorepo 도입을 통한 프로젝트 일관성 및 생산성 강화

  • 자사 IP 4종, 팜팔즈, 킨마톤(대만용), 설문조사, 음성포그니, FC안양, NC다이노스, AI음악서비스, 미니게임 4종 등 통합 관리

  • 코드 구조 일원화로 버전 업그레이드 및 유지보수 효율화

• CI/CD 파이프라인 구축으로 자동화된 개발∙배포 환경 마련

  • 단일 레포에서 커밋 → 빌드 → 테스트 → 배포의 원스톱 프로세스 구축

  • 전체 개발 사이클 속도 향상 및 안정성 확보

TechStack

React Typescript Vite TailwindCSS Zustand Framer Motion Monorepo CI/CD (GitHub Actions)

Project Overview

jQuery 기반 레거시 시스템의 React 기반 프론트엔드 전환 프로젝트

Experience

• 스파게티 코드로 유지보수에 어려움이 있던 jQuery 기반 UI를, 컴포넌트 기반 React 아키텍처로 재구성하여 구조적 확장성과 재사용성 확보

• Headless UI 기반의 공통 컴포넌트 시스템 구축으로 디자인 일관성과 개발 속도 향상

TechStack

React TypeScript TailwindCSS Headless UI Zustand ESLint Prettier

Description

기업별 코딩테스트 정보를 제공하는 개발자 취업 준비 플랫폼의 백오피스 개발 ( Website ), ( Github )

Experience

• 관리자 로그인 / 로그아웃 기능 구현 및 토큰 기반 인증 시스템 설계

• 기업 정보 관리 기능 개발
  (기업 생성, 정보 수정/삭제, 로고 등록 및 삭제 등)

• 회원 관리 기능 개발
  (회원 전체 조회, 상세 조회, 검색 기능 포함)

• 코딩 테스트 정보 관리 기능 개발
  (시험 정보 생성, 수정, 삭제, 조회 및 후기 상세/전체 조회)

• 정보 수정 요청 기능 개발
  (요청 전체 조회, 상세 조회, 상태 변경 처리 )

• 플랫폼 기획 초기부터 참여하여 Slack, Notion 기반으로 팀 협업 및 스프린트 진행

• 코딩테스트 신뢰도 향상을 위해 기업에 직접 연락해 공식 정보 확보 및 협업 추진

TechStack

Svelte Typescript Scss Vite

Description

다양한 블록체인 네트워크의 데이터를 탐색하고, 트랜잭션 및 주소 등의 정보를 시각화할 수 있는 Cosmos 생태계 전용 블록체인 익스플로러 ( Website )

Experience

• Block, Proposal, Relayer 페이지 개편 작업

• Airdrop 페이지 신규 기획 및 구현 → 유저 관심도 높은 토픽을 중심으로 트래픽 유입을 유도
  → 실제 배포 후 전체 트래픽 16% 상승 효과 달성

• 불필요한 레거시 코드 정리와 디자인 시스템 통일을 통해 코드베이스와 UI의 일관성 유지

TechStack

Svelte Typescript Scss Chart.js D3.js

Description

각 서비스의 운영 상태를 실시간으로 모니터링하고, 필요한 제어를 수행할 수 있는 내부망 모니터링 시스템 (Mintscan Manager)

Experience

• 기존 Firebase 기반 제어 및 Slack 로그 알림 구조를 내부망으로 통합.

• 운영 중인 서비스의 실시간 상태와 히스토리를 시각화하는 대시보드 설계 및 개발.

• 도메인 중심의 데이터 필터링 로직을 싱글턴 클래스 패턴으로 구조화하여 관리 효율성 향상

• 최종적으로, Node Operator와 비개발자 모두가 쉽게 접근하고 활용 가능한 All-in-One 내부 모니터링 시스템을 완성

TechStack

Svelte Typescript Scss Socket.io Chart.js D3.js

프로젝트 개요

저는 (주) 메모리플랜트 에서 진행한 사회서비스 프로젝트 "우만 2동 이야기"에 참여했습니다. 이 프로젝트는 우만2동에 거주하는 시니어분들을 대상으로 인터뷰를 진행하고, 그들의 이야기를 책으로 발간하며, 데이터 분석을 통해 지역의 개선점을 도출하는 데 그 목적이 있었습니다.

역할 및 기여

프로젝트 초반에는 대학생, 기업, 공무원이 함께 협업하는 과정에서 소통의 어려움을 겪었습니다. 이 문제를 해결하기 위해, 저는 대학생을 연락의 중간책으로 설정하여 원활한 소통을 도모했습니다. 이를 통해 프로젝트 진행 속도가 크게 향상되었고, 원활한 협업이 가능해졌습니다.

성과

프로젝트는 성공적으로 마무리되었으며, 여러 뉴스 언론에 소개되었습니다. 또한, 발간된 책은 수원시 도서관에 등록되어 지역사회에 공유되었습니다.

배운 점

이 경험을 통해 저는 문제 해결 능력과 소통 능력을 한층 강화할 수 있었으며, 협업의 중요성을 깊이 깨닫게 되었습니다.

연합 IT 개발 동아리 구름톤 유니브 에 참여하여 1주 1회 프론트엔드 그룹 스터디에 참여하고 있습니다.

• 카카오 x 구름톤 유니브 3기 연합해커톤 대상(1위) 수상. 2024.09.29

연세대학교 블록체인 학회 BAY의 13기 dApp 개발팀으로 활동하며, 블록체인 관련 컨퍼런스 및 다양한 Web3.0 세미나에 참여하였습니다.