도현수

안녕하세요. 프론트엔드 개발자 도현수 입니다.
사용자가 직접 경험하는 인터페이스를 만드는 프론트엔드 개발에 관심을 가져 개발을 시작했습니다.

부트캠프에서 React를 배우며 프론트엔드 개발의 기본기를 다졌고, 이후 Next.js, TypeScript, TanStack Query 등을 활용한 개발 경험을 통해 역량을 키워왔습니다.

또한, 팀 프로젝트를 통해 다른 개발자들과 협업하며 코드 리뷰를 주고받았습니다. 이 과정에서 단순히 기능을 구현하는 것을 넘어, 더 좋은 코드란 무엇인지 고민하며 코드 품질을 개선해 프로젝트의 완성도를 높였습니다. 또한, Git을 활용한 협업을 경험하며 효과적인 버전 관리와 커뮤니케이션의 중요성을 체감했습니다.

앞으로도 사용자 경험을 고려한 인터페이스를 개발하고, 지속적으로 기술을 탐구하며 성장하는 개발자가 되고 싶습니다.

도현수_포트폴리오.pdf

깃허브: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/MoimPod/moimpod">https://github.com/MoimPod/moimpod</a>배포: <a target="_blank" rel="noopener noreferrer nofollow" href="https://moimpod.vercel.app/">https://moimpod.vercel.app/</a>기술 스택: TypeScript, Next.js , TailwindCSS, Zustand, Tanstack Query, axios[역할]<ul><li>마이페이지(회원정보 조회 및 수정, 참여 모임 조회 및 취소, 리뷰조회 및 작성) 구현</li></ul>[성과]<ul><li>서버 컴포넌트 + prefetch 적용으로 LCP 2초 → 1초 미만으로 단축하여 UX 향상</li><li>공통 컴포넌트화 및 상태 관리 로직 통합으로 코드 중복 제거 및 유지보수성 개선</li><li>day.js timezone 플러그인 활용으로 hydration 오류 해결</li><li>ScrollToTop 버튼 구현해 스크롤 위치 기반 가시성 제어로 UX 개선</li></ul>

휴식 모임 플랫폼 - 모임팟

깃허브: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/spoticks/FE_Spoticks">https://github.com/spoticks/FE_Spoticks</a>배포: <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.spoticks.shop/">https://www.spoticks.shop/</a>기술 스택: TypeScript, React, TailwindCSS,, Zustand, Tanstack Query, axios[역할]<ul><li>프론트엔드 2명, 백엔드 1명 중 프론트 담당</li><li>로그인, 회원가입, 유저 정보, 예매내역 페이지</li></ul>[성과]<ul><li>GitHub Webhook을 디스코드에 연동해 커밋/PR/리뷰 알림 자동화 → 빠른 공유로 협업 효율성 향상</li><li>React Suspense &amp; 에러 바운더리를 통해 컴포넌트 단위 비동기 흐름 제어 및 로딩 UX 개선</li><li>axios interceptor + queryClient를 통한 전역 에러 핸들링 구현</li><li>아토믹 디자인 패턴 적용으로 파일 구조 개선 및 협업 효율 향상</li><li>XSS/CSRF 대응 토큰 전략 제안 및 구현 → UX 향상 및 보안 강화</li><li>GitHub Actions로 원본 레포지토리 자동 동기화하여 배포 편의성 향상</li></ul>