알스솔루션
디자인 시스템 구축
신설 조직의 멀티 프로젝트 환경을 위한 사내 범용 디자인 시스템. Bootstrap 기반 커스텀 컴포넌트 라이브러리 위에 CSS Variables로 사내 정체성 토큰을 입힌 Monorepo 구조
BootstrapCSS VariablesMonorepo
Highlight Stories
의사결정 흐름 모음
여러 프로젝트나 한 코드베이스 안에서의 의사결정·진화 흐름을 정리한 스토리입니다.
주요 프로젝트
전체 보기 →알스솔루션
팜브릿지 서비스 재구축
약국 대상 약품 입고 관리 프로그램의 백엔드 JSP→Spring 전환에 맞춘 프론트엔드 전면 재구성. 전환 일정 내 안정화 제약을 최우선으로, SSR 제약·운영 인력 기술 폭을 함께 고려해 Vanilla JS 채택
HTMLCSSJavaScript자체 디자인 시스템
알스솔루션
팜브릿지 서비스 리팩토링
Vanilla JS로 운영하던 팜브릿지 화면의 유지보수 한계를 React Island 패턴으로 부분 전환. SSR 라우팅 제약 하에서 SSR/CSR 하이브리드 구조 설계
ReactTypeScriptReact QueryReact Island Pattern
알스솔루션
사내 백오피스 리팩토링 (Antd 마이그레이션)
차기 BI 프로젝트의 Antd 도입 리스크를 운영 중인 백오피스에서 사전 검증한 파일럿. 자체 Monorepo 디자인 시스템 → Antd 컴포넌트 단위 점진적 교체
ReactTypeScriptAnt Design
에이치티비욘드
커뮤니티 서비스 운영툴 / 파트너스 플랫폼
전국 500개 단지·MAU 10만 규모의 아파트 커뮤니티 플랫폼. 5종 예약·결제·이용권이 커뮤니티·파트너스 두 프로덕트에 걸쳐 운영되는 환경에서 기능 개발과 아키텍처 개선을 병행 수행
ReactTypeScriptReact QueryRedux
에이치티비욘드
POS / 주문 키오스크 시스템
아파트 단지 내 입주민 대상 카페·매점에서 사용하는 클라우드 POS·주문 키오스크. 두 대의 독립 크롬 윈도우 간 실시간 동기화를 Broadcast Channel + localStorage 이중 구조로 해결
ReactTypeScriptReact QueryRecoil
기술 스택
Frontend
ReactTypeScriptJavaScriptHTML/CSSNext.js
State / Data
React QueryReduxRecoilZod
UI / Design System
Tailwind CSSAnt DesignMUIBootstrapStorybook
Test
JestMSW
Infra / DevOps
AWSJenkinsGitHub ActionsDockerAnsible
Backend
Node.jsNestJSPostgreSQLMySQL