DA-HOON JEON — PORTFOLIO

더 나은 UI와 더 빠른 웹을 위해 디테일에 집착하는
프론트엔드 개발자 전다훈입니다.

SCROLL
(01)

About

안녕하세요,프론트엔드개발자전다훈입니다.2021년부터B2B설문플랫폼과커뮤니티서비스를만들며사용자경험을최우선으로고민해왔습니다.빠르고직관적인UI,유지보수가능한코드,그리고팀과의협업을통해나은제품을만드는일을좋아합니다.

0+

Years Experience

0+

Projects

사용자 중심

UX를 최우선으로 개발합니다

지속 성장

끊임없이 배우고 도전합니다

팀 협업

소통과 협력을 중요시합니다

코드 품질

유지보수 가능한 코드를 씁니다

(02)

Skills

자주 쓰고, 깊게 파고드는 도구들. 줄 위에 올려 두고 계속 갈아 끼웁니다.

Frontend

Next.jsReactTypeScriptTailwindCSSZustandReact QueryVue2/3Styled-components
Next.jsReactTypeScriptTailwindCSSZustandReact QueryVue2/3Styled-components

Backend

DevOps & Tools

DockerAWSNginxCloudFlareGitGitHubGitLabSentry
DockerAWSNginxCloudFlareGitGitHubGitLabSentry
(03)

Career

2024.12 - Present

인스티즈(Instiz)

Career

Frontend Engineer

연애 커뮤니티 및 음원 순위 차트 서비스 개발 및 유지보수

Seoul, Korea

2021.01 - 2024.12

피앰아이(PMI)

Career

Platform Engineer

B2B 설문조사 서비스 및 백오피스 개발 및 유지보수

Seoul, Korea

2024.03 - Present

한국방송통신대학교

Education

방송통신대학교

컴퓨터과학과

Seoul, Korea

2021.03 - 2021.08

KH 정보교육원

Education

UI / UX 스마트 콘텐츠 융합 웹 개발자 과정

Seoul, Korea

(04)

Projects

실서비스에서 부딪히며 만든 것들. 카드를 스크롤로 넘겨 보세요.

01인스티즈

아이차트(iChart)

Frontend Lead2024.12 - Present

실시간 음원 데이터를 수집·정제하여 차트로 시각화하는 서비스. 멜론·지니·플로 등 주요 플랫폼 데이터를 Scrapy로 크롤링하고, Chart.js로 트렌드를 시각화합니다.

Frontend
Next.jsTypeScriptTailwindCSSChart.jsReact-QueryZustand
Backend
DjangoCeleryPythonMySQLRedisScrapy
Infra
SentryJestDockerAWSCloudFlareNginx
아이
02피앰아이

유니서베이(Unisurvey)

Frontend / Full-stack2021.01 - 2024.12

누구나 손쉽게 설문을 만들고 관리·배포할 수 있는 B2B/B2C 기반 설문 제작 플랫폼. 수집된 응답 데이터를 차트로 시각화하고, Socket.io를 통한 실시간 응답 현황 모니터링을 지원합니다.

Frontend
Next.jsTypeScriptStyled-componentsReact QueryZustandVue2/3
Backend
NestJSTypeScriptMongoDB
Infra
DockerAWSSocket.ioGitHub
Visit site
유니서베이(Unisurvey)
03피앰아이

백오피스 관리 시스템

Frontend / Full-stack2022.06 - 2024.12

설문 템플릿 기반 관리 시스템 구축. 다양한 설문 타입을 통합 관리하고, 운영 효율을 높이는 어드민 플랫폼입니다. 권한별 접근 제어와 대시보드 통계 기능을 포함합니다.

Frontend
Next.jsTypeScriptStyled-componentsReact QueryVue2/3
Backend
NestJSTypeScriptMongoDB
Infra
DockerAWSGitHub
백오
LET'S WORK TOGETHERLET'S WORK TOGETHERLET'S WORK TOGETHERLET'S WORK TOGETHERLET'S WORK TOGETHERLET'S WORK TOGETHER

(05) — Contact

새로운 도전을
함께할 준비가 되어 있어요