LEXUS
상담·예약 UI 개발과 운영 신청 흐름 개선
ReactTypeScriptZustand
김도훈 포트폴리오
보이는 장면과
보이지 않는 흐름을 만듭니다.
프론트엔드 개발자 김도훈입니다.
프로젝트
소개
Skill계속 배우고, 직접 사용합니다.
- HTML
- CSS
- JavaScript
- jQuery
- React
- Next.js
- TypeScript
- styled-components
Emotion- SCSS
- Tailwind CSS
- React Query
- Redux
Zustand- Vercel
2025.06–현재
01렉서스·기아 웹사이트의 UI와 인터랙션을 개발했습니다.
디자인피버 · 프론트엔드 개발자
디자인피버에서 프론트엔드 개발자로 재직 중입니다. 렉서스의 상담신청 폼·서비스 예약 달력·공통 LNB와 메인 별 표현, 기아의 반응형 UI·스크롤 인터랙션을 개발했습니다. 렉서스 운영과 리뉴얼에서는 프론트엔드 작업 분배·일정 관리·QA 조율도 맡았습니다.
- 상담·예약 UI · 브랜드 인터랙션
- 프론트엔드 작업 분배·일정 관리
- 기능·반응형·브라우저 QA
2024.08–2025.02
02화면에 기능과 데이터의 흐름을 더했습니다.
코드잇 스프린트 · 프론트엔드 부트캠프 11기
React·Next.js·TypeScript를 학습하고 세 번의 팀 프로젝트에 적용했습니다. 브랜치 전략과 코드 리뷰를 활용하고, 반복적인 리팩토링을 통해 재사용성과 유지보수를 고려하는 습관을 길렀습니다.
- 팀 프로젝트 3회
- React · Next.js · TypeScript
- 코드 리뷰 · 리팩토링
2022.07–2023.10
03실제 사용되는 웹사이트를 만들었습니다.
언제나 디자인 · 웹 퍼블리셔
디자이너·기획자와 협업하며 반응형 웹사이트의 전체 페이지를 퍼블리싱했습니다. 갤럭시와 아이폰 실기기로 화면을 확인하고, 스크롤 인터랙션부터 실시간 객실·예약 API 연동까지 작업했습니다.
- 반응형 웹사이트 구축
- GSAP · ScrollMagic
- 객실·예약 API 연동
2021.01–09
04디자인을 화면으로 옮기기 시작했습니다.
SBS아카데미컴퓨터아트학원 · 웹 퍼블리셔 과정 수료
포토샵과 일러스트레이터로 디자인의 기초를 익히고, HTML·CSS·JavaScript로 웹 화면을 만들었습니다. 웹 포트폴리오를 기획·제작하며 퍼블리싱을 배웠습니다.
- HTML · CSS · JavaScript
- 웹디자인기능사 취득 · 2022.04
2016.03–2022.02
05함께 일하는 방법을 배웠습니다.
한경대학교 · 영어학과
학회장으로 교내 행사를 기획하고 운영했습니다. 대의원회에서는 회계 감사와 선거 운영을 맡으며, 여러 사람의 의견을 듣고 함께 일을 진행하는 경험을 쌓았습니다.
- 학과 행사 기획·운영
- 대의원회 활동