장두혁

세무사 매칭 플랫폼. 고객 웹·세무사 업무 콘솔·운영 어드민·제휴사 어드민 4개 프론트엔드를 공통 계층 위에 구축

• 인증·에러 처리·공통 UI를 한 계층으로 모아, 새 관리 화면을 컴포넌트 조합만으로 추가할 수 있게 구성
• 성격이 다른 사용자군별로 분리된 관리 도구를 같은 공통 계층 위에 구축
• 타이핑 표시·읽음 처리·접속 상태를 갖춘 실시간 상담 채팅을 양쪽 사용자 화면에 구현

세금 환급 신청 플랫폼. 서버 렌더링으로 동작하던 화면을 Next.js로 재구성해 별도 배포 단위로 분리

• 서버가 HTML을 직접 내려주던 화면을 경로 단위로 하나씩 옮겨, 운영 중단 없이 이관
• 새로고침 없는 화면 전환과 서버 배포 주기로부터 독립된 배포를 함께 확보
• 사용자·인증·신청 상태를 한곳에서 관리하고, 공통 인증 에러 핸들러로 세션 처리를 표준화

AI 기반 수업 생성 교육 플랫폼. 수업 생성 플로우부터 클래스룸·수강 관리·성과 분석까지 LMS 전반의 웹 화면 개발 (2025.05 – 2026.01)

• 수십 초 걸리는 AI 생성 대기 중 이탈하거나 새로고침으로 중복 요청하던 것을, 진행 상태를 SSE로 실시간 표시해 개선
• 생성 완료 시점에 관련 목록·상세를 자동 무효화·리페치해 화면 상태를 일관되게 유지
• 여러 단계에 걸친 긴 입력 흐름에서 폼 유효성 검사와 자동 저장으로 데이터 유실을 방지

브라우저에서 코드를 작성·실행·채점하는 코딩 교육 LMS의 웹 프론트엔드 (2024.10 – 2025.08)

• 여러 화면에서 상태를 직접 수정해 추적이 어렵고 값 불일치가 반복되던 것을, atom을 커스텀 훅 뒤로 감춰 정해진 인터페이스로만 접근하도록 제한
• 화면마다 계산하던 파생 값을 selector로 정의해 계산 중복과 불일치를 제거
• 학습 진도·완료 상태를 로컬 캐시와 동기화해 새로고침·재방문 시에도 이어보기를 유지

브라우저 기반 코딩 교육 플랫폼의 웹 프론트엔드 (2023.12 – 2024.12)

• 브라우저 안에서 코드를 작성·실행하고 결과를 확인하는 화면과 사용자별 결과물 뷰어 구현
• 기업 고객이 수강 진행률·성과를 확인하는 학습 관리 어드민 개발
• i18n 기반 다국어 지원을 적용해 콘텐츠와 UI 문구를 언어별로 분리·관리

토스 앱인토스 플랫폼에서 10개 이상의 미니앱을 백엔드 API까지 포함해 1인으로 개발·운영

• 속도를 위해 코드를 복사해 앱을 늘렸더니 공통 로직 수정과 신규 앱 세팅 비용이 앱 수만큼 선형으로 늘어났고, 인증·광고·에러 처리를 공통 훅으로 표준화하고 단일 모노레포로 통합해 해소
• 신규 앱은 설정만 교체하면 시작하도록 만들어, 공통 로직 수정과 SDK 업그레이드를 전 앱에 한 번에 반영
• 반복되는 버그의 원인을 규명해 규칙으로 문서화하고, AI 코딩 도구의 컨텍스트로 제공해 재발을 방지