주문 웹 전면 재구축 프로젝트에서 로그인·회원가입·소셜 로그인·본인인증·회원정보수정 등 회원 생애주기 화면 전체와, 위치 기반으로 배달주소·포장매장을 자동 설정하는 수령정보 흐름, 매장 찾기와 메인·이벤트 화면을 신규 구현했습니다. 매장 지도는 OpenLayers로 드래그 자동 재조회를 구현하고, 밀집 지역 버벅임을 성능 트레이스로 규명해 핀 렌더링을 canvas로 전환했으며, 그 결과 지도 이동 렌더 비용을 42%, 재조회 요청을 47% 줄였습니다. 폰트는 동적 서브셋으로 바꿔 첫 화면 전송량을 2,009KB에서 188KB로 90% 줄였고, 앱 공통 셸 번들을 정리해 전 라우트 초기 JS를 52KB 덜어냈습니다. 이후 결제 영역을 추가로 인수해 기획 요구사항 99건을 코드와 전수 대조하고 구현 갭을 정리했습니다.

에이전틱 방식으로 일해온 연장선에서, 작업을 병렬로 운영한 첫 프로젝트입니다. 에이전트 실행 환경을 직접 구성해 — 지시문·검증 루프·컨텍스트 격리를 프로젝트에 맞게 설계하고, git worktree로 독립된 작업 여러 건을 동시에 진행하며 설계·리뷰·검증은 직접 쥐었습니다. 각자 다른 일을 맡은 팀을 운영하는 구조에 가깝고, 위임한 만큼 검증을 엄격히 걸었습니다 — 퍼블리싱은 Figma MCP로 시안을 읽혀 처리하되 계산된 스타일로 1:1 대조하고, 화면·네트워크는 브라우저 자동화로 관측하고, 성능은 추정 대신 A/B 실측으로 확정했습니다.

UGC 2026 컨퍼런스와 SECON 2026 전시 운영을 위한 신규 웹서비스 홍보 대시보드 개발을 4인 팀으로 리딩하며 메인 대시보드를 직접 담당했습니다. 기획·디자인·API가 확정되지 않은 상태에서 개발환경과 프로젝트 구조를 설계하고 GitLab 인스턴스 및 Pages 배포 환경까지 구축했으며, 변경되는 요구사항을 기준으로 공통 컴포넌트를 선설계했습니다. 대시보드의 핵심인 평면도 인터랙션은 Konva.js로 직접 구현하고 라이브 플레이어도 자체 개발해 전시 가능한 완성도를 확보했습니다. 불확실한 기획·디자인·백엔드 환경에서도 전시 일정에 맞춰 서비스 구조를 정립했고, 코드리뷰와 방향성 리딩으로 초급 개발 인력의 생산성과 결과물 품질을 함께 끌어올렸습니다. AI 에이전트에 구현을 위임하는 방식을 이 프로젝트부터 실무에 적용했습니다.

HTML/SCSS/jQuery 기반으로 이벤트 페이지를 독립 구조로 제작하고, GSAP로 게임 톤에 맞춘 애니메이션을 구현했습니다. 후속 게임 신규 홈페이지와 기존 관리자 화면(주요 화면 10여 개)은 Next.js로 재구축해 최신 스택으로 정리했고, Mantine으로 UI 일관성을, i18n으로 다국어 대응을 확보했습니다. 빌드 환경 설계부터 구현까지 전 과정을 단독 주도했습니다. 3개월 이상으로 계획된 일정을 2개월 안에 마무리해 “예상보다 빠르고 완벽하다”는 평가를 받았고, 이후 원격으로 건별 의뢰 제안을 받았습니다.

6년 전 구축된 ‘트러블 머신’ 레거시를 최신 FE 스택으로 마이그레이션했습니다. 문서가 없고 외부 반출이 제한된 환경에서 로컬 빌드와 기존 코드만으로 대표 화면과 핵심 기능을 전담했고, 4개 구역과 다수의 연계 팝업으로 구성된 단일 종합 대시보드를 구현했습니다. 5중 레이어의 Canvas 기반 웨이퍼 결함 좌표 맵과 결함 종류별 점 차트, 실시간 소켓 연동, AG-Grid 테이블 커스텀을 직접 구현했습니다. 다국어(i18n)를 신규 도입했으며 계획 대비 빠르게 완료했습니다.

기존의 그로로 서비스는 Chakra UI라는 프레임워크에 종속적이며 필요에 따라 부분적으로 오버라이드를 하여 사용하고 있었습니다. 코드가 복잡함은 물론 node 버전도 올릴 수가 없는 상태라서 오래된 화면이나 라이브러리부터 하나씩 수정하는 작업을 진행했습니다. 프레임워크를 사용한 페이지는 기존과 동일하게 퍼블하거나 새 디자인 요청을 적용해드렸고, 간단한 라이브러리들은 직접 util 파일이나 훅, 컴포넌트들로 개발하여 대체하였고 화면마다 구성된 동일기능은 별도의 컴포넌트로 통폐합하였습니다. 또한 기간 내 다양한 이벤트 페이지 개발과 커뮤니티 서비스에 답글 및 멘션 기능 등을 추가로 개발, 처음 개발했던 개별 서비스 메이커를 기존 서버 내부로 포팅, 그 외에 거의 모든 화면들에 새로운 디자인과 기획을 받아 리뉴얼하였습니다.

첫 서비스 추가 개발 이후 팀 내에 퍼블리싱 가능한 인력이 없고, 리액트를 오랜 기간 사용해 보신 분이 없어서 추후 유지 보수를 계속해 주시길 요청하셨습니다. 이후 핀터레스트 형태의 간략한 메시지 또는 이미지를 무한 스크롤 형태로 출력하고 주제별로 쉽게 보기 위한 커뮤니티 서비스를 원하셔서 기획에 함께 참여하여 기술적 가이드를 드리고 lfmall 프로젝트 이후에는 본 계약을 체결하여 진행하였습니다.

LFmall 쇼핑몰의 일부 화면의 기능 및 디자인 리뉴얼과 일부 화면 신설하는 프로젝트를 진행하였고, 기존 기간에 추가로 2달 정도 더 연장하여 sns 형식의 패션 유형화 서비스 개발하는 프로젝트를 추가로 진행했습니다. 기획이 상시 변경되고 퍼블리싱과 백엔드 작업도 많이 진행되어 있지 않고 작업 기간도 길지 않아 미리 프론트 작업을 예상하여 작업하는 경우도 많았습니다.

기존 그로로 서비스와 연동되는 포스트 작성, 게시 등의 서비스입니다.

초기 계획은 몇 개월 먼저 투입된 사외 퍼블리싱팀에서 전달받은 html을 기반으로 작업할 예정이었으나, 해당 작업물과 기간에 문제가 많았고 디자인/기획 팀에서도 경험이 많지는 않아 어려움이 많았습니다.

결국 새 퍼블리싱팀을 구해야 했고 작업물을 받는 데까지는 최소 2달이 걸린다고 하여 직접 퍼블리싱까지 하게 되었습니다.

퍼블리싱 가능한 인원이 혼자라서 업무량이 많긴 했지만 원래 계획된 기간에서 2주 정도만 연장하여 개발까지 완료했습니다.

SSR 환경과 다양한 텍스트 에디터, 이미지 편집 에디터를 깊게 다뤄본 것이 좋은 경험이 되었습니다. 10월말일까지 개발계약을 잘 마무리하고, 2월말까지 주말이나 평일 퇴근 후 유지보수를 돕는 계약도 진행하였습니다.

포스코ICT의 웹 ERP 시스템을 React 환경으로 재구축 및 개편하는 프로젝트에 참여하였습니다.

기반이 되는 공통 컴포넌트가 사내 타 프로젝트에서 3~4년 전 node 버전으로 개발되어 다른 모든 라이브러리를 해당 버전에 맞춰서 작업하였습니다.

React Hook을 사용할 수 없는 환경이라 class 형태로 과거 방식의 개발을 경험해 볼 수 있었습니다. 먼저 개발 중인 팀원들 대부분이 React 개발이 처음인데다, 사외에 있는 퍼블리싱 팀도 React 같은 프레임워크에 맞춰 작업하는 것이 처음이라 가이드에 난항이 많았습니다.

삼성의 전 직원이 사용하는 기존 Knox Portal을 React를 사용하여 새롭게 개발하는 프로젝트입니다.

Material-UI를 지향하는 Knox 전용 공통 컴포넌트들과 해당 컴포넌트로 이루어진 일부 모듈들을 개발하였습니다.

기존의 삼성SDS의 Knox Portal 팀은 React 및 컴포넌트 형식의 디자인/개발 경험이 전혀 없었기 때문에 UX와 개발 방향을 제안드리며 작업하였습니다.

React 개발 경험이 많지 않아 좀 더 익숙해질 겸 지루하지 않고,

다양한 표현방식을 가진 포트폴리오를 만들고 싶었습니다.

일부 이미지 파일과 SVG 아이콘 등을 제외하고 content 및 사이트 구성, UX 기획, 디자인, 개발 등 직접 작업하였습니다.

개발 기간 자체는 꽤 길지만 가사 및 육아를 병행하였고, 실제 개발 시간은 476시간으로 주 40시간 근로 기준으로 59.5일 (약 두달 보름)입니다.

프로젝트 초기에는 디자이너 없이 Material-UI 기능과 디자인을 그대로 사용하여 기본적인 구조가 개발되었으나, 제가 계약된 당시에는 디자이너가 투입되어 해당 서비스에 디자인을 적용해야 했습니다.

기존에 작성된 코드는 이미 대부분 Material-UI에서 제공되는 컴포넌트들로 구성되어 있었기 때문에 해당 컴포넌트들에서 디자인 요소를 제거한 뒤 새로 스타일을 입히거나 오버라이드 하여 작업하였습니다.

클라이언트의 요청으로 회원 및 보유 암호화폐를 관리하는 웹 사이트를 개발하였습니다.

회원 간의 조직도를 웹에서 표현하기 위해 OrgChart 기능을 도입하였고 조직도가 상당한 분량의 데이터를 표현해야 하므로 Zoom In/Out, Drag, 검색 기능을 추가로 개발했습니다.

설립되고 몇 년이나 흘렀지만 회사를 소개하는 웹 사이트가 없었습니다.

대표와 상의하여 content 및 사이트 구성, UX 기획 등을 하였습니다.

당시 솔루션 개발을 동시에 하고 있었으므로 개발 자체는 직접 하지 않았습니다.

클라이언트의 요청으로 ICO(Initial Coin Offering), IEO(Initial Exchange Offering) 기능의 웹 사이트를 개발하였습니다.

매끄러운 Parallax 효과를 위해 GSAP를 사용하였고 작은 기기에서도 테이블 형태의 정보를 쉽게 편하게 확인하기 위해 이중 스크롤 레이아웃으로 개발한 특이점이 있습니다.

오픈소스 기반의 암호화폐 웹 지갑과 거래소 소스를 지속적으로 개선하여 다양한 기업에 판매하였습니다.

처음에는 프랑스어 주석만 가득하고 기본 거래 기능만 있던 소스를 차트와 새로운 코인 연동, 성능 개선 등을 반복하고, 고객 요청에 따라 다양한 추가 기능을 개발하다 보니 해당 기능들을 옵션 형태로 넣고 빼며 최종적으로는 테마 형태로 디자인들을 추가하여 다양한 솔루션형태로 판매하였습니다. 또한, 사용자들이 소수점 단위의 구입, 구축, 전송 등의 다양한 계산을 해야 하므로 프론트에서 입력값에 따른 계산식을 개발하여 입력값에 즉시 출력되는 입력 제한 또는 계산 결과, 가이드 멘트 등을 개발했습니다. 당시 모든 타 거래소는 PC와 휴대기기 버전을 따로 개발했으나 완전 반응형으로 작업해온 특이점이 있습니다.

독학으로 퍼블리싱을 공부하며 지인들과 함께 팀을 꾸려 다양한 외주작업을 했습니다.

팀에 Backend 개발자가 따로 없었던 기간이라 WordPress, Gnuboard 등 다양한 프레임워크를 통해 업무를 진행하였습니다.