5 🗂️ 일정 및 회의록

📆 일자별 진행사항

• 11.01: 웹사이트 주제 정하기, 레퍼런스 찾기
• 11.04: UI 기획, 기능 분담, UI 작업 시작
• 11.05: UI 작업 마무리
• 11.06: UI 작업 main 브랜치에 머지, JS 기능 구현 시작
• 11.07: 1차 JS 기능 구현 마무리
• 11.08: 피드백 반영 및 각자 테스트 후 오류 리스트 수정(2차 구현)
• 11.11: 발표자료 제작 마무리 등 발표 준비

---

📣 회의록

11.08

• 강사님 피드백 반영
  • 깃허브 README 및 WIKI 에 프로젝트 설명 및 위키 링크 추가
  • 완성도를 위한 반응형 구현
    • 시간상 구현이 어려울 경우 너비를 고정하는 것도 하나의 방법
  • 가독성 있게 코드 수정
    • 직관적인 네이밍 작성
    • 네이밍 및 코드 내용상 파악 가능한 주석 제거 및 양식 통일
    • 함수로 구현 지향
    • 중복 ID, 코드 제거
  • JS 파일화
• 각자 테스트 후 오류사항 리스트업
  • 메인 앨범 카드 정렬
  • 멤버 페이지 포토카드 히든 메세지 작성
  • 앨범 및 멤버 페이지 반응형 제작
• 2차 기능 구현
  • 드래그앤 드롭 영역 제한
  • 메인 멤버 카드/모달의 앨범 CD 이미지 클릭 시 각 상세 페이지 연동
• 발표 관련 업무 분담
  • 시연 영상 제작: 슬기
  • 깃허브 문서 작업: 슬기 & 현호
  • 발표자료 구성 작업: 재영
  • 발표자료 내용 작성: all
  • 발표자료 디자인: 혜빈

11.07

• 1차 기능 구현은 적어도 80% 완료 상태
  • 6시 이후 추가 작업하여 PR 진행 예정

11.06

• 기본적인 UI 작업은 완료! 🎉
• 메인 페이지의 영상 캐러셀 부분의 경우 드래그 기능 드롭
  • 영상 영역 클릭 기능과 겹칠 수 있음
  • 드래그가 아닌 페이징 버튼 클릭으로 이동하기로 함
• 멤버 페이지의 포토카드 드래그앤 드롭 기능은 구현이 어려울 경우 제외
  • 대신 마우스 호버시 해당 카드가 앞으로 나오게끔 구현을 함
  • 기능 구현 1차 마감인 11.07 까지 구현 시도해보기로 함
• 앨범 페이지의 플레이리스트 CD 회전 기능 구현 완료
  • 재생/멈춤 기능과 연동하여 회전 기능을 조정할 예정

11.05

• 06일 아침 회의 전까지 코드 수정 후 main 브랜치에 머지하여 전체 UI 반영하기
• 반응형 구현이 어려운 경우 우선 PC 기준으로 작업 진행
  • JS 기능 구현 완료 후 시간이 남으면 반응형 진행 예정

11.04

• UI 디자인 구성
• 레이아웃(HTML, CSS)과 기능(JS) 리스트업 및 분업
• 브랜치명 구성
• 작업 일정 정리: 화요일까지 UI 마무리, 금요일 오전까지 기능 마무리

11.01

• 주제 아이디어
  • 📌 김혜빈: 아이돌 팬 페이지
  • 나슬기: 회의실 예약 페이지
  • 박한솔: 뉴스레터, 소식 페이지(뉴닉 참고)
  • 쇼핑몰: 스마트 스토어의 일부 기능들 구현
  • 반재영: 보드게임(텔레스트레이션), 온라인 실시간 보드게임
• 아이디어 통합
  • 아이돌을 메인 테마로 삼고 아이디어로 나온 것들은 기능으로 붙이는 방향
• 페이지 기능 아이디어
  • 박한솔
    • 📌 노래를 소개하는 앨범 리스트 섹션
    • 여러 아이돌을 소개하는 패밀리 사이트
    • 멤버들의 한마디 + 트위터 연동 메세지
    • 멤버 역사, 히스토리
    • SNS 메세지 실시간 불러오기
  • 나슬기
    • 📌 노래 플레이 리스트
    • 사진(멤버 포토 카드) 클릭 시 슬라이드
    • 릴스같은 UI + 이모지 형식의 버튼
    • 📌 CD 회전판처럼 구현한 앨범 리스트
    • 콘서트 예약, 아이돌 일정 등 캘린더 구현
  • 반재영
    • 달력으로 스케쥴 확인
    • 📌 각종 SNS 연결 링크
    • 유료 멤버십 결제
    • 컨셉 사진 갤러리
    • 굿즈 구매
    • 배경 음악
    • 뉴스, 소식 게시판
    • 포토카드 교환 게시판
  • 김혜빈
    • 📌 Three.js 를 활용한 UI 버튼 제작 => 버튼이 아닌 앨범 커버 돌려보기
    • 📌 유튜브, X(구. 트위터), 인스타 SNS 연동 UI
    • 📌 갤러리 형식으로 구성된 멤버 소개 페이지
    • 📌 음악 플레이 리스트
  • 이현호
    • 📌 카드 형식으로 된 멤버 소개
    • 현재 나온 앨범이 홈페이지 메인
    • 메인 클릭 시 음원 사이트들 리스트
    • 📌 앨범 클릭 시 2페이지 혹은 리스트
• 규칙 정리