데일리 스크럼 - FRONTENDSCHOOL10/we-are-final-family GitHub Wiki
[24.09.11] 17일차
- 파티모집 페이지 내 위치 기능 구현 완료 / 정렬 기능 구현 중
- 채팅 기능 구현 중
- 검색 기능 구현 중
[24.09.10] 16일차
- 회원가입 로직 수정
- 채팅 기능 테스트
- 검색 기능 구현 중
- 파티모집 페이지 데이터 렌더링 및 정렬 기능 구현 중
[24.09.09] 15일차
- supabase 관련 훅 함수 생성
- 회원가입 기능 개발 진행
- 에러, 폴백 페이지 생성
- 검색 엔진 최적화를 위한
Helmet
, meta
내용 추가
[24.09.08] 14일차
- API 테스트
Navigation
컴포넌트 개선
- 휴식
[24.09.07] 13일차
- 컴포넌트 마크업/css 개선
- 약관 동의, 게시글 컴포넌트 추가
- 관심분야 선택 페이지 렌더링
- 휴식
[24.09.06] 12일차
- 댓글 컴포넌트 추가
router
설정 및 페이지 구성
- 불필요한 패키지 정리
[24.09.05] 11일차
- 컴포넌트 설계
- 현업에서도 컴포넌트 설계 단계부터 차근차근 올라가는 방향으로 작업하는 방법을 채용하나요?
- ➡️ 회사마다, 상황에 따라 다르다.
- DB 설계
- 일반적인 DB 설계 방법 (기능마다 테이블을 따로 관리해야 하나요?)
- ➡️ 테이블을 따로 만들고 관계성 추가
- 채팅 기능
- 글 작성하기
State
-> 리렌더 -> Memo
- ➡️ 기능 개발 후, 성능 최적화 작업 시 하는 것이 효율적임
- 츄스탄트
- ➡️
Context
떠올리기 (Context
는 예열 코드가 많고 이를 개선하기 위해 츄스탄트를 사용!)
- 리액트 쿼리
- ➡️ 서버로부터
fetch
받은 것을 기억하기 위해 사용
- 클라이언트 측에서 기억하기 위한 캐싱 용도
[24.09.04] 10일차
- 컴포넌트 생성 (파티모집 - 게시글 아이콘 필터)
- 리팩토링 (버튼, 관심분야 카드, 모달, 유저 카드)
- DB 설계 (1차 시도 실패)
[24.09.03] 9일차
- 페이지 추가 (인트로)
- 컴포넌트 생성 (작성 - 카테고리 필터, 밸리데이션 인풋 / 상세 - 대기 중 파티원 카드 / 모달 / 플로팅 버튼 / 채팅 말풍선)
- API 배포 테스트
[24.09.02] 8일차
- 컴포넌트 생성 (프로필 카드 / 작성 페이지 - label, 로케이션, 시간, 성별 셀렉터 / 옵션 팝업 / 상세 - 유저 카드)
- 리팩토링 (컴포넌트 아이콘폰트 적용, 헤더 리팩토링, 버튼)
[24.09.01] 7일차
[24.08.31] 6일차
- 아이콘 폰트 보완
- 타이포그래피 추가 (variables.css)
- 컴포넌트 생성 (프로필 이미지, 인원 카운터, 데이트 셀렉터)
- 리팩토링 (내비게이션)
[24.08.30] 5일차
- 디자인 2차 보완 (피그마)
- 워크 플로우 2차 보완 (피그잼)
- 아이콘 폰트 생성
- 컴포넌트 생성 (내비게이션, 헤더, 작성 화면 - 드롭다운, 관심분야 카드, 토글 버튼)
[24.08.29] 4일차
- 컴포넌트 분리 및 역할 배분 (피그마)
- 기능 역할 배분
- 기획 발표 자료 보완
- SupaBase 연결
- variables.css 및 메인 css 연결
- 버튼 컴포넌트 생성
[24.08.28] 3일차
- 디자인 1차 보완 (피그마)
- 워크 플로우 1차 보완 (피그잼)
- 백로그 작성 완료 (구글 스프레드 시트)
- 기획 발표 자료 (구글 ppt)
- 데이터베이스 ➡️ SupaBase
- 라우터 방식 결정 ➡️ ReactRouter
[24.08.27] 2일차
- 디자인 수정 진행 중 (피그마)
- 워크 플로우 작성 진행 중 (피그잼)
- 백로그 작성 진행 중 (구글 스프레드 시트)
[24.08.26] 1일차
팀명 정하기
프로젝트 주제 선정
- Enter Euid를 변형하여 소셜 서비스 만들기
팀/개인 목표 정하기
- 팀원들과 서로 배려하며 원활한 소통을 통해 즐겁게 협업하기
- 좋은 결과물 만들기
- 배우려는 자세로 임하기
기술 스택 정하기
- React + Vite
- React Router
- React Query
- Zustand
- CSS 모듈
- PocketBase -> SupaBase로 변경
- Netlify
코드 컨벤션
- 리액트 컴포넌트 -
PascalCase
사용
camelCase
사용
- 이벤트 핸들러 함수 :
handle
로 시작
- 동작 담당 함수 :
동사
로 시작
- 변수명과 함수명은 의미를 담아서 작성하기 💫