송채영

관리자 화면 구축·서버 데이터 처리

• Ant Design을 활용해 데이터 테이블·입력 폼과 페이지네이션·필터링 기능 구현
• TanStack Query를 활용한 서버 데이터 조회 및 캐시 동기화 로직 구성

URL 기반 검색 조건·화면 이동 제어

• nuqs로 날짜·카테고리 검색 조건과 URL 쿼리 파라미터를 양방향 동기화하고 런타임 타입 검증 적용
• 목록·상세 화면 이동 시 검색 조건을 유지하고, 다른 메뉴 진입 시 초기화하도록 처리
• 검색 조건 변경 시 replace를 사용하도록 내비게이션과 브라우저 히스토리 제어

공통 기능·오류 대응

• 파일 다운로드 로직을 공통 유틸리티로 분리해 2개 화면에 적용
• 전역 Error Boundary를 적용해 런타임 오류 발생 시 대체 화면(Fallback UI) 제공

웹·앱 개발 구조 설계

• Next.js App Router와 React Native 기반으로 웹·앱 디렉터리 구조와 페이지 흐름을 설계
• TypeScript 기반 공통 컴포넌트·유틸리티·스토어를 구성하고 웹뷰 환경에 대응하는 UI 로직 구현

경비 청구·전자결재 흐름 구현

• 스크래핑된 카드 데이터를 API로 조회하고 페이지네이션 처리
• 법인·개인 카드와 영수증의 입력 조건을 검증한 뒤 서버 전송 및 상태 갱신 처리
• 기안·결재·승인·반려 단계에 따른 상태와 예외 분기 로직을 구현하고 갱신 결과를 화면에 반영
• 백엔드가 스크래핑의 단순 상태만 제공하는 조건에서 로컬 스토리지로 진행 상태를 관리하고 완료 메시지 표시

근태 캘린더·업무 화면 개발

• 출퇴근·근무·연차 현황 대시보드와 근무 시간 원형 진행바 애니메이션 구현
• 외부 캘린더 라이브러리 없이 월간·주간 데이터를 생성하는 커스텀 훅을 만들고, 근태 유형과 결재 상태에 따른 모달 구현
• 사원 정보와 카드 등록·수정 상태에 따라 입력 항목이 달라지는 동적 폼 구현
• 입사일과 증명서 종류를 기준으로 조회 범위와 제출 폼을 분기하는 증명서 발급 기능 구현

자료 제출·상태 관리

• 자료 제출을 위한 Drag & Drop 인터페이스와 예외 처리 직접 구현
• Zustand로 기능별 상태를 분리하고 낙관적 업데이트, 스켈레톤 로딩과 API 오류 상태별 UI 구현

수료
Figma를 활용해 화면 디자인 작업 및 React를 활용해 화면을 구성하고 설계
생성형 AI(ChatGPT)를 활용하여 코드 작성 과정을 보완하고, 효율적인 문제 해결 방안을 적용

학사 · 건축학전공(5년제)
건축학 5년제 과정을 이수하며 구조적 사고와 시각적 표현 능력을 함께 키움
사용자 동선을 고려해 공간을 설계하고, 기능성과 미적 요소가 조화를 이루도록 구성
모형 제작과 도면 작업을 진행하고, Photoshop·Illustrator 등 디자인 도구를 활용해 정보를 시각적으로 전달

클라이언트 요구사항 분석부터 도면 작성까지 건축 설계 업무를 담당하고, 다양한 이해관계자와 협업해 프로젝트 완수