Profile

• 이름: 구도윤

• 연락처: 010-8974-4185

• 이메일: [email protected]

• GitHub : https://github.com/rhehfl

• 포트폴리오: http://doyoon.site

• 팀 내 업무의 비효율을 발견하고,이를 개선하기 위해 노력합니다. 동아리에서 직접 DB 접근을 통한 데이터 관리 문제를 해결하기 위해 직접 어드민 페이지를 개발했으며, 팀 내 n8n·Jira API 기반 사내 자동화 플랫폼(Hermes) 을 설계·구축했습니다 — 고객 인입을 LLM이 자동 트리아지해 Jira로 티켓팅하고, 수만 건의 운영 이력을 근거 기반 지식 위키(MCP 서버)로 축적했습니다.

• 같이 성장하는 환경을 좋아합니다. 대화를 통해 다양한 기술을 공유하는것을 좋아하며 테크톡을 통해 여러 기술을 공유하고 프론트엔드 팀장으로서 팀원에게 코드 리뷰와 다양한 정보를 공유하며 더욱 견고하고 지속가능한 서비스를 만들 수 있도록 기여하겠습니다.

__ 프로젝트

자바스크립트 학습 사이트 - Coko

• 프로젝트 회고 | Github 저장소 | 어드민 저장소
• React, TypeScript, Axios, TanStack Query, Styled Components
• 2024.09 ~ 2025.03
• 프론트엔드 2(팀 리드), 백엔드 3, 디자인 1

<aside> 💡

JS 입문자들을 위해 변수, 반복문, 함수 등 섹션별로 퀴즈를 제공하고 학습 성취감을 위해 캐릭터와 게이미피케이션을 더한 서비스

</aside>

개발 생산성

• 기능 관련 코드가 여러 폴더에 흩어져 수정 범위 파악에 시간이 걸리던 문제를 feature(도메인) 기반 폴더 구조로 재편해 해결 — api·queries·ui·types를 도메인 단위로 묶어 수정 범위를 좁히고 가독성·생산성 향상
• 도메인별로 Query Key Factory 패턴을 도입하여 하드코딩으로 사용하던 쿼리 키를 팩토리 패턴으로 관리해 휴먼 에러를 방지, 유지보수성 향상, as const 를 사용해 타입 안정성 향상
• 사이트에서 모달을 쉽게 개발할 수 있는 useModal 훅을 개발 (블로그 글)

UI/UX 개선

• 상점 페이지의 비동기 아이템 로딩으로 인한 레이아웃 시프트(CLS) 제거를 위해 비동기 데이터 로딩에 Skeleton UI를 적용
• 퀴즈 풀이 기능을 초기 사용자가 쉽게 익힐 수 있도록 단계별 튜토리얼 가이드 UI를 기획 및 구현 (블로그 글)
• useInfiniteQuery 를 활용한 페이지네이션 구현
• 각 영역, 페이지, 전역으로 에러 바운더리를 적용하여 에러가 발생하더라도 전체 서비스가 다운되지 않고 영역별, 페이지별, 전역으로 서비스를 재시도 할 수 있는 방어 코드 작성

핵심 기능 구현 (게이미피케이션)