이송미(李松美)

Frontend Developer

안녕하세요,
이송미(李松美)입니다.

잡초처럼 유연하게 적응하고, 소나무(松)처럼 든든하게 신뢰를 쌓으려 합니다.

scroll

About

About Me

새로운 환경에는 빠르게 적응하고, 중요한 업무는 문서화해 생산성을 높이고 반복 소통을 줄여갑니다.

새로운 시도가 필요할 때는 먼저 실행하고, 경험과 결과를 공유해 팀의 불확실성을 낮추려 합니다.

함께 일하는 사람이 편하게 의지하고 신뢰할 수 있는 동료를 지향합니다.

학력

  • 학산여자고등학교졸업
  • 창원대학교 정보통신공학과졸업

자격증

  • IOT지식능력검정

    한국사물인터넷협회

수상

  • 제20회 정보통신기술대전(졸업작품전시회) 최우수상

    창원대학교 정보통신공학과

  • 캡스톤디자인 우수상

    LINC+사업단

대외활동

2018.06 ~ 2018.08

해외 활동 프로그램

창원대학교 · [중국] 연태 한국 학교

  • 교내 방학 방과후 활동 프로그램 초등 파이썬 강사
  • PPT 강의 자료 및 A4 학습지 제작
  • 시범프로그램에서 정식 프로그램으로 정착시킴
2018.09 ~ 2019.01

교육지원 봉사 활동

굿네이버스

  • 좋은 이웃 지역 아동센터에서 아동들을 대상으로 한 교육 지원
  • 센터 소속 초등학생 학업 보조 및 문제집 풀이·검사 진행

Career

경력

2023.12 ~ 2025.06

위브릭스

Frontend Main Developer

B2B 복지 커머스 플랫폼

  • 글로벌 화폐 교환 플랫폼 3종 웹 개발 (Frontend Main)
  • 사내 CS 운영 Back Office, 의료 대시보드 개발
  • 프로젝트 초기 세팅 및 개발·온보딩 문서 체계 구축
2020.08 ~ 2022.12

팀플백

Full Stack Developer

전국 4,000+ 학급이 사용하는 온라인 글쓰기 교육 플랫폼 (MOU 3건)

  • 자작자작 글쓰기 플랫폼 Full Stack 개발
  • 교육 서비스 MVP(챕피) Frontend 개발
  • MOU 기반 서비스 연동·요구사항 대응 개발(삼성 스마트 스쿨, 경남 아이톡톡, 대구광역시교육청)

Projects

프로젝트

글로벌 화폐 교환 플랫폼

Multi Tenant 구조로 신규 기업 추가 약 1주 → 1시간 이내 단축

B2B 복지포인트 플랫폼의 사용자·입점업체·관리자 3종 웹 구축

2024.07 ~ 2025.03·Frontend Main·4인 (FE1·BE2·PM1)·기여도 40%·FE 기준 90%·위브릭스

도메인 기반 Multi Tenant와 Headless 컴포넌트로 기업별 UI 자동 전환

과제

기업 계약마다 3종 웹의 PHP 코드를 통째로 복사해 사이트가 기업 수×3으로 늘어나는 구조.

기업 1곳 추가에 통상 약 1주 소요.

해결

• 기업 식별: 도메인 기준으로 기업별 Config 자동 적용

• 디자인 시스템 구축: Tailwind CSS 기준으로 Mantine UI를 커스텀해 단일 디자인 시스템으로 통합

• 컴포넌트 설계: Headless 컴포넌트 패턴으로 로직과 UI를 분리해 Config에 따라 UI가 자동 전환되는 확장 구조

결과

기업이 늘어도 웹별 단일 코드베이스 3개로 유지.

기업 1곳 추가 시 소요시간 약 1주 → 1시간 이내 (Frontend 기준)

NESSIRSL
자작자작

온라인 문집 제작 기능으로 신규 수익원 창출

학생 글쓰기·교사 관리·문집 제작을 연결한 온라인 글쓰기 교육 플랫폼

2020.08 ~ 2022.12·Full Stack Developer (Frontend 중심)·3~5인·팀플백

목차형 편집 UI와 양방향 데이터 동기화로 Server-Driven UI 데이터 가공

과제

온라인 문집 제작 서비스를 위해, 3중 Depth 글 데이터를 문집 에디터용 Server-Driven UI 형식으로 가공 필요

해결

• 사용자 편의성 설계: 데이터 선택과 정렬을 좌우로 나눈 2열 구조로, 순서 변경 기능을 통해 책 목차처럼 직관적인 문집 구성

• 데이터 가공: 정렬 순서를 유지한 채 글·글감 추가·삭제를 좌우 양방향 동기화.

글 선택 시 상위 글감 자동 포함 등 상하위 연동 반영. Server-Driven UI 형태로 데이터 변환

• PDF 생성: 에디터 편집 데이터를 디자인별 문집 템플릿에 적용해 인쇄용 PDF 문집 생성

결과

해당 기능으로 문집 제작 사례가 발생하며 신규 수익원 창출

NHRE
글로벌 화폐 결제 쇼핑몰 PoC

화폐 사용처 확장 쇼핑몰 PoC, AI 활용 영업일 12일 구축

글로벌 화폐 교환 플랫폼의 화폐로 결제하는 쇼핑몰·관리자 PoC

2025.04 ~ 2025.05·Main Developer·2인 (Main · Backend Sub)·기여도 85%·위브릭스

AI 생성·직접 수정 병행으로 기존 플랫폼 연동 커머스 구현

과제

기업 복지몰에 한정된 플랫폼 화폐의 사용처를 쇼핑몰로 확장하기 위해, AI 활용 시 개발 소요 기간을 확인해 사업화 가능성 판단 필요

해결

• 코드베이스 활용: AI 강의 자료의 프롬프트로 쇼핑몰·관리자 뼈대 생성

• 기존 플랫폼 연동: 글로벌 화폐 교환 플랫폼의 계정 로그인·화폐 결제 구현, Prisma·PostgreSQL로 쇼핑몰 DB 구축

• AI 활용: 페이지 구조·디자인 틀 등 큰 범위 변경은 AI로 빠르게 처리하고, 버그·디자인 디테일은 직접 수정

결과

영업일 12일 구축으로 단기 사업화 가능성 확인

AI

AI 활용

개발 활용 사례

01 // DEV_USE

  • FigmaMcp 베이커리 쇼핑몰Figma MCPClaude Code

    AI로 쇼핑몰·관리자를 7시간 40분 만에 완성하고, 이후 모바일 Lighthouse 점수를 78–97 → 93–99로 개선

    bakery.im-pine.comWiki ↗GitHub ↗

  • AI PR 리뷰봇Claude CodeGitHub Actions

    AI가 만든 PR을 AI가 다시 검증해 승인·머지까지 하는 리뷰봇을 만들어, 사람 개입을 3/6 → 1/7로 감소

    시연 PR ↗GitHub ↗

  • 포트폴리오 사이트Figma MakeClaude Code

    디자인 방향·레퍼런스 조합·내용 정리는 직접 하고 개발은 AI에 맡겨, 4일 동안 1차 완성

    GitHub ↗

  • ToDoToDoClaude Code

    6일 동안 AI 없이 직접 설계·구현한 Next.js 풀스택 구조 위에, 하루 동안 구조를 지시해 AI로 나머지 기능 마무리

    todo.im-pine.comWiki ↗GitHub ↗

  • 글로벌 화폐 결제 쇼핑몰 PoCCursor

    사내 AI 프롬프트 코드베이스를 확장해 큰 범위는 AI, 버그·디테일은 직접 수정하며 쇼핑몰·관리자·플랫폼 연동을 12영업일 동안 구축

업무 활용 사례

02 // WORK_USE

  • Obsidian 기반 AI 개인 지식 시스템Claude CodeObsidian

    경력·개발 지침·디자인 레퍼런스·아이디어를 한 볼트에 모아 AI 세션이 읽고 쓰는 지식 시스템 운영. 커리어 관리는 에이전트 4개가 권한을 나눠 담당

  • 개발 문서 초안ChatGPT

    Tech Spec 양식과 개발 방향을 주고 받은 초안을 직접 다듬어 개발 문서 작성

  • 업무 관리 플로우 사내 세미나JiraTodoist

    Jira 문서를 플러그인으로 Todoist·캘린더·Session과 연계해 업무·일정을 관리하는 방법을 공유

Skills

기술 스택

FrontEnd

Next.js

  • 복잡한 RBAC 구현과 같이 SSR·Middleware가 필요할 때 주로 사용
  • 반대로 별도 백엔드 서버를 운영할 필요가 없는 규모에서 간단하게 백엔드 작업이 필요할 때도 사용

React

  • 요구사항과 확장 방향을 기준으로 컴포넌트 구조를 판단해 설계
  • 기업마다 UI가 달라지는 환경에서는 로직과 UI를 분리한 Headless Component 패턴으로, 디자인 변경이 기능 수정으로 이어지지 않는 구조 구성
  • 대시보드 검색·필터처럼 조건 종류가 다양한 영역은 Compound Component 패턴으로 구성해, 텍스트·날짜·목록 선택 등 필요한 조건만 조합해 화면마다 재사용

Tailwind CSS

  • 디자인 시스템을 처음부터 만들 수 없는 규모에서 색상·간격 등 기본 디자인 기준을 제공받으면서도 제약 없이 확장·커스텀할 수 있어 선택
  • 반복되는 스타일은 완성형 컴포넌트로 정리하고, 그 외에는 유틸리티 클래스로 빠르게 적용

Contact

연락하기

Im Pine Thank You :)

Email

im.pine.dev@gmail.com