[FrontEnd] 4월 다섯째주 일정 (04/27-05/03)

[chaehun0i]

프론트엔드 담당자

• @x2bjvhmmwg-gif (이채훈)
• @frydaynar (이나라)
• @agii990114-ctrl (김지환)
• @leeej9801-max (이정빈)

주간 목표

• 04/27:
  • 오전 : 파트 분배 전 정적 파일 공유 후 피드백 수집
  • 오후 : 특강
• 04/28:
  • 파트 분배 후 각자 파트 진행
  • 아래에 분배 파트 기입
• 04/29:
  • 파트 분배 된 각자 파트 진행
• 04/30:
  • 오전 : 특강
  • 오후 : 각 분배 된 파트 고도화 진행
• 05/01:
  • 각 분배 된 파트 진행
• 05/02 ~ 05/03:
  • 각자 분배 된 파트 보강

안건 논의 및 확정 사항

각 분배 파트

• 이채훈
  • 문서 작업
  • 정적파일 업로드
    • 3가지 종류의 이메일 html
    • 503/504 html
  • 회원가입 페이지 구현
  • 초대 회원가입 페이지 구현
  • 관리 페이지(ESG 담당자 용) 구현
• 이정빈
  • 로그인 페이지 구현
  • 메인데시보드 페이지 구현
  • 공통 Nav 공동 구현
  • 온보딩 페이지 구현
• 이나라
  • 게이트 페이지 정적파일 업로드 및 페이지 구현
  • 마이페이지 구현
  • 공통 커스텀 알럿 구
• 김지환
  • 반응형 css 기준치 확정 및 구현
  • 공통 Nav 공동 구현
  • 초대페이지(ESG 담당자 용) 구현

기술 컨벤션 확정

• 폴더: 소문자 복수형 (pages/, components/, hooks/, utils/, styles/)
• 파일: PascalCase 단수형 (LoginPage.jsx, SignupForm.jsx)
• 변수/함수: camelCase (userData, handleLoginSubmit())
• 기반 문서 매핑
  • 구조/라우팅:
    • [[FrontEnd] 페이지별 담당 지정 및 라우팅/컬러 시스템 확정 #30]
    • [[FrontEnd] Component & Page 구조 ver.010 #34]
    • [[BackEnd] MVC2 구조 [v0.1] #23]
  • 디자인/UI:
    • [[Decision Log #02] 팀별 역할 배정 및 공통 일정 운영 기준 확정 #16]
    • [[FrontEnd] 서비스 디자인 컨셉 및 UI 레이아웃 확정 #25]
    • [[FrontEnd] 계정 관리 및 인증 연동 로직 확정 #26]
  • 데이터/연동:
    • [[DB] 공통DB 관련 이슈사항 전달 #33]
    • [📘 프로젝트 운영 용어집 (Issue / PR / Milestone / WBS / Release) #18]
    • [[FrontEnd] 4월 넷째주 일정 (04/22-04/25) #31]

진행 중 작업 (To-Do)

• **기술 설계 및 명세 **
  • 리액트 디렉토리 구조 및 컴포넌트 네이밍 맵 작성
  • [[DB] 공통DB 관련 이슈사항 전달 #33] 기반 API 데이터 맵핑(camelCase) 정의
  • 미구상 페이지(로그, 관리자) 기능 정의 및 레이아웃 스케치
• 개발 환경 및 이식
  • Vite + React 프로젝트 초기화 및 공통 스타일 이식
  • 기존 정적 HTML(index, signup 등)의 JSX 컴포넌트 변환 시작
• **UI 고도화 및 신규 제작 **
  • 공통 레이아웃(GNB/LNB) 및 알림 레이어(noti-layer) 컴포넌트화
  • 마이페이지 세션 분리형 UI 및 미구상 페이지(로그/관리자) 신규 구현
• **기능 연동 및 자체 테스트 **
  • 더미를 사용한 자체 테스트
  • UI 디테일(호버, 애니메이션)
• ** 변경 사항 **
  • 로그 페이지 삭제

이슈 / 리스크

• 핵심 데이터 규격 정의 (중요):
  • [[FrontEnd] 서비스 디자인 컨셉 및 UI 레이아웃 확정 #25] 디자인 확정이 BE의 API 설계(마이페이지 유저 정보, 알림 목록 등)에 어떤 데이터 요청을 발생시키는지 연결 작업 필요.
  • 해당 내용을 **'핵심 데이터 규격'**으로 정리하여 BE팀과 공유함으로써 중복 논의 및 병목 현상 사전 방지.
• 업무 로드 밸런싱: 27일 오전 파트 분배 시, 리액트 숙련도에 따른 작업량 조절 필요.
• BE 데이터 싱크: 29일 연동 시 발생할 수 있는 변수명 불일치를 방지
• 미완성 시 대응: 4월 30일 마감이 원칙이나, 예상치 못한 결함 발생 시 5월 7일까지는 무조건 완성해야 함 (최종 마지노선).

전달사항

완성한 페이지는 5월 첫주차 일정 게시물에 표시 또는 댓글에 남겨두겠습니다.
로그페이지는 전체 회의결과 삭제 처리 하겠습니다.

[frankie516c]

현재 작성해주신 내용은 완료/진행 현황, 이슈, 다음 주 계획 중심으로 구성되어 있어 Weekly Report 카테고리에 맞습니다.

추가로 가독성과 추후 이력 관리를 위해 아래 사항 반영 부탁드립니다.

• '기반 문서 매핑'은 콤마식 나열보다 - 또는 * 형태의 리스트로 구분 작성
• 작업 내용은 가능하면 무엇을 했는지 + 현재 상태가 보이도록 구체적으로 작성
  (예: 로그인 페이지 수정 중 / 공통 컴포넌트 적용 완료)
• 이슈 / 리스크는 단순 기재보다 원인, 영향도, 필요 지원사항 포함 권장

[chaehun0i]

현재 카테고리 변경 및 기반 문서 매핑 수정은 완료했습니다.
작업 내용과 이슈/ 리스크 부분은 추후 수정하고 다시 알려드리겠습니다.

[frankie516c]

중간 진행 상황 공유 차원에서 가볍게 코멘트 드립니다.

현재 문서 구조나 방향은 잘 잡혀 있어서,
완성도보다는 “지금 어디까지 진행됐는지”만 간단하게라도 계속 업데이트해주시면 될 것 같습니다.

체크박스도 완료 기준까지 맞추지 않아도 괜찮으니,
진행 중인 상태라도 편하게 표시 부탁드립니다.

(예: 진행 중 / 일부 완료 등)

해당 문서는 결과 정리보다는 진행 상황 공유 목적이 더 크기 때문에,
부담 없이 짧게라도 계속 업데이트만 유지해주시면 충분합니다.
감사합니다.

[chaehun0i]

문서 수정 완료 했습니다.

[frankie516c]

반영해주신 업데이트 사항 모두 확인하였으며, 해당 일정 완료 되어 레이블 상태 '아카이빙'으로 변경하였습니다.
수고 많으셨습니다.

[choegayoung]

@x2bjvhmmwg-gif 초대 페이지에서 컨설턴트, 회사, 직원 연결 끊는 버튼이 필요할 것 같습니다.

[chaehun0i]

첨언 감사합니다! 해당 사항 반영 하겠습니다.