README 파일 수정 #89

Bersk3r · 2024-05-16T20:02:50Z

🧩 이슈 번호 #88

close Docs: README 파일 수정 #88

✅ 작업 사항

README 파일에 대한 내용 및 디자인 부분이 많이 미흡하여 수정 작업을 통해 보완

👩‍💻 공유 포인트 및 논의 사항

추후, 팀원 분들이 검토한 다음 수정 사항이 있는 경우 다시 재차 수정을 진행

github-actions · 2024-05-16T20:03:40Z

🎉 구현한 기능 Preview: https://fandom-p58mqqt2w-easyhyun00s-projects.vercel.app

github-actions · 2024-05-17T04:28:11Z

🎉 구현한 기능 Preview: https://fandom-5tm11t00k-easyhyun00s-projects.vercel.app

Bersk3r · 2024-05-17T04:28:31Z

감사합니다. ㅠ
제가 쉬시라고 말씀드렸었는데, 관여하게 만들었네요. ㅠ

JayChae

멋져요

Bersk3r · 2024-05-18T02:55:08Z

오! 감사드립니다. 세 번째 내용으로 적으면 정말 이쁘게 나올 것 같아요. ^^

🔧 기술스택

Environment

Config

Development

오! 감사드립니다.
이 내용으로 적으면 정말 이쁘게 나올 것 같아요. ^^

Bersk3r · 2024-05-18T02:55:49Z

이런식으로 기능 사진이랑 넣는게 좋을 듯요

오옹! 나이스! 상기 내용처럼 하되, gif 형태로 만들어서 제공하는 방안으로 해보겠습니다.
그리고 제가 한번 깃헙 액션도 만들어보면 좋을 듯 합니다.
아까 멘토님 말씀대로 풀 리퀘스트에서 리드미에 대한 프리뷰를 볼 수 없는 게 아쉬워서,
배포 형태는 아니더라도, README 라는 문구가 추가되면 깃헙 액션으로 그려주게 만들면 유용할 듯 합니다.

github-actions · 2024-05-18T05:37:12Z

🎉 구현한 기능 Preview: https://fandom-hxcqytu47-easyhyun00s-projects.vercel.app

github-actions · 2024-05-18T08:55:34Z

🎉 구현한 기능 Preview: https://fandom-l48wp7cxx-easyhyun00s-projects.vercel.app

Bersk3r · 2024-05-18T09:05:43Z

🎤✨ FANDOM-K🎶🌟

코드잇 스프린트 6기 Part 2 과정에서 2팀이 진행한 기초 프로젝트 Fandom-K 레포지토리

🏃프로젝트 소개

아이돌 조공 플랫폼 Fandom-K

리스트 페이지를 통해 아이돌을 후원하고 투표
마이 페이지를 통해 좋아하는 아이돌을 선택하여, 좋아하는 아이돌 목록 생성

📌 주요 기능

헤더
- 로고 클릭 시, 리스트 페이지로 이동
- 우측 프로필 클릭 시, 마이 페이지로 이동
랜딩 페이지
- 초기 시작 페이지
- "지금 시작하기" 버튼을 눌렀을 때, 리스트 페이지로 이동하고 localStorage 초기화
리스트 페이지
- 크레딧을 활용하여 아이돌 투표 및 후원할 수 있는 기능 제공
- 크레딧은 localStorage 에서 관리
- 토스트 창
  - 크레딧이 충전 되었을 때 나타남
  - 조공을 후원 했을 때 나타남
  - 아이돌에게 투표을 했을 때 나타남
  - 투표할 크레딧 양이 부족했을 때 나타남
- 내 크레딧
  - 현재 내 크레딧 확인
  - "충전하기" 클릭 시, 모달 창에서 100, 500, 1000 크레딧 충전
- 후원을 기다리는 조공
  - 현재 후원을 할 수 있는 목록을 캐러셀을 통해 확인
  - "후원하기" 클릭 시, 후원 모달 창에서 원하는 양의 크레딧 후원
- 이달의 차트
  - 현재 많은 투표를 받은 여자/남자 아이돌을 탭을 통해 순위 확인
  - "차트 투표하기" 클릭 시, 1000 크레딧을 소모하여 원하는 아이돌에게 1표 투표
마이 페이지
- 하단 아이돌 목록 선택 후, 제출하기 버튼을 누르면 상단 목록에 추가됨
- 각 목록은 특정 갯수를 만족하면 무한 슬라이딩 기능 활성화
- 반대로 특정 갯수를 만족하지 못하는 경우, 슬라이딩 기능 비활성화

⚒️ 개발 일정

⌛2024.05.01 (수) ~ 2024.05.16 (목)

📝 프로젝트 기간 중 수행 내용

1. 기술 스택 채용 및 구현 일정 조율
2. 프로젝트 관련 환경 셋업
3. 역할 분담
4. 프로젝트 구현
  - 공통 컴포넌트
  - 페이지 UI 구현 (mock 데이터 이용)
  - 기능 구현 및 API 연동
5. 발표 및 자료 준비
6. 리팩토링 및 문서화

👩🏻‍💻 팀원 소개

이지현	채종민	이종욱	김혜경	김고넬료
@easyhyun00	@jaychae	@bersk3r	@i-nooo-2	@nelryoS2

🤝 역할 분담

이지현

프로젝트 초기 세팅
배포 및 자동화 작업
애니메이션 적용
캐러셀, 프로필, 로딩 에러
푸터 컴포넌트
내 크레딧, 후원을 기다리는 조공 모달 UI 및 기능 추가
발표 및 자료 제작

채종민

진행바 및 헤더 로딩 스피너
이 달의 차트 파트
발표 자료 제작
탭 컴포넌트 및 랜딩 페이지

이종욱

모달 초기 UI 및 기능 제작
배경 및 그라데이션 UI 제작
마이 페이지
README 파일 수정

김혜경

스타일 초기 셋팅
버튼 UI 제작
메타데이터 작성
발표 자료 제작

김고넬료

README 파일 초안 작성

💻 기술 스택

Environment

Config

Development

Deploy

Collaboration Tools

🗂️ 폴더 구조

^Fandom-K

📦src
 ┣ 📂apis
 ┣ 📂assets
 ┃ ┣ 📂icons
 ┃ ┗ 📂images
 ┣ 📂components
 ┃ ┣ 📂Background
 ┃ ┣ 📂Carousel
 ┃ ┣ 📂CustomButton
 ┃ ┣ 📂Footer
 ┃ ┣ 📂Header
 ┃ ┣ 📂LoadingError
 ┃ ┣ 📂Modal
 ┃ ┣ 📂MyCarousel
 ┃ ┣ 📂Profile
 ┣ 📂constants
 ┣ 📂contexts
 ┣ 📂hooks
 ┣ 📂pages
 ┃ ┣ 📂LandingPage
 ┃ ┣ 📂ListPage
 ┃ ┃ ┣ 📂Credit
 ┃ ┃ ┣ 📂Donation
 ┃ ┃ ┣ 📂MonthlyChart
 ┃ ┣ 📂MyPage
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂IdolFavoriteList
 ┃ ┃ ┃ ┣ 📂IdolSelectList
 ┃ ┃ ┃ ┗ 📂Nothing
 ┃ ┣ 📂NotFoundPage
 ┣ 📂styles
 ┗ 📂utils

🌲 깃 브랜치 전략

깃 허브 이슈 생성
발행된 이슈 번호 기반으로 feat-{번호} 형태로 브랜치를 생성 (예시 : feat-01)
로컬에서 작업이 완료 후, pull Request 작성
- main 브랜치에 변동 사항이 있으면 작업하고 있는 코드에 반영 후 push 진행
- Conflict가 발생하면, 충돌이 발생된 부분을 Resolve 한 후에 merge 진행
Pull Request에 대한 merge를 진행하는 경우, 리뷰어로 설정된 팀원 중 2명 이상의 승인이 완료되면 작성자가 직접 merge를 눌러 main 브랜치로 병합.
- squash & merge 기능을 사용하여, 여러 개의 커밋을 하나의 커밋으로 통합
- discord Webhooks을 통해 PR이 생성될 때 알림 오도록 설정

🚨 프로젝트 내 발생한 문제점 / 해결방안

문제점

Github Orginazation에 대한 배포 시 유료 기능 지원 문제 (#32, #35)
캐러셀 컴포넌트 내 React-Slick 슬라이드 멈춤 문제 (#51, #65)
모달과 페이지 컴포넌트 간의 우선 순위 문제 (#60)
페이지 이동 시, 스크롤이 그대로 유지되는 문제 (#82)

해결 방안

Git Action을 활용하여 자동 배포 및 PR 프리뷰 생성 (#32, #35)
React-Slick 내 설정 내용 중, useEffect가 발생될 떄, 슬라이드를 처음으로 이동하도록 변경 (#51, #65)
createPortal 을 활용하여 DOM 구조에 종속되지 않도록 구현 (#60)
스크롤을 초기화하는 Hook을 구현하여, 각 페이지마다 적용되도록 변경 (#60)

📗 프로젝트 내 잘한 점 / 아쉬운 점

😊 잘한 점

코드에 대한 규칙 및 관리에 대한 부분이 뛰어남

코드 및 커밋 컨벤션에 대한 초기 설정이 잘 진행
Github Issue와 PR 기능을 활용하여, 코드에 대한 형상 관리가 수월
PR 리뷰 및 피드백이 활발하며, 의견에 대한 수용 빠름
작업 단위로 분리됨에 따라, 브랜치 간의 충돌이 적음

😮‍💨 아쉬운 점

일부 팀원 분들의 프로젝트 참여율이 다른 팀에 비해 저조

열심히 참여하지 않는 팀원이 존재하여 다른 팀원이 많은 부담을 짐
팀 미팅에 대한 참여도는 높았지만, 그 이후에 소통이 잘 진행되지 못함

github-actions · 2024-05-18T09:07:18Z

🎉 구현한 기능 Preview: https://fandom-l3ijvhhtp-easyhyun00s-projects.vercel.app

github-actions · 2024-05-18T09:09:17Z

🎉 구현한 기능 Preview: https://fandom-rnrntelql-easyhyun00s-projects.vercel.app

github-actions · 2024-05-21T01:54:54Z

🎉 구현한 기능 Preview: https://fandom-ftksiuzue-easyhyun00s-projects.vercel.app

easyhyun00 · 2024-05-21T01:55:25Z

🎤✨ FANDOM-K🎶🌟

코드잇 스프린트 6기 Part 2 과정에서 2팀이 진행한 기초 프로젝트 Fandom-K 레포지토리

🏃프로젝트 소개

아이돌 조공 플랫폼 Fandom-K

리스트 페이지를 통해 아이돌을 후원하고 투표
마이 페이지를 통해 좋아하는 아이돌을 선택하여, 좋아하는 아이돌 목록 생성

📌 주요 기능

헤더
- 로고 클릭 시, 리스트 페이지로 이동
- 우측 프로필 클릭 시, 마이 페이지로 이동
랜딩 페이지
- 초기 시작 페이지
- "지금 시작하기" 버튼을 눌렀을 때, 리스트 페이지로 이동하고 localStorage 초기화
리스트 페이지
- 크레딧을 활용하여 아이돌 투표 및 후원할 수 있는 기능 제공
- 크레딧은 localStorage 에서 관리
- 토스트 창
  - 크레딧이 충전 되었을 때 나타남
  - 조공을 후원 했을 때 나타남
  - 아이돌에게 투표을 했을 때 나타남
  - 투표할 크레딧 양이 부족했을 때 나타남
- 내 크레딧
  - 현재 내 크레딧 확인
  - "충전하기" 클릭 시, 모달 창에서 100, 500, 1000 크레딧 충전
- 후원을 기다리는 조공
  - 현재 후원을 할 수 있는 목록을 캐러셀을 통해 확인
  - "후원하기" 클릭 시, 후원 모달 창에서 원하는 양의 크레딧 후원
- 이달의 차트
  - 현재 많은 투표를 받은 여자/남자 아이돌을 탭을 통해 순위 확인
  - "차트 투표하기" 클릭 시, 1000 크레딧을 소모하여 원하는 아이돌에게 1표 투표
마이 페이지
- 하단 아이돌 목록 선택 후, 제출하기 버튼을 누르면 상단 목록에 추가됨
- 각 목록은 특정 갯수를 만족하면 무한 슬라이딩 기능 활성화
- 반대로 특정 갯수를 만족하지 못하는 경우, 슬라이딩 기능 비활성화

⚒️ 개발 일정

⌛2024.05.01 (수) ~ 2024.05.16 (목)

📝 프로젝트 기간 중 수행 내용

1. 기술 스택 채용 및 구현 일정 조율
2. 프로젝트 관련 환경 셋업
3. 역할 분담
4. 프로젝트 구현
  - 공통 컴포넌트
  - 페이지 UI 구현 (mock 데이터 이용)
  - 기능 구현 및 API 연동
5. 발표 및 자료 준비
6. 리팩토링 및 문서화

👩🏻‍💻 팀원 소개

이지현	채종민	이종욱	김혜경	김고넬료
@easyhyun00	@jaychae	@bersk3r	@i-nooo-2	@nelryoS2

🤝 역할 분담

이지현

프로젝트 초기 세팅
배포 및 자동화 작업
애니메이션 적용
캐러셀, 프로필, 로딩 에러, 푸터 컴포넌트
낫 파운드, 내 크레딧, 후원을 기다리는 조공, 모달
발표 및 자료 제작

채종민

진행바 및 헤더 로딩 스피너
이 달의 차트 파트
발표 자료 제작
탭 컴포넌트 및 랜딩 페이지

이종욱

모달 초기 UI 및 기능 제작
배경 및 그라데이션 UI 제작
마이 페이지
README 파일 수정

김혜경

스타일 초기 셋팅
버튼 UI 제작
메타데이터 작성
발표 자료 제작

김고넬료

README 파일 초안 작성

💻 기술 스택

Environment

Config

Development

Deploy

CI / CD

Collaboration Tools

🗂️ 폴더 구조

^Fandom-K

📦src
 ┣ 📂apis
 ┣ 📂assets
 ┃ ┣ 📂icons
 ┃ ┗ 📂images
 ┣ 📂components
 ┃ ┣ 📂Background
 ┃ ┣ 📂Carousel
 ┃ ┣ 📂CustomButton
 ┃ ┣ 📂Footer
 ┃ ┣ 📂Header
 ┃ ┣ 📂LoadingError
 ┃ ┣ 📂Modal
 ┃ ┣ 📂MyCarousel
 ┃ ┣ 📂Profile
 ┣ 📂constants
 ┣ 📂contexts
 ┣ 📂hooks
 ┣ 📂pages
 ┃ ┣ 📂LandingPage
 ┃ ┣ 📂ListPage
 ┃ ┃ ┣ 📂Credit
 ┃ ┃ ┣ 📂Donation
 ┃ ┃ ┣ 📂MonthlyChart
 ┃ ┣ 📂MyPage
 ┃ ┃ ┣ 📂components
 ┃ ┃ ┃ ┣ 📂IdolFavoriteList
 ┃ ┃ ┃ ┣ 📂IdolSelectList
 ┃ ┃ ┃ ┗ 📂Nothing
 ┃ ┣ 📂NotFoundPage
 ┣ 📂styles
 ┗ 📂utils

🌲 깃 브랜치 전략

깃 허브 이슈 생성
발행된 이슈 번호 기반으로 feat-{번호} 형태로 브랜치를 생성 (예시 : feat-01)
로컬에서 작업이 완료 후, pull Request 작성
- main 브랜치에 변동 사항이 있으면 작업하고 있는 코드에 반영 후 push 진행
- Conflict가 발생하면, 충돌이 발생된 부분을 Resolve 한 후에 merge 진행
Pull Request에 대한 merge를 진행하는 경우, 리뷰어로 설정된 팀원 중 2명 이상의 승인이 완료되면 작성자가 직접 merge를 눌러 main 브랜치로 병합.
- squash & merge 기능을 사용하여, 여러 개의 커밋을 하나의 커밋으로 통합
- discord Webhooks을 통해 PR이 생성될 때 알림 오도록 설정

🚨 프로젝트 내 발생한 문제점 / 해결방안

문제점

Github Orginazation에 대한 배포 시 유료 기능 지원 문제 (#32, #35)
캐러셀 컴포넌트 내 React-Slick 슬라이드 멈춤 문제 (#51, #65)
모달과 페이지 컴포넌트 간의 우선 순위 문제 (#60)
페이지 이동 시, 스크롤이 그대로 유지되는 문제 (#82)

해결 방안

Git Action을 활용하여 자동 배포 및 PR 프리뷰 생성 (#32, #35)
React-Slick 내 설정 내용 중, useEffect가 발생될 떄, 슬라이드를 처음으로 이동하도록 변경 (#51, #65)
createPortal 을 활용하여 DOM 구조에 종속되지 않도록 구현 (#60)
스크롤을 초기화하는 Hook을 구현하여, 각 페이지마다 적용되도록 변경 (#60)

📗 프로젝트 내 잘한 점 / 아쉬운 점

😊 잘한 점

코드에 대한 규칙 및 관리에 대한 부분이 뛰어남

코드 및 커밋 컨벤션에 대한 초기 설정이 잘 진행
Github Issue와 PR 기능을 활용하여, 코드에 대한 형상 관리가 수월
PR 리뷰 및 피드백이 활발하며, 의견에 대한 수용 빠름
작업 단위로 분리됨에 따라, 브랜치 간의 충돌이 적음

😮‍💨 아쉬운 점

일부 팀원 분들의 프로젝트 참여율이 다른 팀에 비해 저조

열심히 참여하지 않는 팀원이 존재하여 다른 팀원이 많은 부담을 짐
팀 미팅에 대한 참여도는 높았지만, 그 이후에 소통이 잘 진행되지 못함

github-actions · 2024-05-21T01:55:59Z

🎉 구현한 기능 Preview: https://fandom-5fn0d27nu-easyhyun00s-projects.vercel.app

easyhyun00 · 2024-05-21T01:57:20Z

README.md

+- Github Orginazation에 대한 배포 시 유료 기능 지원 문제 ([#32](#32), [#35](#32))
+- 캐러셀 컴포넌트 내 React-Slick 슬라이드 멈춤 문제 ([#51](#51), [#65](#65))
+- 모달과 페이지 컴포넌트 간의 우선 순위 문제 ([#60](#60))
+- 페이지 이동 시, 스크롤이 그대로 유지되는 문제 ([#82](#82))
+
+### 해결 방안
+
+- Git Action을 활용하여 자동 배포 및 PR 프리뷰 생성 ([#32](#32), [#35](#32))
+- React-Slick 내 설정 내용 중, useEffect가 발생될 떄, 슬라이드를 처음으로 이동하도록 변경 ([#51](#51), [#65](#65))
+- createPortal 을 활용하여 DOM 구조에 종속되지 않도록 구현 ([#60](#60))
+- 스크롤을 초기화하는 Hook을 구현하여, 각 페이지마다 적용되도록 변경 ([#60](#60))


링크 이동이 안되네요! 그리고 같은 링크라서 문제점에는 링크 안 달고 해결방안에만 달면 좋을 거 같아요

easyhyun00 · 2024-05-21T01:59:33Z

README.md

+ ┃ ┣ 📂ListPage
+ ┃ ┃ ┣ 📂Credit
+ ┃ ┃ ┣ 📂Donation
+ ┃ ┃ ┣ 📂MonthlyChart
+ ┃ ┣ 📂MyPage
+ ┃ ┃ ┣ 📂components
+ ┃ ┃ ┃ ┣ 📂IdolFavoriteList
+ ┃ ┃ ┃ ┣ 📂IdolSelectList
+ ┃ ┃ ┃ ┗ 📂Nothing


리스트페이지랑 마이페이지 폴더 구조가 달라서 하위 폴더를 굳이 보여줄 필요가 없을 거 같아요

easyhyun00 · 2024-05-21T01:59:57Z

README.md

+<img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black"/>
+<img src="https://img.shields.io/badge/css_modules-000000?style=for-the-badge&logo=cssmodules&logoColor=white"/>
+<img src="https://img.shields.io/badge/scss-CC6699?style=for-the-badge&logo=sass&logoColor=white"/>
+


여기 <br> 추가해주세요! 제가 수정하고있었는데 깜박하고 안넣었네요..

Bersk3r · 2024-05-21T18:13:54Z

🎤✨ FANDOM-K🎶🌟

코드잇 스프린트 6기 Part 2 과정에서 2팀이 진행한 기초 프로젝트 Fandom-K 레포지토리

🏃프로젝트 소개

아이돌 조공 플랫폼 Fandom-K

리스트 페이지를 통해 아이돌을 후원하고 투표
마이 페이지를 통해 좋아하는 아이돌을 선택하여, 좋아하는 아이돌 목록 생성

📌 주요 기능

헤더
- 로고 클릭 시, 리스트 페이지로 이동
- 우측 프로필 클릭 시, 마이 페이지로 이동
랜딩 페이지
- 초기 시작 페이지
- "지금 시작하기" 버튼을 눌렀을 때, 리스트 페이지로 이동하고 localStorage 초기화
리스트 페이지
- 크레딧을 활용하여 아이돌 투표 및 후원할 수 있는 기능 제공
- 크레딧은 localStorage 에서 관리
- 토스트 창
  - 크레딧이 충전 되었을 때 나타남
  - 조공을 후원 했을 때 나타남
  - 아이돌에게 투표을 했을 때 나타남
  - 투표할 크레딧 양이 부족했을 때 나타남
- 내 크레딧
  - 현재 내 크레딧 확인
  - "충전하기" 클릭 시, 모달 창에서 100, 500, 1000 크레딧 충전
- 후원을 기다리는 조공
  - 현재 후원을 할 수 있는 목록을 캐러셀을 통해 확인
  - "후원하기" 클릭 시, 후원 모달 창에서 원하는 양의 크레딧 후원
- 이달의 차트
  - 현재 많은 투표를 받은 여자/남자 아이돌을 탭을 통해 순위 확인
  - "차트 투표하기" 클릭 시, 1000 크레딧을 소모하여 원하는 아이돌에게 1표 투표
마이 페이지
- 하단 아이돌 목록 선택 후, 제출하기 버튼을 누르면 상단 목록에 추가됨
- 각 목록은 특정 갯수를 만족하면 무한 슬라이딩 기능 활성화
- 반대로 특정 갯수를 만족하지 못하는 경우, 슬라이딩 기능 비활성화

⚒️ 개발 일정

⌛2024.05.01 (수) ~ 2024.05.16 (목)

📝 프로젝트 기간 중 수행 내용

1. 기술 스택 채용 및 구현 일정 조율
2. 프로젝트 관련 환경 셋업
3. 역할 분담
4. 프로젝트 구현
  - 공통 컴포넌트
  - 페이지 UI 구현 (mock 데이터 이용)
  - 기능 구현 및 API 연동
5. 발표 및 자료 준비
6. 리팩토링 및 문서화

👩🏻‍💻 팀원 소개

이지현	채종민	이종욱	김혜경	김고넬료
@easyhyun00	@jaychae	@bersk3r	@i-nooo-2	@nelryoS2

🤝 역할 분담

이지현

프로젝트 초기 세팅
배포 및 자동화 작업
애니메이션 적용
캐러셀, 프로필, 로딩 에러, 푸터 컴포넌트
낫 파운드, 내 크레딧, 후원을 기다리는 조공, 모달
발표 및 자료 제작

채종민

진행바 및 헤더 로딩 스피너
이 달의 차트 파트
발표 자료 제작
탭 컴포넌트 및 랜딩 페이지

이종욱

모달 초기 UI 및 기능 제작
배경 및 그라데이션 UI 제작
마이 페이지
README 파일 수정

김혜경

스타일 초기 셋팅
버튼 UI 제작
메타데이터 작성
발표 자료 제작

김고넬료

README 파일 초안 작성

💻 기술 스택

Environment

Config

Development

Deploy

CI / CD

Collaboration Tools

🗂️ 폴더 구조

^Fandom-K

📦src
 ┣ 📂apis
 ┣ 📂assets
 ┃ ┣ 📂icons
 ┃ ┗ 📂images
 ┣ 📂components
 ┃ ┣ 📂Background
 ┃ ┣ 📂Carousel
 ┃ ┣ 📂CustomButton
 ┃ ┣ 📂Footer
 ┃ ┣ 📂Header
 ┃ ┣ 📂LoadingError
 ┃ ┣ 📂Modal
 ┃ ┣ 📂MyCarousel
 ┃ ┣ 📂Profile
 ┣ 📂constants
 ┣ 📂contexts
 ┣ 📂hooks
 ┣ 📂pages
 ┃ ┣ 📂LandingPage
 ┃ ┣ 📂ListPage
 ┃ ┣ 📂MyPage
 ┃ ┣ 📂NotFoundPage
 ┣ 📂styles
 ┗ 📂utils

🌲 깃 브랜치 전략

깃 허브 이슈 생성
발행된 이슈 번호 기반으로 feat-{번호} 형태로 브랜치를 생성 (예시 : feat-01)
로컬에서 작업이 완료 후, pull Request 작성
- main 브랜치에 변동 사항이 있으면 작업하고 있는 코드에 반영 후 push 진행
- Conflict가 발생하면, 충돌이 발생된 부분을 Resolve 한 후에 merge 진행
Pull Request에 대한 merge를 진행하는 경우, 리뷰어로 설정된 팀원 중 2명 이상의 승인이 완료되면 작성자가 직접 merge를 눌러 main 브랜치로 병합.
- squash & merge 기능을 사용하여, 여러 개의 커밋을 하나의 커밋으로 통합
- discord Webhooks을 통해 PR이 생성될 때 알림 오도록 설정

🚨 프로젝트 내 발생한 문제점 / 해결방안

문제점

Github Orginazation에 대한 배포 시 유료 기능 지원 문제
캐러셀 컴포넌트 내 React-Slick 슬라이드 멈춤 문제
모달과 페이지 컴포넌트 간의 우선 순위 문제
페이지 이동 시, 스크롤이 그대로 유지되는 문제

해결 방안

Git Action을 활용하여 자동 배포 및 PR 프리뷰 생성 (#32, #35)
React-Slick 내 설정 내용 중, useEffect가 발생될 떄, 슬라이드를 처음으로 이동하도록 변경 (#51, #65)
createPortal 을 활용하여 DOM 구조에 종속되지 않도록 구현 (#60)
스크롤을 초기화하는 Hook을 구현하여, 각 페이지마다 적용되도록 변경 (#60)

📗 프로젝트 내 잘한 점 / 아쉬운 점

😊 잘한 점

코드에 대한 규칙 및 관리에 대한 부분이 뛰어남

코드 및 커밋 컨벤션에 대한 초기 설정이 잘 진행
Github Issue와 PR 기능을 활용하여, 코드에 대한 형상 관리가 수월
PR 리뷰 및 피드백이 활발하며, 의견에 대한 수용 빠름
작업 단위로 분리됨에 따라, 브랜치 간의 충돌이 적음

😮‍💨 아쉬운 점

일부 팀원 분들의 프로젝트 참여율이 다른 팀에 비해 저조

열심히 참여하지 않는 팀원이 존재하여 다른 팀원이 많은 부담을 짐
팀 미팅에 대한 참여도는 높았지만, 그 이후에 소통이 잘 진행되지 못함

* README 파일 수정 * 코멘트에 따른 README 파일 수정 * ✏️ Fix: 기술 스택 부분 수정 * ♻️ Refactor: 기술 스택 및 역할 분담, 주요 기능 내용 수정 * ♻️ Refactor: README 파일 수정 * ✏️ Fix: 역할 분담 이름을 굵은 글씨로 표시 * 📚 Docs: 이지현 역할 분담 수정 및 기술 스택 수정 * 📚 Docs: 기술 스택 수정 --------- Co-authored-by: easyhyun00 <[email protected]>

README 파일 수정

b2fec6a

Bersk3r added the 📚 Docs 문서 작성 label May 16, 2024

Bersk3r requested review from JayChae, easyhyun00, nelryoS2 and i-nooo-2 May 16, 2024 20:02

Bersk3r self-assigned this May 16, 2024

코멘트에 따른 README 파일 수정

a0cb23a

JayChae approved these changes May 17, 2024

View reviewed changes

✏️ Fix: 기술 스택 부분 수정

a3a975d

♻️ Refactor: 기술 스택 및 역할 분담, 주요 기능 내용 수정

be22032

♻️ Refactor: README 파일 수정

6904938

✏️ Fix: 역할 분담 이름을 굵은 글씨로 표시

f223ce7

📚 Docs: 이지현 역할 분담 수정 및 기술 스택 수정

37818fd

📚 Docs: 기술 스택 수정

9ec4949

easyhyun00 approved these changes May 21, 2024

View reviewed changes

Bersk3r merged commit 99fe83a into main May 22, 2024
1 check passed

Bersk3r deleted the docs-88-readme branch May 22, 2024 02:09

README 파일 수정 #89

README 파일 수정 #89

Conversation

Bersk3r commented May 16, 2024

🧩 이슈 번호 #88

✅ 작업 사항

👩‍💻 공유 포인트 및 논의 사항

github-actions bot commented May 16, 2024

github-actions bot commented May 17, 2024

Bersk3r commented May 17, 2024

JayChae left a comment

Choose a reason for hiding this comment

Bersk3r commented May 18, 2024

🔧 기술스택

Environment

Config

Development

Bersk3r commented May 18, 2024 • edited Loading

github-actions bot commented May 18, 2024

github-actions bot commented May 18, 2024

Bersk3r commented May 18, 2024 • edited Loading

🎤✨ FANDOM-K🎶🌟

🏃프로젝트 소개

📌 주요 기능

⚒️ 개발 일정

📝 프로젝트 기간 중 수행 내용

👩🏻‍💻 팀원 소개

🤝 역할 분담

💻 기술 스택

Environment

Config

Development

Deploy

Collaboration Tools

🗂️ 폴더 구조

🌲 깃 브랜치 전략

🚨 프로젝트 내 발생한 문제점 / 해결방안

문제점

해결 방안

📗 프로젝트 내 잘한 점 / 아쉬운 점

😊 잘한 점

코드에 대한 규칙 및 관리에 대한 부분이 뛰어남

😮‍💨 아쉬운 점

일부 팀원 분들의 프로젝트 참여율이 다른 팀에 비해 저조

github-actions bot commented May 18, 2024

github-actions bot commented May 18, 2024

github-actions bot commented May 21, 2024

easyhyun00 commented May 21, 2024

🎤✨ FANDOM-K🎶🌟

🏃프로젝트 소개

📌 주요 기능

⚒️ 개발 일정

📝 프로젝트 기간 중 수행 내용

👩🏻‍💻 팀원 소개

🤝 역할 분담

💻 기술 스택

Environment

Config

Development

Deploy

CI / CD

Collaboration Tools

🗂️ 폴더 구조

🌲 깃 브랜치 전략

🚨 프로젝트 내 발생한 문제점 / 해결방안

문제점

해결 방안

📗 프로젝트 내 잘한 점 / 아쉬운 점

😊 잘한 점

코드에 대한 규칙 및 관리에 대한 부분이 뛰어남

😮‍💨 아쉬운 점

일부 팀원 분들의 프로젝트 참여율이 다른 팀에 비해 저조

github-actions bot commented May 21, 2024

easyhyun00 May 21, 2024

Choose a reason for hiding this comment

easyhyun00 May 21, 2024

Choose a reason for hiding this comment

easyhyun00 May 21, 2024 • edited Loading

Choose a reason for hiding this comment

Bersk3r commented May 21, 2024

Bersk3r commented May 18, 2024 •

edited

Loading

Bersk3r commented May 18, 2024 •

edited

Loading

easyhyun00 May 21, 2024 •

edited

Loading