Skip to content

안은소

Frontend Engineer

복잡함을 단순함으로 바꾸는 것을 지향하며, 깊이 있는 몰입과 구조적 접근으로 문제의 본질을 바라봅니다.

사용자와 상황의 다양성을 이해하고, 주도적으로 문제를 정의하며 해결책을 만들어 나갑니다.

경력

주식회사데이터라이즈 (Datarize)

프론트엔드 개발

2026.01 - 2026.04

이커머스 고객 데이터 기반 CRM 마케팅 자동화 솔루션을 제공하는 B2B SaaS 플랫폼

[AI 기능 개발]

AI 프롬프트 기반 위젯 디자인 생성 기능으로 위젯 생성 완료율 향상

  • 위젯 디자인 시 직접 설정 방식으로 중도 이탈율이 높았던 문제 인식
  • 자연어 프롬프트로 위젯 디자인을 생성하는 AI 채팅 기능 설계 및 구현
  • 위젯 디자인 플로우 개선을 통해 위젯 생성 완료율을 11%에서 37%까지 향상
[UX 개선]

위젯 쉬운 삽입 기능으로 고객사 개발 의존성 및 CS 요청 감소

  • 위젯 설치 과정에서 스크립트 삽입으로 고객사 개발 지원과 CS 대응이 반복적으로 필요한 문제 인식
  • 고객사 사이트에서 선택한 DOM 요소의 경로를 추출하여 해당 위치에 위젯을 동적으로 삽입하는 로직 구현
  • 개발 리소스 없이도 마케터가 직접 위젯을 설치할 수 있는 환경 제공
[UX 개선]

Cafe24 연동으로 위젯 추천 정확도 및 노출 효율 개선

  • 이미 장바구니에 담은 상품이 추천 위젯에 다시 노출되어 추천 효율이 떨어지던 문제 인식
  • Cafe24 Front API SDK 연동 및 장바구니 상품 조회 로직을 구현하여 담은 상품을 추천 대상에서 제외
  • 테스트 모드 시 불필요한 API 호출을 스킵하도록 최적화하여 호출 비용 절감
[기술부채 개선]

디자인 시스템 마이그레이션으로 유지보수 비용 절감 및 UI 일관성 강화

  • 레거시 디자인 라이브러리와 신규 디자인 시스템이 혼재되어 UI 일관성과 유지보수성이 저하되는 문제 인식
  • Feature Flag 기반 점진 배포, Playwright VRT, Storybook 기반 시각 회귀 검증 프로세스 구축
  • 컴포넌트 매핑 규칙과 검증 절차를 문서화하여 반복 가능한 마이그레이션 가이드 수립

(주)와이디엔에스

인턴

2021.04 - 2021.07

공공기관 대상 데이터 플랫폼 및 스마트 행정 시스템을 구축하는 IT 솔루션 기업

  • 서울시 공공데이터 API를 활용해 데이터를 수집/가공하고, 적재된 데이터를 기반으로 데이터 시각화 구현

프로젝트

모잇지 (Moitz)

프론트엔드 개발

2025.07 - 2025.11

지하철 노선 기반, 모임 중간 지점 및 모임 장소 추천 웹 서비스 (우아한테크코스 7기 팀 프로젝트)

[로딩 성능 개선]

Naver Map 동적 로딩으로, 지도 기반 결과 페이지 FCP 86% 개선

  • 지도와 무관한 라우트까지 지도 스크립트가 실행되며 CRP가 막혀 FCP가 느려지는 구조적 문제 인식
  • index.html의 동기 Naver Map 스크립트를 제거해 렌더 블로킹 1.2s 해소
  • 결과 페이지 진입 시에만 지도 API를 로드하는 동적 스크립트 로더와 로딩/에러 상태 관리 훅 설계
  • 결과 페이지 기준 FCP 4.4초 → 0.6초로 86% 개선, Lighthouse 성능 점수 46 → 57로 개선
[CI/CD]

GitHub Actions + OIDC로 FE 배포 파이프라인 구축 및 안전성/보안 강화

  • self-hosted runner(EC2)에 운영 서버와 배포 권한이 집중된 구조에서 SPOF, 권한 관리 리스크 인식
  • GitHub Hosted Runner와 AWS IAM OIDC Provider, FE 배포 전용 IAM Role 및 브랜치 기반 Trust Policy로 S3/CloudFront 최소 권한 접근 제어 구현
  • FE CI에서 ESLint/TS/Jest 검증, CD에서 아티팩트 기반 S3 배포/CloudFront 무효화 및 concurrency 설정으로 중복 배포를 방지
[UX 개선]

SNS 공유 시 모임별 맞춤 미리보기 카드로 URL 공유 경험 향상

  • CSR SPA 구조로 인해 모든 모임 결과 URL이 동일 index.html의 고정 OG 메타 태그만 노출되는 문제 인식
  • CloudFront Functions에서 User-Agent 기반 봇을 식별하고 쿼리스트링을 파싱해 head-only HTML과 동적 OG 메타 태그 생성
  • 소셜 플랫폼에서 URL 공유 시 모임별 정보를 미리보기 카드에 노출하여 링크 신뢰도와 URL 공유 경험 향상

티토 (Tito)

백엔드 개발

2024.04 - 2024.12

LLM 기반 언어 교정으로 실시간 토론 커뮤니티 앱 서비스 (2024 ICT 멘토링 한이음 트랙 은상 수상)

[실시간 채팅]

WebSocket으로 실시간 토론 채팅 구현

  • WebSocket 기반 실시간 토론 채팅을 위해 로우 레벨 프로토콜로 맞춤형 엔드포인트와 메시지 포맷 구현
  • ping/pong 기반 keep-alive 로직으로 비활성 세션 자동 종료를 방지하여 장시간 연결 안정성 확보
[알림 시스템]

FCM 기반 푸시 알림 인프라 구축

  • 토론 시작, 멘션, 새 메시지 여부를 웹뷰 기반 앱에서 확인하기 어렵던 UX 문제 인식
  • Firebase Cloud Messaging으로 토론 참여, 알림 구독, 토픽 기반 푸시 라우팅 구현
  • 사용자 복귀율 증가 및 실시간 참여 유도 효과 확보

교육

1년 차 주니어 소프트웨어 개발자 수준의 역량을 갖춘 인재 양성을 목표로 하는 우아한형제들 소속 집중 교육 프로그램

  • 페어 프로그래밍과 상호 코드 리뷰 기반의 8개 미션 수행을 통한 TDD 및 유지보수 중심의 코드 설계 역량 확보
  • 지속적인 회고와 글쓰기, 테코톡 발표를 통해 지식을 체계화하고 공유하는 메타인지 강화 및 함께 성장하는 기술 공유 문화 실천
  • 팀 프로젝트의 기획부터 배포, 운영까지 전 과정을 주도하며 체득한 실무 중심의 협업 프로세스 및 서비스 운영 경험
  • Hook 제작 스터디를 통해 DX를 최적화하는 라이브러리 구현, 인터페이스 설계 및 NPM 패키지 배포

발표

CSR 환경에서 동적 OG 태그 적용하기

25/26 GDGoC Soongsil 연합 세미나2025.11

CSR 환경의 메타 태그 한계를 극복하기 위해 CloudFront Functions 기반 엣지 컴퓨팅으로 봇 요청을 식별하고 동적 OG 태그를 구현하며 Lambda@Edge 대비 트레이드오프를 정리한 트러블슈팅 발표

컴포넌트, 유연하게 다시 생각해보기

우아한테크코스 7기 테코톡2025.08

변경에 유연한 UI를 위해 컴포넌트의 의존성을 재구성하고 의존성 응집, Headless 패턴, 모델 단위 분리 등 유지보수성을 높이는 실용적인 컴포넌트 설계 전략 공유

개발자도 할 수 있는 디자인 시스템

24/25 GDGoC Soongsil SSUMALL 세미나2025.08

개발 생산성과 일관된 UI/UX를 위한 디자인 토큰 및 컴포넌트 구조화 과정을 소개하고, 소규모 프로젝트에 적용하는 방법 공유

활동

Google Developer Groups on Campus in Soongsil

Member2023.09 - 현재

개발과 Google 기술에 관심 있는 대학생 커뮤니티로 3기 Server 파트 멤버, 4기 DevRel, 5기 Member로 참가

숭실대학교 연합 보드 동아리 (4S)

회장2023.01 - 2024.01

300명 규모의 스포츠 보드 동아리 운영 및 연간 40회 이상의 온/오프라인 행사 기획, 진행 및 총괄하여 동아리 연합회 1등 수상. 타 대학 연합 행사 기획 및 대학생 보드 연합(KUSBF)과 협업 진행.

수상내역

2024 클라우드 아이디어 공모전대상 수상 (부산시장상)
2024.12
2024 ICT멘토링 프로젝트 한이음 트랙은상 수상 (정보통신기획평가원장상)
2024.12

학력

숭실대학교컴퓨터학부 (융합전공 : ICT유통물류)
2020.03 - 2026.02

자격증

TOEIC Speaking · IHTOEIC / 국제공인자격
2025.11.22
정보처리기사한국산업인력공단
2025.06.13
MOS Excel Expert 2016Microsoft / 국제공인자격
2021.12.08

기술 스택

LanguagesJavaScript, TypeScript, HTML, CSS
Frameworks & LibrariesReact, Next.js, Emotion, Styled-components, Storybook, jQuery
ToolingESLint, Prettier, Webpack, Vite, npm, yarn
CollaborationGit, GitHub | Jira, Linear, Notion | Google Analytics, Sentry | Figma, XD, Zeplin, Miro
eunsoa