Skip to content
View imi21123's full-sized avatar
  • Seoul, Republic of Korea

Organizations

@LINKY-B@TEAMMatchDev@ANI-WEAR@Onion-City@readyvery@UMC-5th-Notation@ENTP-UMC@UMC-6th@F3B4-KDT-Project@MUSINSSAK

Block or report imi21123

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
imi21123/README.md

한채연 · Chaeyeon Han

React · TypeScript 기반 프론트엔드를 중심으로 3년 6개월 동안 12개 프로젝트를 진행했고,
최근에는 NestJS · Spring Boot로 서버까지 범위를 넓히고 있습니다.


💼 Career

알리고에이아이 주식회사 · 개발팀 웹 개발자 · 2025.10 ~ 2026.04

에이전시가 계약한 셀럽을 등록하면, 광고주가 프로필과 활동 이력을 확인하고 협업을 제안합니다.
일반 광고 촬영뿐 아니라 라이선싱한 셀럽 이미지로 AI 광고를 제작하는 계약도 가능합니다.
해외 시장을 겨냥한 V1에서 국내 시장으로 전환하며 진행한 V2 전면 리뉴얼에 참여했습니다.

풀스택 3인 팀에서 프론트엔드 전반과 담당 기능의 서버와 관리자 페이지까지 작업했습니다.

  • 비즈니스 로직과 데이터 접근이 컴포넌트에 섞여 있던 레거시를 기능별 계층 구조로 분리하고 Context 기반 의존성 주입 적용
  • HTTP 클라이언트 · 토큰 자동 갱신 래퍼 · 에러 타입 분리 등 통신 계층 구축
  • 셀럽 상세 · 캠페인 관리 · 협업 제안 · 셀럽 추천 네 개 도메인 담당
  • 통화 변환 기능을 서버 API부터 화면 적용까지 전 구간 구현
  • 프론트 · 서버 · 관리자 세 저장소에 다국어(한/영) 지원 적용

🛠 Tech Stack

Language

Frontend

Backend

Infra & Tool

Architecture

FSD · Atomic Design · Clean Architecture · Controller–Facade–Service–Repository


📦 Projects

프로젝트내용스택기간
YouthPick청년정책 추천 서비스
· 정책 추천 매칭 엔진 단독 설계 - 8축 자격 필터 + 10축 가중 점수, 추천 근거를 응답에 포함
· 프론트엔드 FSD 구조 재편 및 커뮤니티 도메인 담당
Java 21 · Spring Boot
React 19 · Zustand
2026.07
MUSINSSAK커머스 클론
· Atomic Design 컴포넌트 체계 구축, GitHub Actions CI 도입
· Spring Boot 계층 구조로 상품 조회 API 구현
· Flyway로 도메인 규칙을 DB 제약에 반영
Vite · React 19
Java 17 · Spring Boot
2025.07 ~ 09
Prolog기술 블로그 플랫폼
· Clean Architecture 3계층으로 댓글 · 북마크 도메인 구현
· 소유권 검증을 유스케이스 계층에 배치
Next.js 15 · Prisma2025.05 ~ 06
Coedu실시간 교육 플랫폼
· 토큰 자동 갱신 인터셉터와 타입 안전 HTTP 클라이언트 구현
· IDE 자동완성이 지원되는 디자인 시스템 설계 후 전체 UI에 일괄 적용
TypeScript · Emotion
TanStack Query
2025.01 ~ 03
Read.me공지 확인 체크 서비스 · 프론트엔드 리드
· 프로젝트 초기 세팅과 커밋 · 명명 컨벤션 수립, 팀원 PR 리뷰 · 병합
· 단계별 라우트로 입력값이 유실되던 작성 폼을 상태 기반으로 재설계
Vite · styled-components2024.07 ~ 10
Whatssue모임 출석 관리 서비스
· 진행 중이던 팀에 합류해 출석 도메인 전체 담당
· 화면 진입만으로 출석이 열리던 문제 해결, 역할 기반 라우트 통합
Next.js 14 · TanStack Query2024.03 ~ 09
ReadyVery대학가 카페 모바일 주문 서비스 · 창업팀
· 커머스 전 구간과 Toss Payments 결제 연동 담당
· 불필요한 API 호출을 절반으로 줄여 로딩 지연과 화면 깜빡임 해소
· 축제 기간 이틀 동안 1,200만 원 매출
React · Toss Payments2023.10 ~ 2024.06

🎓 Education

기관과정기간
청년취업사관학교 SeSACAWS와 AI를 활용한 MSA 기반 웹 서비스 개발2026.05 ~ 11
청년취업사관학교 SeSACAI 시대의 자바 백엔드 개발자 양성 과정2025.06 ~ 09
KDT 멋쟁이사자처럼프론트엔드 부트캠프 플러스 4기2025.03 ~ 06
KDC 항해99실무에 바로 쓰는 Next.js2025.02 ~ 03

🧩 Activity

소속활동역할기간
창업팀 ReadyVery모바일 주문 서비스 개발Frontend Developer2023.10 ~ 2024.06
구름HTML5 콘텐츠 window.postMessage API 개발 검수-2024.10 ~ 11
구름톤 유니브가톨릭대 교내 운영운영진2024.07 ~ 2025.02
UMC 6th가톨릭대 지부 운영학교 대표2024.03 ~ 2024.08
UMC 5th파트 스터디 운영 · 코드 리뷰Android 파트장2023.09 ~ 2024.02
UMC 4th파트 스터디 운영 · 코드 리뷰Node.js 파트장2023.03 ~ 2023.08
UMC 3rd파트 스터디 운영 · 코드 리뷰Android 파트장2022.08 ~ 2023.02
창업동아리 MATCH홈페이지 MVP 제작Frontend Developer2023.06 ~ 08
ALCUK알고리즘 스터디 (주니어 · 시니어 · 시니어 심화)-2021 ~ 2022.08

🏆 Awards & Certificates

일자내용주최
2026.06.19SQLD · SQL 개발자한국데이터산업진흥원
2026.06.05ADsP · 데이터분석 준전문가한국데이터산업진흥원
2023.10.21ACM-ICPC 예선 대회 은상가톨릭대학교

🏫 University

가톨릭대학교 · 물리학 전공 · 컴퓨터정보공학 복수전공


Solved.ac Profile

Pinned Loading

  1. readyvery/readyFrontreadyvery/readyFrontPublic

    ☕ [고객사이드] 간편 선결제 테이크아웃 서비스, 레디베리 🥤

    JavaScript 4 4

  2. readyvery/readyBusinessFrontreadyvery/readyBusinessFrontPublic

    ☕ [점주사이드] 간편 선결제 테이크아웃 서비스, 레디베리 🥤

    JavaScript 2 4

  3. FRONT-END-BOOTCAMP-PLUS-4/prologFRONT-END-BOOTCAMP-PLUS-4/prologPublic

    📝 pro로 성장하는 모든 순간의 log

    TypeScript 1 2

  4. F3B4-KDT-Project/front-endF3B4-KDT-Project/front-endPublic

    JavaScript 1 2

  5. Onion-City/Whatssue_FE_v2Onion-City/Whatssue_FE_v2Public

    TypeScript 1

  6. YouthPick/front-endYouthPick/front-endPublic

    TypeScript 1