Frontend Developer

처음 뵙겠습니다
“현용찬” 입니다

“현” 재를 통해 미래를 만드는 개발자,
“용” 기 있는 도전과 밝은 에너지로 새로운 길을 개척합니다.
“찬” 란한 성장과 함께 발전해 나가고 싶습니다.

About Me

[의미를 찾는 프론트엔드]

모든 일에는 뜻이 있다고 믿습니다. 기능을 넘어 왜 이 경험이 필요한지부터 질문하고, 사용자와 비즈니스가 얻는 가치를 설계에 반영합니다.

[행동으로 길을 여는 사람]

가만히 있기보다 작더라도 실행합니다. 빠르게 가설을 세우고 검증하며, 주도적으로 문제를 정의하고 해결해 나갑니다.

[성장에 진심인 개발자]

매 프로젝트마다 배움을 기록하고 개선합니다. 오늘의 선택이 내일의 기준이 되도록, 더 나은 코드와 경험을 꾸준히 쌓아갑니다.

Tech Stack

HTML5

2+ years

80%

CSS3

2+ years

80%

JavaScript (ES6+)

2+ years

85%

TypeScript

2+ years

90%

Projects

개인 포트폴리오 웹사이트 제작

[주요 역할 및 성과]

- 성능 최적화: 빌드 프로세스 최적화를 통해 Lighthouse 성능 점수 95점 이상을 달성하고, 초기 로딩 번들 크기를 102KB까지 감소시켰습니다. - UI/UX 설계 및 개발: 재사용 가능한 컴포넌트 아키텍처를 설계하여 유지보수성을 높이고, Framer Motion의 whileInView 옵션으로 스크롤 애니메이션을 최적화하여 부드러운 사용자 경험을 제공했습니다. - 배포 및 운영: 직접 도메인을 구매하고 Google Search Console에 사이트맵을 등록하는 등 SEO 작업을 통해 실제 검색 엔진에 노출되는 라이브 서비스를 운영하고 있습니다.

[Vibe coding] 운빨 고양이 달리기 게임

[주요 역할 및 성과]

- 상태 동기화 문제 해결: React UI와 Canvas 게임 로직 간의 상태 동기화 문제를 Zustand를 도입하여 100% 해결하고, 정확한 게임 일시정지 및 능력치 업데이트를 구현했습니다. - Canvas 렌더링 최적화: 다수의 객체 렌더링으로 인한 FPS 저하 문제를 '오프스크린 Canvas'와 '객체 컬링' 기법으로 해결하여, 모든 스테이지에서 안정적으로 60 FPS를 유지하도록 성능을 개선했습니다. - AI 워크플로우 구축: 기획(Perplexity), 디자인(Gemini), 개발(Copilot) 등 전 과정에 AI를 활용하여 아이디어를 빠르게 프로토타이핑하고 완성하는 새로운 개발 방식을 성공적으로 구축했습니다.

[외주] (주) 한국 기타가와 홈페이지 리뉴얼

[주요 역할 및 성과]

- 웹 성능 683% 향상: Lighthouse 성능 점수를 12점에서 94점으로 개선하고, 초기 로딩 시간을 4.8초에서 1.0초로 단축하여 사용자 이탈률을 크게 개선했습니다. - 생산성 및 안정성 확보: 재사용 가능한 컴포넌트 아키텍처와 TypeScript를 도입하여 런타임 에러를 85% 이상 감소시키고, 향후 유지보수 비용을 절감할 수 있는 확장 가능한 구조를 마련했습니다. - SEO 최적화: Google Search Console에 사이트맵을 등록하고 시멘틱 HTML 사용,메타 태그, 이미지를 최적화하여 검색 엔진 노출을 극대화를 통해 월 검색 노출 800건 이상 달성하였습니다.

[Vibe coding] 별똥별 게임

[주요 역할 및 성과]

- 초기 로딩 성능 개선: 동적 임포트(Dynamic Import)를 활용해 초기 번들 크기를 40% 감소시키고, 모바일 환경의 초기 로딩 시간을 3초 이상에서 1초 이내로 단축하여 Lighthouse 성능 점수를 92점까지 향상시켰습니다. - 상태 관리 시스템 구축: 복잡한 게임 상태로 인한 버그를 해결하기 위해 TypeScript와 Zustand를 결합한 타입-안전 전역 상태 관리 시스템을 구축하여 상태 관련 버그를 90% 이상 감소시켰습니다. - 1인 서비스 런칭: 기획, 개발뿐만 아니라 직접 도메인을 구매하고 Google SEO 작업을 완료하여, 검색 엔진에 노출되는 실제 라이브 서비스를 배포하고 운영하는 경험을 했습니다.

[멋쟁이사자처럼13기 중앙 해커톤]TOOR - 너와 나의 투어를 잇는 토박이

[주요 역할 및 성과]

- 데이터 기반 기획: 실제 타겟층 대상 설문조사를 진행하여 얻은 데이터로 기획의 방향성을 설정하고 기능 명세서를 작성하여, 감이 아닌 데이터에 기반한 서비스를 기획하는 능력을 증명했습니다. - 개발 생산성 30% 향상: CRA의 느린 개발 서버 문제를 해결하기 위해 Vite 마이그레이션을 주도하여, 개발 서버 구동 시간을 30초에서 2초로 단축하고 팀 전체의 개발 효율을 높였습니다. - 초기 로딩 성능 60% 개선: React Lazy Loading을 활용한 코드 스플리팅을 적용하여 초기 번들 크기를 줄이고, 첫 화면 렌더링 시간을 3초에서 1초 이하로 단축하여 쾌적한 사용자 경험을 제공했습니다.

[Capstone] 내길만 - AI 기반 맞춤형 경로 추천 서비스

[주요 역할 및 성과]

- PM 및 UI/UX 설계: 시장 조사를 통해 서비스의 방향성을 수립하고 Notion으로 기획을 구체화했습니다. Figma를 활용하여 전체 서비스의 UI/UX 설계를 직접 담당하며 사용자 중심의 인터페이스를 구축했습니다. 또한 Figma를 통해 인터랙티브 프로토타입을 제작하여 사용자 흐름과 주요 인터랙션을 실제처럼 검증했습니다. - 개발 생산성 향상: CRA의 느린 개발 서버 문제를 해결하기 위해 Vite 마이그레이션을 주도하여 개발 서버 구동 시간을 15초에서 2초 이내로 단축하고 팀의 개발 효율을 높였습니다. - 코드 안정성 및 협업 효율 개선: TypeScript를 전면 도입하여 복잡한 상태 데이터로 인한 런타임 에러를 70% 감소시키고, 명확한 타입 정의를 통해 팀원 간의 커뮤니케이션 비용을 줄였습니다. - 학술적 성과 인정: 프로젝트의 기술적 독창성과 정보 편의성 향상 방안을 인정받아, 한국엔터테인먼트산업학회에 "사용자 선호 기반 맞춤형 길 찾기 및 장소 추천 서비스 AI 기반 인포테인먼트 기술을 활용한 정보 편의성 향상 방안" 주제로 논문을 등재하고 직접 발표하는 성과를 거두었습니다.

[전국 연합 동아리 SW 해커톤 1등] 물렐루야! - 물은 답을 알고 있다.

[주요 역할 및 성과]

- 전국 연합 동아리 SW 해커톤 1등(단장상) 수상: 첫 해커톤 도전에서 팀의 1등 수상을 이끌었습니다. - PM : 팀장으로서 아이디어 기획부터 최종 발표까지 프로젝트 전 과정을 책임졌습니다. 무박 2일이라는 짧은 시간 동안 팀원들의 역할을 조율하고 동기를 부여하며 성공적으로 프로젝트를 완수했습니다. - FE Lead : React 기반의 프론트엔드 개발을 리드하며, 메인 대시보드, 음료 기록, 통계 UI 등 사용자의 핵심 경험을 구성하는 주요 기능들을 직접 구현했습니다.

Let's Work Together

새로운 프로젝트나 협업 기회에 대해 이야기 나누고 싶습니다.
언제든 연락주세요.