Portfolio

포트폴리오

포트폴리오 페이지 중앙 돋보기를 클릭하시면 더욱 상세한 정보를 확인 하실 수 있습니다.

좌,우측 화살표 혹은 방향키로 다음 프로젝트를 확인 하실 수 있습니다.

iMac
preview

Portfolio Side Project FIFTYFIFTY 팬 페이지

iMac
preview

Portfolio Side Project Web기반 영상 편집기

iMac
preview

Portfolio Team Project 스마트 헬스장 관리시스템

iMac
preview

Side Project 횡성 워케이션 플랫폼

iMac
preview

Side ProjectLGT Data Platform

Content

FIFTYFIFTY 팬페이지(Vue 3 + Spring Boot)

Portfolio Side Project(2025.05.14 ~ 현재)

팬들이 일정, 미디어, 멤버 정보들을 보다 편하게 볼 수있도록 기획한 정보 사이트입니다.

[Frontend] 일정 캘린더, 멤버 필터링, 유튜브 영상 표시 등 SPA 구현

[Backend] 카테고리 기반 색상 반환 API, Cron 스케줄러로 유튜브 데이터 자동 동기화

대량 데이터 전송 시 List + for문 조합으로 쿼리 최적화 진행

Back과 Front에서 기능별로 분리하여 유지보수성과 재사용성을 높였습니다.

Netlify, Render, AWS S3, CloudFront, RDS를 통해 배포했으며 Git Action으로 CI/CD를 관리했습니다.

배포 과정에서 부팅 속도를 90초 > 40초로 55% 단축했습니다.

[FIFTYFIFTY 팬 페이지]

[FIFTY Page Github]

Content

Web기반 영상 편집기

Portfolio Side Project(2025.06.16 ~ 2025.06.18)

영상 편집 도구에 대한 기술적 이해를 높이고 실무 능력을 키우고자 진행한 프로젝트입니다.

FFmpeg.wasm을 활용하여 영상 자르기, 미리보기, 다운로드 기능 구현

단일 기능 앱 구조 설계 경험 + 영상 처리 로직 직접 구현

프론트 중심의 싱글 페이지 애플리케이션(SPA)

기술스택: FFmpeg, JavaScript, HTML, CSS, Vue.js

[Web기반 영상 편집기 Github]

[Web기반 영상 편집기 페이지]

Content

스마트 헬스장 관리시스템

Portfolio Team Project

스마트기기를 사용 하여 헬스장의 관리시스템을 이용 할 수 있는 웹서비스 페이지 입니다.

[Frontend] React 및 Flutter를 활용하여 웹/앱 클라이언트 개발, 로그인 상태는 React Context로 관리

[Backend] Spring Boot 기반으로 RESTful API 설계 및 회원 인증(JWT) 구현

페이지별 유저 데이터 비교 로직을 통해 보안 및 UX 강화

Type : mvc(html), flutter, react

  • 공통 백엔드: Spring Boot, Spring Security, MyBatis, MySQL
  • [MVC Github]

    [React Github]

    [Flutter Github]

    Content

    횡성 워케이션 플랫폼

    Side Project

    횡성시에서 진행하는 워케이션 서비스 예약 플랫폼입니다.

    프론트 퍼블리싱의 서브 작업을 진행하였습니다.

    Type : PC웹

    [Pre-launch]

    Content

    LG 데이타 플랫폼

    Side Project

    LGT TV의 빅데이타 플랫폼입니다.

    React, next.js 를 사용프로넥트, MUI 라이브러리를 통해 사이드 프론트 개발을 도왔습니다.

    Type : 반응형

    [2026년 OPEN]

    김도현 (만 27세)

    이메일: t326598@naver.com

    깃허브: [Github]

    사회 경험을 토대로 'WHY'를 고민하고 'HOW'를 찾는 개발자입니다.

    사회 경험을 통해 안정성과 효율의 중요성을 배웠고, 사용자 니즈를 직접 반영하는 개발을 지향합니다.
    경험을 바탕으로 직무 이해도를 넓히고, 더 빠르게 성장하는 개발자가 되기 위해 노력하고 있습니다.
    항상 왜 이렇게 구현되는지 고민하고 어떻게하면 좋을지 찾으며 성장하는 열정, 저의 가장 큰 장점입니다.

    사진도알아서

    Hobby & Like

    게임 & 여행 그리고 새로운 경험을 좋아합니다.

    blog

    게임블로그 7년째 꾸준하게 운영 중..

    Game

       League of Legend - 12년 플레이, 최고 티어 마스터
       OverWatch - 3년 플레이, 최고 티어 그랜드마스터
       스팀 게임 140개 보유 중
       각종 보드게임 좋아함

    Travel

    국내

       속초, 월미도, 부산, 여수, 제주도, 목포, 파주, 포천, 대전

    일본

       도쿄, 오사카

    유럽

      스페인, 프랑스, 영국, 이탈리아, 스웨덴, 에스토니아, 덴마크, 핀란드

    img02

    Skills & Tools


    Language

       - HTML5, CSS3, Java, JavaScript, TypeScript, Dart

    Backend

       - Node.js, JSP, Spring Boot, Mybatis, Spring Security, JWT

    Frontend

       - vue.js, Thymeleaf, bootstrap, React, jquery, Flutter

    RDBMS

       - MySQL

    Collaboration

       - Git, Trello, Figma, Google Drive, Teams

    Deployment / Infra

    nbsp;  - Netlify, Render, AWS S3, AWS RDS, CDN

    img03

    History

    경력 사항에 대한 히스토리 입니다.

    2019's ~ 현재
    • 2019's
      • 012019.10 (주) 후니드 TM사업본부 입사
    • 2024's
      • 012024.03 (주) 후니드 TM사업본부 퇴사
      • 022024.08 더조은 컴퓨터 아카데미 이수
      • 032024.10 Mini Project JSP 중고거래 애플마켓
      • 042024.11 Team Project MVC 패턴 헬스장 관리 시스템
      • 052024.12 Team Project React REST API 헬스장 관리 시스템
    • 2025's
      • 012025.01 Team Project Flutter + Dart 헬스장 관리 시스템
      • 022025.02 더조은 컴퓨터 아카데미 수료
      • 022025.05 사이드 프로젝트 진행 중

    Where to buy

    Based on Ilya Kostin's Dribbble shot Stacked navigation

    "When people ask me why I don't eat meat or any other animal products, I say, 'Because they are unhealthy and they are the product of a violent and inhumane industry.'" —

    img06

    Blog & News

    Based on Ilya Kostin's Dribbble shot Stacked navigation

    "The question is not, 'Can they reason?' nor, 'Can they talk?' but rather, 'Can they suffer?" — Jeremy Bentham

    img01

    Contact

    Based on Ilya Kostin's Dribbble shot Stacked navigation

    "Man is the only animal that can remain on friendly terms with the victims he intends to eat until he eats them." — Samuel Butler

    img04