[플레이데이터]풀스택 백엔드 9기 5월 3주차 회고

9주차 회고

5 / 12 월	5 / 13 화	5 / 14 수	5 / 15 목	5 / 16 금
React, 프로젝트 팀	React, 프로젝트 기획	React, 프로젝트 기획	프론트 프로젝트	프론트 프로젝트

 

프로젝트 - React 첫 클론코딩 (배스킨라빈스)

프로젝트 개요

• 기존 HTML/CSS/JavaScript 사이트를 React로 재구현하는 클론코딩 프로젝트
• 팀 프로젝트로 진행, 메인 페이지 담당
• 배스킨라빈스 사이트 선정 (화려한 디자인과 적당한 애니메이션이 매력적)

주요 경험과 학습

• 역할 분담: 핀볼 게임으로 역할 결정 → 지도 API 연동에 관심 있었지만 메인 페이지 담당하게 됨
• 기술 스택: Swiper 라이브러리를 활용한 슬라이더 구현
• 개발 과정:
  • 초기 막막함을 ChatGPT의 도움으로 틀 잡기부터 시작
  • CSS 애니메이션 구현에 하루 소요 → 큰 틀 우선 완성으로 전략 변경
  • 주말 포함 5일간 집중 개발, 마지막 날 밤샘으로 완성
• 협업 도구: Git flow와 branch 관리의 어려움 지속적으로 경험
• 배포: Vercel 사이트 발견 및 사용법 학습 (실제 배포는 미완료)

성과

• 팀원들과의 merge 및 테스트, 회고, 요구사항 명세서 작성 완료
• Swiper를 활용한 슬라이더 기능 성공적 구현
• React와 Next.js로 기존 웹사이트 완성도 높게 재현

아쉬운 점

• 슬라이더 페이지네이션(숟가락 부분) 미완성
• 헤더 마우스 반응 연결 실패

지필평가

• 범위: HTML, CSS, JavaScript, React
• 결과: 재시험 면함
• 아쉬운 점: JSON.parse() 관련 문제에서 실수 (읽었음에도 헷갈림)
• 복습: JSON.parse() - JSON을 객체로 변환, JSON.stringify() - 객체를 문자열로 변환

---

📝 회고 정리

좋았던 점

• 프로젝트 무사 완료 및 팀원들과의 협업 경험
• React 실무 개발 경험을 통한 기술 이해도 향상
• 외부 라이브러리(Swiper) 활용 경험 습득

아쉬웠던 점

• 프로젝트 집중으로 인한 React 복습 및 오류 해결 학습 부족
• 서울시 청년 코딩대회 참가 취소 (하지만 현실적으로 잘한 선택)

개선할 점 (기존 + 추가)

1. 코드 이해 방식 개선: 단순 읽기에서 직접 작성하며 이해하는 방식으로 전환
2. 꾸준한 알고리즘 학습: 매일 1문제씩 풀고 GitHub 및 백준 업로드
3. Git 협업 스킬 강화: branch 관리 및 merge 과정에서의 불안감 해소를 위한 학습 필요
4. 시간 관리 개선: 세부 디테일에 매몰되지 않고 우선순위에 따른 구현 순서 설정
5. 사전 기술 조사: 프로젝트 시작 전 필요한 라이브러리나 기술 스택 미리 학습하기

---

🎯 다음주 계획

• SQLD 공부하기
• MySQL 과제 마무리하기
• 알고리즘: 매일 1문제씩 풀고 GitHub 및 백준 업로드
• 수업 과제: 당일 바로 완료하기
• 복습: 학습한 날에 바로 정리하기

 

만든 사이트 연결 링크

https://be-09-2st-4team.vercel.app/