김찬기

프론트앤드 개발자

당연한 일도 다른 시각으로 바라보며 새로운 가능성을 찾습니다. 경험을 소중히 여기며, 늘 궁금해하고 배워가며 성장합니다.

About

저는 사용자 경험을 최우선으로 생각하는 프론트엔드 개발자입니다. 단순한 기능 구현을 넘어, 사용자의 행동과 니즈를 깊이 이해하고 직관적이고 효율적인 인터페이스를 설계하는 데 집중합니다.

익숙한 것에 의문을 던지고, 새로운 관점에서 문제를 바라보며 더 나은 해결책을 모색합니다. 다양한 경험에서 얻은 통찰은 사용자 중심의 개발에 큰 도움이 되었고, 앞으로도 끊임없이 탐구하며 더 나은 디지털 경험을 만들어가는 개발자로 성장하겠습니다.

핵심역량

  • 요구사항에 맞춰 목적에 적합한 컴포넌트를 설계하고 구현할 수 있습니다.
  • 다양한 UI 구현 경험을 통해 사용자 행동 흐름과 인터렉션에 대한 감각이 뛰어납니다.
  • 기획, 디자인, 마케팅 등 타 직군과의 원활한 협업 경험이 풍부하며, 서비스의 흐름을 빠르게 이해하고 기획 의도를 반영한 UI/UX 구현이 가능합니다.
  • 접근성과 사용성을 고려하여 UI 컴포넌트를 구현할 수 있습니다.

기술스택

  • React, Next.js, TypeScript, JavaScript, HTML, CSS
  • Tailwind CSS, Styled Components
  • Git, GitHub
  • Figma, Adobe XD, Photoshop, Zeplin

Experiences

  • 2025

    코드잇 스프린트 프론트엔드 12기 수료

    2024.10 ~ 2025.04

    유시스에서 근무할 때부터 개발에 관심을 가져 혼자 공부하며 프로젝트를 진행해왔습니다. 이후 협업 경험과 부족한 지식을 보완하기 위해 코드잇 스프린트를 수료하며 최신 웹 개발 트렌드와 기초 지식을 학습해 프론트엔드 역량을 강화하였습니다.

  • 2024

    (주)유시스

    UXUI팀 과장

    2019.02 ~ 2024.08

    웹·모바일 서비스의 디자인 및 퍼블리싱을 담당하였고, 웹 접근성 인증 및 다수의 디자인 어워드를 수상하였습니다. 키오스크, 웹 관제, 태블릿 업무 시스템, 앱 디자인 등 다양한 분야의 프로젝트 경험을 통해 폭넓은 경험을 쌓았습니다. 고객의 요구사항을 정확히 파악하고 이를 반영한 디자인 및 퍼블리싱을 성공적으로 수행하였습니다.

    주요업무

    • UXUI 디자인
    • 퍼블리싱 및 UI개발
    • 웹접근성 인증 마크 획득

    주요성과

    • 20년 부산인디커넥트 페스티벌 GDWEB GRAND PRIZE 수상
    • 19년 공유마을 어플리케이션 부산국제디자인어워드(ibda) 수상
  • 2018

    현대미포조선

    생산관리 대리

    2013.11 ~ 2018.11

    조선해양공학부를 졸업한 후 첫 근무지로 현대미포조선에서 근무하였습니다. 생산공정관리 및 서비스 엔지니어 파견 업무를 통해 체계적인 일정 관리와 문제 해결 능력을 기르게 되었습니다. 이때의 경험은 이후 프로젝트의 공정 관리를 체계적으로 수행하는 데 큰 도움이 되고 있습니다.

    주요업무

    • 생산공정관리
    • 서비스 엔지니어 파견
더 많은 경험 보기

Projects

  • 2025
    Pick Road
    Personal

    Pick Road

    PickRoad는 블로그, 유튜브 등의 링크를 주제별로 큐레이션해 로드맵 형태로 공유할 수 있는 웹 서비스입니다. Next.js의 Server Action과 SSR을 활용해 서버 중심의 데이터 흐름을 구성하고, Drizzle ORM과 PostgreSQL로 기본적인 데이터 모델링과 CRUD 작업을 직접 구현했습니다.

    Next.js
    Typescript
    Drizzle
    Supabase
    Zod
    React Hook Form
    Tailwind CSS
    SSR
  • 2025
    Maskit
    Personal

    Maskit

    Maskit(마스킷)은 이미지에서 민감한 정보를 손쉽게 가릴 수 있는 도구입니다. 마우스로 영역을 선택하거나 이모지를 추가하고, 자동으로 텍스트를 감지해 가려줍니다. 편집한 이미지는 복사하거나 다운로드할 수 있습니다.

    React
    Typescript
    Jotai
    Tailwind CSS
    Shadcn
    Canvas
    Konva.js
  • 2025
    Epigram
    Team

    Epigram

    에피그램은 명언을 공유하고 사람들과 댓글로 소통하며, 나의 감정을 기록하고 통계로 시각화하여 감정 변화를 한눈에 확인할 수 있는 커뮤니티 플랫폼입니다.

    Next.js
    Storybook
    Jest
    Zustand
    Zod
    React Hook Form
    React Query
    Tailwind CSS
    Motion
더 많은 프로젝트 보기