Brian Jeong's Portfolio
About me
기술과 비즈니스 관점을 모두 이해하는 프론트엔드 개발자입니다.
React와 Next.js 를 중심으로,
다양한 기술 경험을 통한 웹 서비스를 구축하며,
사용자 중심의 직관적인 경험을 구현하는 데 집중해왔습니다.
다국적 팀과의 협업 경험과
한국어·영어·일본어 소통 능력을 바탕으로,
국내외 사용자와 비즈니스 요구에
유연하게 대응할 수 있는 개발자입니다.
Skills
언어 | 영어[상 / 미국유학]일본어[JLPT N2] |
프로그래밍 언어 | TypeScriptJavaScriptJavaHTML / CSSPHPPython |
프레임워크 / 라이브러리 | React.jsNext.js with TypeScriptSpring Framework (MVC)CodeIgniter 4 |
Infrastructure & DB | MySQLPostGreSQLMongoDBRedisMyBatisDockerApache Tomcat |
Tools & IDEs | Adobe PhotoshopPyCharmIntelliJ IDEAEclipseVSCode |
Projects
포트폴리오 웹사이트 제작
개인 프로젝트 (1인)
2025.04 - 진행 중
개발환경
Next.js with TypeScriptReactTailwind CSSFramer MotionHTML/CSS
Next.js with Typescript 기반 CSR 중심의 정적 포트폴리오 사이트 구현
Tailwind CSS를 활용한 유틸리티 클래스 기반 반응형 UI 설계
Framer Motion을 이용한 스크롤 연동 애니메이션 구성
전체 뷰포트 기반의 수직/수평 scroll-snap 레이아웃 구성
섹션 레이아웃 및 UI 설계
주요기능: 직관적인 레이아웃을 통해 사용자 경험 개선
Intro, About, Skills, Projects, Career 섹션을 전체 화면 구성으로 설계
scroll-snap을 활용해 섹션 간 부드러운 전환 구현
모바일, 태블릿, 데스크톱 환경에 맞춘 반응형 레이아웃 유지
유지 보수성과 확장성을 고려한 컴포넌트 모듈화
애니메이션 및 커리어 슬라이드 인터랙션
주요기능: 스크롤 기반 애니메이션과 타임라인형 슬라이드로 역동적인 UX 구현
Framer Motion을 활용한 페이드인 및 순차적 등장 애니메이션 적용
스크롤 위치에 따라 헤더 배경색 동적으로 변경
`useAnimation`, `useInView`를 활용한 애니메이션 트리거 제어
`scroll-snap-type: x mandatory` 속성을 이용한 가로 슬라이드 구현
Career 섹션을 위해 각 슬라이드를 `100vw`로 설정
Framer Motion을 활용해 부드러운 전환 및 강조 효과 추가
i18n 및 다국어 지원
주요기능: 영문·국문 사이트를 위한 다국어 지원 기능 구축
`next-intl`을 적용해 다국어 라우팅 및 번역 관리 기능 구현
영어 및 한국어 번역을 위한 JSON 구조화
메뉴, 프로젝트 설명, 메타데이터 등 전 섹션에 로컬라이징 적용
지원되지 않는 언어에 대한 예외 처리 및 fallback 설정
S사 리워드 제공 관리 사이트
오픈포맷 [인센토]
2024.08 - 2025.05
개발환경
Next.js with TypeScriptReactPostgreSQLTailwind CSSChart.jsNivoAWS S3CloudFront
PostgreSQL 기반 데이터 관리 시스템 구축
AWS S3 및 CloudFront를 활용한 안정적인 파일 관리 및 배포 환경 구성
Tailwind CSS를 활용한 일관된 UI 스타일링 적용
Chart.js와 Nivo를 활용한 대시보드 데이터 시각화 구현
캠페인 및 리퍼럴 아이템 생성
주요기능: 캠페인 및 리퍼럴 구성 자동화
캠페인 설정을 위한 다양한 옵션(대상, 트리거, 기한, 지급 방식, 횟수 등)을 구조화한 UI 개발
추천인과 피추천인 기준으로 리워드 항목을 분리해 구성할 수 있는 구조 설계
입력된 설정 값을 JSON 형태로 반환하여 API 연동 처리
다양한 지급 조건에 따른 유연한 리워드 설계 지원
대시보드 및 리포트
주요기능: 리포트 및 데이터 시각화
Chart.js와 Nivo를 활용해 고객 여정, 유입 트렌드, 추천인 순위 등 주요 지표를 시각적으로 표현
운영자가 KPI를 한눈에 파악할 수 있는 대시보드 제공
테이블/차트를 CSV로 다운로드할 수 있는 기능 추가
재사용 가능한 컴포넌트 설계로 리포트/대시보드 유지보수 효율 강화
캠페인 리워드 지급 내역 관리
주요기능: 캠페인 리퍼럴 지급 관리
관리자 페이지에서 캠페인별 지급 내역 확인 기능 구현
추천인/피추천인 ID 검색 기능 제공
지급 상태(미지급/지급/회수)에 따른 수동 지급/회수 처리 가능
지급 시점, 리워드 항목, 대상자 정보 등을 표로 시각화하여 가독성 향상
인센토 리워드 마케팅 관리 사이트 리뉴얼
오픈포맷 [인센토]
2024.11 - 2025.01
개발환경
Next.js with TypeScriptReactPostgreSQLTailwind CSSChart.jsNivoAWS S3CloudFront
PostgreSQL 기반 데이터 저장 및 관리 구조 최적화
AWS S3 및 CloudFront를 활용한 정적 파일 저장 및 배포 환경 구축
기존에 대량으로 사용중인 MUI 라이브러리 제거 후 커스텀 컴포넌트 생성
Tailwind CSS를 활용해 반응형 및 일관된 UI 적용
Chart.js와 Nivo로 관리자 대시보드 및 상세 리포트 시각화 구현
UI/UX 전면 리뉴얼
주요기능: 관리자 사이트 사용성 개선
기존 관리자 사이트의 구조적 한계를 개선하기 위해 UI/UX 전면 리뉴얼 주도
캠페인 등록, 리워드 지급, 위젯 디자인·위치 설정 등 핵심 기능 화면 재설계
재사용 가능한 컴포넌트 구조 설계로 유지보수성과 확장성 강화
캠페인 데이터 관리
주요기능: 실시간 데이터 조회 및 관리
PostgreSQL 기반 데이터 모델링과 API 연동을 통해 실시간 캠페인 데이터 관리 기능 구현
캠페인 참여율, 리워드 지급 현황, 사용자 활동 로그 등을 대시보드로 제공
비동기 방식 데이터 로딩 적용으로 대규모 데이터 리포트 페이지 성능 개선
운영 효율화 및 리포트 기능
주요기능: 운영자 중심의 리포트 고도화
Chart.js와 Nivo를 활용해 캠페인 성과 및 리워드 집행 현황 시각화
운영자가 손쉽게 CSV 다운로드로 데이터 추출 가능
리포트 UI를 재사용 가능한 컴포넌트 기반으로 설계하여 확장 용이
인센토 랜딩 페이지 리뉴얼
오픈포맷 [인센토]
2024.10 - 2024.11
개발환경
Next.js with TypeScriptReactTailwind CSS
Tailwind CSS를 활용한 반응형 및 일관된 UI 스타일링 적용
Figma를 활용한 디자인 협업 및 마크업 작업
오픈소스 및 플러그인 라이브러리를 활용해 애니메이션 및 시각적 효과 구현
랜딩 페이지 디자인 및 콘텐츠 개편
주요기능: 브랜드 메시지 강화 및 서비스 이해도 향상
랜딩 페이지 전체 디자인을 리뉴얼하여 서비스 차별성과 전문성 부각
콘텐츠 워딩 및 정보 구조를 단순화하여 고객이 원하는 정보를 즉시 확인 가능
브랜드 아이덴티티를 반영한 일관된 UI 구성
애니메이션 및 인터랙션 구현
주요기능: 시각적 몰입도 강화
사용자 스크롤에 따른 시각적 전환 효과로 UX 강화
CTA 버튼과 주요 콘텐츠에 마이크로 인터랙션 적용
반응형 UI/UX 설계
주요기능: 모든 디바이스에서 최적화된 사용자 경험 제공
모바일, 태블릿, 데스크톱 환경에 대응하는 반응형 UI 설계
Tailwind CSS 컴포넌트 기반 설계를 통해 개발 효율성과 유지보수성 확보
디자이너와의 협업으로 디자인→개발 전환 과정 최적화
B2B 가상자산 세금 계산 플랫폼
다이얼로그 스페이스
2022.06 - 2024.04
개발환경
JavaSpring MVCJavaScriptjQueryMyBatisMySQLMongoDBRedisTomcati18n
MySQL·MongoDB를 병행하여 대용량 정형/비정형 데이터 관리
AWS S3·CloudFront·Lambda 기반 파일 업/다운로드 및 처리 파이프라인 구성
Spring MVC + MyBatis로 서버 로직 및 쿼리 최적화
i18n 적용으로 한/영 다국어 지원
거래소 연동 및 데이터 파이프라인
주요기능: API/파일 입력 데이터의 안정적 수집·정규화
주요 거래소 API 키 등록/관리 기능 개발
대량 거래내역 엑셀 업로드·파싱 기능 구현
API/업로드 데이터를 공통 스키마로 정규화하여 저장
세금 계산 및 대시보드
주요기능: 기업 사용자를 위한 지표 제공
세금 계산 로직 서버 사이드 구현 및 결과 반영
자산 현황·입출금·세금 예상액 등을 대시보드로 시각화
Ajax 기반 비동기 조회로 대용량 데이터 응답 속도 개선
문서/증빙 자동화
주요기능: 세무 업무 효율화
입출금 내역 증빙 및 각종 세무 문서 자동 생성
PDF/Excel 출력 지원으로 외부 제출 편의 제공
운영 품질 및 글로벌화
주요기능: 성능·신뢰성·다국어 지원
Redis 캐싱과 쿼리 튜닝으로 조회 성능 향상
i18n으로 한국어/영어 UI 제공
Tomcat 기반 배포·운영 환경 구성
크립토택스 관리자 백오피스 사이트 개발
다이얼로그 스페이스
2022.06 - 2024.04
개발환경
JavaSpring MVCJavaScriptjQueryMyBatisMySQLMongoDBRedisTomcatHTMLCSS
MySQL·MongoDB 기반 가상자산/세금 데이터 관리
Spring MVC + MyBatis로 관리자 페이지 및 대시보드 구현
AWS S3·CloudFront를 통한 이미지·문서 업로드/배포 환경 구축
Redis 캐싱으로 대량 데이터 조회 성능 최적화
백오피스 UI/UX 설계 및 구현
주요기능: 운영자 중심의 관리 화면 제공
거래소 API 및 업로드 데이터 통합 관리 화면 개발
가상자산 및 거래소 추가/변경/삭제 페이지 구현
운영자가 직관적으로 접근할 수 있는 UI 구성
사용자 및 권한 관리
주요기능: 보안성과 운영 효율성 강화
사용자 계정·권한 관리 기능 구현
데이터 조회 및 검증 로직 적용
운영자별 권한에 따른 접근 제어 기능 제공
운영 효율화 및 성능 개선
주요기능: 자동화 및 최적화 기반의 운영 지원
운영자 피드백을 반영한 기능 고도화 및 신규 메뉴 추가
Redis 캐싱과 MyBatis 쿼리 최적화를 통한 성능 향상
반복 업무 자동화로 운영 속도 및 정확성 강화
© 2025. Brian Jeong. All rights reserved.