이주열

Frontend Developer

dhy2458@gmail.com·github.com/Melonisjy ↗

About

사용자 경험을 중심으로 웹 서비스를 구현하는 프론트엔드 개발자입니다. 처음 개발 회사에 들어가고, 방황하던 시기도 있었습니다. 다른 일을 경험하고 돌아왔을 때, 무언가 만드는 일이 가장 즐겁다는 걸 확실히 알게 됐습니다. 돌아와서 느낀 그 확신이, 지금의 원동력입니다.

  • [✓]
    사용자 피드백 기반 개선— 현장 사용자의 피드백을 직접 반영해 UI를 개선합니다
  • [✓]
    레거시 코드를 두려워하지 않는 것— 외주 코드 리팩토링으로 유지보수성을 높인 경험이 있습니다
  • [✓]
    재사용 가능한 구조 설계— 모노레포 환경에서 공통 컴포넌트 10개+를 설계하고 문서 사이트로 팀에 제공했습니다
  • [✓]
    빠른 도메인 적응력— 블록체인부터 안전진단까지, 새로운 도메인에 빠르게 적응합니다
  • [✓]
    팀 컨벤션과 규칙을 만드는 것— 커밋 메시지, 브랜치 네이밍, 개발 규칙을 정하고 지키는 걸 좋아합니다

Skills

주력 —

JavaScriptTypeScriptReactNext.js

활용 —

Zustand,TanStack Query,Tailwind CSS,Sass,Redux,Cursor AI,Web3.js

경험 —

Supabase,Monorepo

Experience

엘림 주식회사 ↗

Frontend Developer (프리랜서)

2026.01 ~

사내 안전진단 웹 기반 툴의 프론트엔드 개발 및 유지보수

주요 성과 —

  • [✓]주요 페이지 번들 47~54% 감소 — bundle-analyzer로 병목 발견, dynamic import 적용번들 최적화 과정 보기 ↗
  • [✓]외주 레거시 코드를 컴포넌트 단위로 분리·리팩토링하여 유지보수성 개선
  • [✓]에너지 사용량 입력 UX 개선 — 마우스 클릭 이동 방식에서 방향키 셀 네비게이션으로 개선 (입력값 length 기반 커서 위치 계산으로 좌우 이동 구현)
  • [✓]react-konva 기반 도면 마커/결함 인터랙션 구현 — 더블클릭 마커 생성, 드래그 위치 이동, 드래그 종료 시 자동저장으로 UX 개선
TypeScript·Next.js·Zustand·Tailwind CSS·TanStack Query
2025.05 ~ 2025.10

공기업 교육운영 계약직 — 비개발 직군과의 협업 및 기획 역량을 키운 경험

  • ·교육 프로그램 기획·운영을 통해 비개발 직군과의 커뮤니케이션 역량 강화
  • ·사업계획서 작성 참여로 서비스 기획 관점 확장
제프 (JEFF WORLD) ↗

Frontend Developer

2023.08 ~ 2024.11

블록체인 기반 게임 플랫폼의 프론트엔드 개발

주요 성과 —

  • [✓]NFT 마켓플레이스·브릿지·트랜스퍼 프론트엔드 구현 — 지갑 연결, 트랜잭션 상태 처리(대기/성공/실패), 에러 메시지 분기로 사용자 송금/자산 이동 흐름 안정화
  • [✓]3~4개 독립 프로젝트를 모노레포로 통합하고, 공통 컴포넌트 10개+ 를 설계·문서 사이트로 제공하여 디자이너-개발자 간 협업 프로세스 개선
  • [✓]다국어(i18n) 지원 구조 설계 및 적용 — 한/영 리소스를 공통 번역 객체로 분리해 화면별 텍스트 관리 일관성 확보
  • [✓]블록체인 데이터 관리 백오피스 프론트엔드 개발 — ApexChart 기반 트랜잭션/지표 시각화 대시보드를 구현해 운영 데이터 모니터링 효율 개선
  • [✓]그랜드 오픈 홈페이지 리뉴얼 프론트엔드 전담 — 디자인 시안 기반 반응형 퍼블리싱 및 REST API 연동으로 오픈 일정 내 핵심 랜딩/콘텐츠 페이지 구축
JavaScript·React·Redux·Sass

Education

학력 —

상명대학교정보통신공학과· 졸업
2017.03 ~ 2023.02
멋쟁이사자처럼블록체인 스쿨 3기· 수료
2023.03 ~ 2023.07

수상 내역 —

  • 🏆
    멋쟁이사자처럼 블록체인스쿨 3기 대상2023

    INSURSAND - 디파이 보험 플랫폼

  • 🏆
    상명대학교 캡스톤 디자인 경진대회 최우수상2022

    P2D - 블록체인 기반 기부 플랫폼

  • 🏆
    제 31회 광자기술 학술회의 우수 논문상2022

    뉴럴네트워크를 이용한 물리 계층 보안 광전송 기술

  • 🏆
    상명대학교 전공 소모임 장려상2021

    도담도담 - 머신러닝 기반 식단 관리 앱

Projects

회사 프로젝트 —

Homepage Renewal
2024

그랜드 오픈 일정에 맞춰 프론트엔드 전담 개발 — 디자인 시안 기반 반응형 구현 및 REST API 연동

React · JavaScript
JEFF Back Office
2024

블록체인 트랜잭션 데이터를 ApexChart로 시각화한 내부 관리 백오피스 개발

React · ApexChart
Common Component UI
2024

10개+ 공통 컴포넌트를 설계하고 디자이너·개발자가 함께 참고할 수 있는 문서 사이트로 제공

React · JavaScript
JEFF World Blockchain
2023 ~ 2024

NFT 마켓플레이스, 브릿지 기능을 제공하는 블록체인 사이트

React · Web3.js · Sass
Free Minting Site
2023

사용자 민팅 여부 체크 및 트랜잭션 처리 이벤트 사이트

React · Web3.js

팀 프로젝트 —

INSURSAND🏆 블록체인스쿨 대상
2023

디파이 보험 플랫폼 — 팀장으로서 기술 스택 선정·기획·프론트엔드 개발 전담. 부트캠프 대상 수상.

React · Solidity · Web3.js · Tailwind CSS|Live ↗GitHub ↗
P2D (Play to Donate)🏆 캡스톤 최우수상
2022

블록체인 기반 기부 플랫폼 — 스마트 컨트랙트 및 블록 탐색기 개발

Solidity · Unity · Web3.js|GitHub ↗

개인 프로젝트 —

Resume
2026

직접 설계·개발한 이력서 웹사이트 — 한/영 전환(i18n), 다크모드, MDX 기반 블로그, PDF 출력까지 전 기능 단독 구현. 이력서 자체가 포트폴리오.

Next.js · TypeScript · Tailwind CSS · Framer Motion · MDX|Live ↗GitHub ↗
Nuvo개발중
2026

Web2 사용자를 위한 토스 같은 Web3 송금 앱 - 구글 로그인으로 지갑 자동 생성, 닉네임으로 송금

Next.js · TypeScript · Privy · viem · Base · Supabase|Live ↗GitHub ↗
킥-인 (KIKIN)개발중
2025

풋살 팀 경기 일정 관리 웹앱 — 팀 생성/초대, 출석 투표, 공지사항, 실시간 알림

Next.js · TypeScript · Tailwind CSS · Supabase · Cursor AI|Live ↗GitHub ↗
운명가챠
2025

이름을 입력하면 내년 운명을 알려주는 모바일 웹앱

Next.js · TypeScript · Tailwind CSS · Cursor AI|Live ↗GitHub ↗
Melon NFT Marketplace
2023

개인 NFT 마켓플레이스 프로젝트

React · Web3.js · Tailwind CSS|Live ↗GitHub ↗

Blog

블로그 바로가기 →

기술과 생각을 기록하는 공간

Next.js App Router · MDX · Static Generation

불러오는 중...

Archive

이전 플랫폼에서 작성한 글 —

Last updated: 2026.03