콘텐츠 영역 바로가기
👨💻 Jaesun 👨💻
프로필
경력
기술
활동
콘텐츠 영역 바로가기
👨💻 Jaesun 👨💻
프로필
경력
기술
활동
기술
UI 구조
HTML · CSS
프론트엔드
React · TS
협업 도구
Figma · Zeplin
업무 방식
이슈 · 리뷰
⭐️ 주요 기술
UI 개발 기본기
HTML / CSS
시멘틱 마크업, Sass 구조화, 유지 보수 가능한 CSS 설계를 중심으로 작업합니다.
시멘틱 마크업
Sass
반응형 UI
CSS 구조
4개 포인트
프론트엔드 로직
JavaScript
UI에 필요한 인터랙션과 자동화 도구를 과하지 않게 다루는 편입니다.
JavaScript
jQuery
Webpack
Gulp
4개 포인트
서비스 프론트엔드
React / TypeScript
React 기반 UI 초기 세팅, 컴포넌트 구조, 데이터 기반 자동화에 관심이 많습니다.
React
TypeScript
Next.js
Storybook
VAC 패턴
4개 포인트 · 4개 링크
디자인 도구
디자인 협업
디자인 파일을 읽고, 의도를 UI 결과물로 옮기는 과정에 강점이 있습니다.
Figma
Zeplin
Sketch
Photoshop
SVG
4개 포인트
개인 프로젝트 및 스터디
생산성 실험
AI 학습
변화하는 시대에 맞춰 AI를 이용한 생산성 증대에 대하여 관심이 많습니다.
Codex
Cursor AI
AI 스킬
생산성
5개 포인트
Next.js 실습
HTML → Next.js 컴포넌트 분리
하드 코딩된 HTML로 구성된 화면을 Next.js 컴포넌트 구조로 나누며 구현해 본 작업입니다.
HTML
Next.js
컴포넌트
리팩터링
3개 포인트 · 5개 링크
포트폴리오 개선
포트폴리오
CRA 기반 포트폴리오를 Next.js로 옮기고, 통계와 카드형 UI까지 확장한 작업입니다.
CRA 마이그레이션
Next.js
통계
Swiper
Codex
AI
5개 포인트 · 10개 이미지 · 2개 링크
API 실습
API 만들어 보기
데이터를 받아와서 처리하는 방식의 구성을 초안 형태로 실험하고 있습니다.
API
데이터
초안
백엔드
3개 포인트 · 1개 링크
사이드 프로젝트
Morae
개인적으로 진행한 사이드 프로젝트로, 작업 히스토리와 산출물 페이지를 함께 관리했습니다.
사이드 프로젝트
GitLab
산출물
히스토리
3개 포인트 · 2개 링크
업무 진행 방식
주니어 케어
서비스 리딩
탑다운보다는 의견을 제안하고, 각자의 방식을 존중하며 시너지를 내는 방식을 지향합니다.
온보딩
리뷰
글쓰기
오너십
4개 포인트
이슈 관리
이슈와 히스토리
작업 단위와 의사결정 흔적이 남는 방식을 선호합니다.
이슈 추적
Gitflow
히스토리
유지 보수
4개 포인트 · 1개 링크
협업 방식
커뮤니케이션
직군 사이에 선을 긋기보다 이슈가 자연스럽게 흘러가도록 돕는 편입니다.
디자인 QA
리뷰 톤
존중
조율
4개 포인트