📋 Week1

240819 회의

📣 어젠다

1. 깃 컨벤션

• 간단한 깃 컨벤션 사용 제안
• 깃 이모지를 활용하여 커밋 메시지를 시각적으로 구분하는 방안 고려

2. 기술 스택

• 프로그래밍 도구: Typescript, React
• 빌드 도구: Vite
• 상태 관리자: Zustand
• 서버 상태 관리자: TanStack Query
• 스타일링: Emotion
• 테스트: Playwright, Cypress(후일 선택 예정)

3. 목표

• 디자인을 고려한 이쁜 UI 구현
• 기능 및 개발적 완성도에 집중
• E2E 테스트의 철저한 진행
• 서버 배포(고민 중)
  • 송진님이 리눅스 서버 경험이 있어, 진행 여부 검토 중
  • 슈퍼베이스, 파이어베이스 등의 대안도 검토 중
• 기타
  • 영상은 서버에 저장하지 않기로 결정
  • 유튜브 아이프레임 대안으로 리액트 유튜브 라이브러리 또는 YouTube API 검토
  • 영상 링크 형태로 검토
  • 코드리뷰 AI 세팅 (담당: 송진님)

4. 팀원 역할 및 관심사

• 진님: 리액트에 대한 이해도 향상 목표
• 호연님: 프론트엔드 인터랙션에 관심
• 서윤님: 프로젝트의 완성도에 집중

📝 회의 규칙

• 매일 오후 2시 스크린샷 이후 ZEP에서 짧은 회의 진행 (30분 이내)
• 회의 시간은 최대 2시간을 넘지 않도록 조정 (기획 회의 제외)
• 당일 오전 12시 전까지 추가 논의 안건 사전 공유 → 각자 미리 생각 후 회의 진행

☑️ 액션 아이템

• 국내 및 해외 SNS 레퍼런스 또는 와이어프레임 작성 (내일 오후 2시까지)

240820 회의

📣 어젠다

1. 문서 및 규칙 정리

• 규칙과 문서는 [GitHub 위키](https://github.com/Dev-FE-1/Toy_Project_3_Team1/wiki)를 통해 관리됩니다.
• 정리된 규칙
  • Git 규칙
  • 깃 이모지 컨벤션
  • 파일 네이밍 규칙
  • Prettier & ESLint 설정
  • React 컴포넌트 개발 가이드
• 문서화된 항목
  • 폴더 구조
  • 이전 프로젝트에서 작성된 Git 가이드 포함

2. CSS 사용 방법 관련 업데이트

• 호연님이 CSS 사용 방법을 조사하기로 하셨습니다. 특히 /** @jsxImportSource @emotion/react */ 지시어 없이 CSS를 사용하는 방법에 대한 것이었습니다.
• 프로젝트에서 styled 컴포넌트를 사용하고, 컴포넌트를 Container로 감싸는 형식을 채택하였습니다.
• 이 방식을 사용함으로써 /** @jsxImportSource @emotion/react */ 지시어의 필요성이 없어지게 됩니다.
• 이에 따라, 추가적인 CSS 사용 방법에 대한 조사는 필요 없게 되었습니다.(궁금하시면 찾아오셔도 됩니다…말리지 않을 예정입니다.)

3. E2E 테스트 도구 선정

• Playwright를 사용하여 E2E 테스트를 진행하기로 확정했습니다.

4. 절대 경로 설정

• 프로젝트 내에서 절대 경로를 "@/*": ["./src/*"] 로 설정하였습니다.
• 이 설정에 대한 더 자세한 토론은 [GitHub Discussion](https://github.com/Dev-FE-1/Toy_Project_2_Team1/discussions/18)에서 참고할 수 있습니다.

☑️ 액션 아이템

• SNS 컨셉과 레퍼런스 찾기