logo

I'm Donghyeon

Web Developer

저는 프론트엔드를 중심으로, 화면뿐 아니라 서비스 전체의 구조와 자연스러운 동작까지 설계하는 웹 개발자입니다. React·Next.js 기반으로 흐름·컴포넌트·인터랙션을 다듬고, 개발자 도구로 세밀히 분석해 작은 불편도 개선하는 방식을 중요하게 생각합니다. 팀 개발에서는 명확한 소통과 일관된 구조를 중시하며, 안정적이고 사용성이 높은 사용자 경험(UX)을 만드는 데 집중합니다.

banner-img

Contact

About Me

( 01 )

컴퓨터공학 전공을 기반으로 웹·모바일·백엔드 전반을 학습했고, Vanilla JS부터 React·Next.js·TypeScript까지 단계적으로 웹 개발 역량을 쌓아왔습니다. 새로운 기술을 직접 비교·실험하며 배우는 것을 선호하며, 스스로 서비스를 설계하고 구축하는 과정에 흥미를 가지고 있습니다.

  • 5+

    Years of coding experience

  • 6+

    Web / App projects

  • 3+

    Team & startup programs

lang-icon

Language

  • Korean

  • Japanese

Experience

( 02 )

25.03 ~ 25.06

Capstone Design Project

Team Leader / Frontend Developer

University Capstone Project

5인 팀을 리드하며 웹 프론트엔드 아키텍처를 설계·구현했습니다. React 기반 웹·모바일 통합 UI, OpenAI API 연동, Spring Boot 백엔드와의 통신 구조를 구축하고 전체 서비스 플로우를 기술적으로 조율했습니다.

24.09 ~ 24.12

Pre-Capstone: Industry Collaboration

Frontend Developer

Industry Collaboration Project

기업 연계 팀 프로젝트에서 React 프론트를 개발했습니다. REST API 연동, Context·Reducer 기반 전역 상태 관리, 반응형 UI 구성, 컴포넌트 단위 구조화 등을 담당했으며, 완성도를 인정받아 교내 우수상을 수상했습니다.

24.07 ~ 24.08

React Practice Projects

Personal Project

Self-driven Study

React 생태계를 집중적으로 학습하며 소개팅 앱·포트폴리오 등 개인 프로젝트를 개발했습니다. 라우팅, 전역 상태 관리, 컴포넌트 구조 설계, 성능 최적화(useMemo/useCallback), 반응형 UI 패턴을 실전 수준으로 익혔습니다.

24.01 ~ 24.06

PLAY-IN (Startup Collaboration)

Frontend Developer

Startup Collaboration Project

HTML·CSS·Vanilla JS·Firebase로 전체 프론트를 단독 개발하고 배포했습니다. 이미지 압축, 캐싱 전략, Firebase Realtime DB 구조 개선 등 실서비스 운영 과정에서의 성능·UX 문제를 직접 진단·개선했습니다.

Education & Skills

( 03 )

  • Hansung University - Computer Science (2020~ )

    웹/모바일 프로그래밍, 백엔드, 소프트웨어 공학, 데이터베이스 등 웹 서비스 전반을 다루는 전공 과목을 수강했습니다. 자료구조, 알고리즘, 운영체제 등 CS 기초와 함께 프로젝트 기반 학습을 통해 Frontend–Backend 연동, API 설계, UI/UX 구현 등 실제 서비스 개발 흐름을 체계적으로 익혔습니다.

  • Sejong Science High School (2015~2018)

    C 언어 기초와 Java leJOS 로보틱스 프로그래밍을 학습하며 공학적 사고 기반을 다졌습니다. 과학·수학 중심 교육을 통해 논리적 사고와 문제 해결 능력을 강화했습니다.

  • Next.js

    Next.js

  • React

    React

  • Redux Toolkit

    Redux Toolkit

  • TypeScript

    TypeScript

  • Tailwind CSS

    Tailwind CSS

  • Node.js

    Node.js

  • HTML5

    HTML5

  • CSS3

    CSS3

  • JavaScript

    JavaScript

  • Git / GitHub

    Git / GitHub

  • Figma

    Figma

  • Photoshop

    Photoshop