Available for work

안녕하세요,
프론트엔드 개발자
Luka입니다.

사용자 경험을 중심으로 생각하는 개발자입니다. 클린 코드와 작동하는 제품 사이의 균형을 추구합니다.

프로젝트 보기 → 연락하기

About

이런 개발자입니다

⚡

빠른 프로토타이핑

아이디어를 빠르게 검증하고 동작하는 데모로 만드는 것을 좋아합니다.

🎯

사용자 중심 사고

기능 구현보다 사용자가 실제로 어떻게 쓰는지를 먼저 생각합니다.

🔧

문제 해결

막히면 파고드는 타입. 디버깅 과정을 기록하고 공유합니다.

📝

기록하는 개발자

배운 것, 삽질한 것을 블로그에 남깁니다. 내 미래의 나를 위해서.

Skills

기술 스택

Frontend

HTML / CSS JavaScript TypeScript React Next.js TailwindCSS

Backend / DB

Node.js Python Supabase PostgreSQL SQLite

Tools

Git GitHub Vercel VS Code Claude Code

Projects

만든 것들

드래그앤드롭 Todo 앱
데모 코드

HTML5 Drag and Drop API로 순서 변경이 가능한 Todo 리스트. 외부 라이브러리 없이 구현하고 LocalStorage로 데이터를 유지한다.

HTML CSS Vanilla JS
실시간 환율 계산기
데모 코드

React 18 CDN 환경에서 ExchangeRate-API를 연동한 환율 계산기. 빌드 도구 없이 useEffect, useCallback, 커스텀 훅을 활용한다.

React 18 CDN ExchangeRate-API
방명록 (풀스택)
데모 코드

Next.js App Router + Supabase로 만든 풀스택 방명록. Server Action, ISR, useTransition으로 낙관적 UI를 구현한다.

Next.js 15 Supabase TypeScript Vercel
유튜브 자막 추출기
데모 코드

YouTube URL만 넣으면 자막을 추출해주는 Python CLI + Streamlit 웹 앱. 다국어 지원, 타임스탬프 포함/제외 옵션 제공.

Python Streamlit youtube-transcript-api

Contact

연락하기

새로운 프로젝트, 협업, 또는 그냥 안녕 인사도 환영합니다.
GitHub이나 블로그에서 더 많은 작업을 확인할 수 있습니다.

GitHub 블로그 튜토리얼 모음 →