미리보기

풀스택 교육과정 프로젝트 QA (백엔드)

웹서버 api 개발

• Express.js

• PostgreSQL

• Prisma

자신만의 여행 기록을 남기고 여행 지도를 만들어서 공유 / 다른 사람의 리뷰를 찾고 저장하는 서비스.

GitHub

Notion

팀 구성

• FE 4명, BE 2명, Design 1명

설명

• 디자이너와 백엔드 개발자와 협력 방법 학습.

• StoryBook으로 컴포넌트 단위로 테스트, 시각적으로 확인 / 개발의 생성성을 향상, 유지보수성을 강화

• React Query로 서버 상태를 효과적으로 관리, 데이터를 효율적으로 캐싱

맡은 역할

• Google Autocomplete API를 활용한 여행지 자동 완성 기능 제작

• React Hook Form의 useController를 이용한 제어 컴포넌트 개발 및 리뷰 작성, 수정 페이지 제작

• 디자이너, 백엔드 개발자, 프론트엔드 개발자 간 의견조정 및 중재를 맡아 협업 효율성 향상과 프로젝트의 일정 준수에 기여해 최종 프로젝트 품질 향상.

자신의 일정을 칸반보드를 활용해 정리하고 다른 사람과 공유할 수 있는 일정 관리 서비스

GitHub

GitHub Wiki

배포 주소

팀 구성

• FE 4명(팀장)

설명

• Tailwind, Zustand 등 다양한 기술 학습 목적

• PR 템플릿과 Git 컨벤션 도입 / 협업 능률 향상, 변경 이력 추적 및 문제 해결 속도를 향상

맡은 역할

• 사용자 경험 향상을 위한 IntersectionObserver 활용 인터렉티브한 랜딩페이지 제작

• filter, some메소드를 활용 필터링 태그별로 검색이 가능한 대시보드 페이지 제작

• filter메소드를 활용 필터링 초대내역 검색, 대시보드 리스트 페이지네이션 적용 내 대시보드 페이지 제작

• 팀장으로 리더십과 책임감을 기반으로 팀에 대한 진행을 주도적으로 맡아 도움과 문제를 해결.

질문과 답변을 통해 마음을 열고 대화 나누는 소통 서비스

GitHub

GitHub Wiki

배포 주소

팀 구성

• FE 4명

설명

• 다른 개발자들과 협업하는 과정과 발전하는 방법 학습

• Recoil, Local Storage 활용 다크모드 적용

• 사용자의 동작 예측 및 시각화 / 에러 처리

맡은 역할

• 랜딩 페이지 제작

• Recoil 활용 테마 상태 전역 관리 / Local Storage 활용 재접속 시 테마 상태 저장 Dark Mode 제작

• UI 통일성을 위한 커스텀 404페이지 제작

• 공통으로 사용되는 버튼, Input 등 코드 재사용성 향상을 위한 공용 컴포넌트 제작