jerryko570

Follow

jerryko570

Follow

1 follower · 1 following

Achievements

Achievements

jerryko570/README.md

Hi, I'm Jerry 👋

UI/UX 디자이너에서 프론트엔드로 넘어가는 중입니다. 디자인과 구현 사이의 경계를 줄이는 일에 관심이 많고, 최근에는 디자인 · 프론트엔드 · AI 세 방향을 함께 공부하고 있습니다.

일관된 디자인 시스템 구축부터 컴포넌트 설계까지, 유지보수와 확장성을 고려한 UI 파이프라인을 만드는 데 집중하고 있습니다.

🌱 성장 블로그 운영 중

혼자 공부한 것들을 정리해두는 성장 블로그를 운영합니다. 디자인 / 프론트엔드 / AI 트렌드까지, 배우는 중인 분야를 다방면으로 기록합니다.

시간은 절약하고 공부는 놓치지 않기 위해, 최신 공식 블로그 글을 자동으로 크롤링해서 학습 노트로 정리하는 파이프라인을 직접 만들어 붙였습니다.

🔗 블로그: https://jerryko570.github.io/

🔗 자동화 구조 정리: 블로그 자동화 세팅 케이스 스터디

자동화 파이프라인 요약

Python 스크립트가 Figma · React · Vercel · Anthropic 같은 공식 블로그 RSS를 수집
GitHub Actions + Claude Code가 1일마다 한 편씩 학습 노트로 재구성
썸네일은 피그마 시안을 기반으로 자동 생성

🔖 Tech Badges

🔧 기술 스택

분류	기술
Language	JavaScript, TypeScript
Framework	React, Next.js (App Router)
Styling	Tailwind CSS
Tools	Storybook, Git, GitHub
Automation	GitHub Actions, Claude Code, Python

📌 프로젝트

UX Design Portfolio

Next.js 기반 원페이지 인터랙티브 UX 디자인 포트폴리오 (수료 후 제작 예정)

Growth Blog with AI Automation

디자인 · 프론트엔드 · AI 트렌드를 스스로 학습하고 기록하기 위한 성장 블로그. GitHub Actions + Claude Code로 학습 노트 파이프라인을 구성했습니다.

공식 블로그 RSS 크롤러 (Python)
학습 노트 자동 생성 (Claude Code Action)
카테고리별 썸네일 자동 생성 (Pillow)

Global Nomad (팀 프로젝트)

디자인 시스템 기반 UI 구조 설계
공통 UI 컴포넌트 재사용 구조 설계
GitHub PR 기반 협업

TheJulge (팀 프로젝트)

회원가입 / 마이페이지 UI 구현
쿠키 기반 인증 흐름 연동 및 상태 처리
GitHub PR 기반 협업

Rolling (팀 프로젝트)

User Flow 설계 및 UX 흐름 정리 — 디자이너 시절 늘 하던 일이었는데, 이제 그 흐름을 직접 코드로 구현했습니다.
공통 컴포넌트 작업 — Button, Header, RollingCard, RollingSlider, Toast 5개 컴포넌트
메인·리스트 페이지 구현 — 라우트 구성부터 UI 스타일, 모바일 반응형 처리
인터랙션 UI 구현 (Swiper 적용) — 카드 슬라이더의 모션과 반응형 처리
GitHub PR 기반 협업

📫 Contact

Email: jerry.narae@email.com
Blog: https://jerryko570.github.io/
GitHub: https://github.com/jerryko570

Popular repositories Loading

19-Sprint-Mission 19-Sprint-Mission Public

Forked from codeit-bootcamp-frontend/19-Sprint-Mission

프론트엔드 19기 레포지토리
jerryko570.github.io jerryko570.github.io Public

Forked from cotes2020/jekyll-theme-chirpy

HTML
rolling-part2-team2 rolling-part2-team2 Public

Forked from Rolling-to-Modern-React/rolling-part2-team2

JavaScript
baekjoon-js baekjoon-js Public

JavaScript
mini-project-crud-todolist mini-project-crud-todolist Public
inner-trip-with-nextjs inner-trip-with-nextjs Public

TypeScript