발표 피드백 & 나를 위한 메모
1. 발표 형식
프로젝트 이름 설명 간단하게 한줄로 얘기하고 바로 시연으로 넘어간 다음에 보고서 내용 말하면 좋다
2. alert, cofirm
react-toastify, sweetalert 등으로 사용자 친화적인 ui를 하는 게 좋다
3. flex와 grid
카드리스트 flex 대신 grid로 통제하면 더 효율적으로 할 수 있으니 grid로도 도전해보길!
4. 카드리스트 작업할 때 내용이 넘치는 현상
overflow 컨트롤) ...뒤에 내용이 더 있다 이런 식으로 디테일한 처리 보완 필요
5. 상세화면에서 새로고침 하면 404 오류
vercel.json 파일 만들어서 다시 배포하면 정상적으로 작동할 것
https://stackoverflow.com/questions/76742696/404-error-when-deploying-react-app-in-vercel
6. 로그인 관리
로그인이 안 되면 수정/삭제 버튼이 작동 안 되도록 설정하기
7. README
리드미 작성 항상 신경쓰기!
8. 커밋 컨벤션
커밋 메시지 규칙 세워서 작업 시작하기. 다음 번에는 강경하게 밀고 나가보자.
많은 거 쓰지 않아도 되고 몇 개만 같이 정해서 쓰기! 경험을 토대로 미리 조금 정리해보면:
--- 파일 관련 ---
add: 프로젝트 초기 세팅, 파일 추가, 라이브러리 추가
rename: 파일 이름 변경 및 폴더 이동
delete: 파일 삭제
--- 코드 관련 ---
docs: 문서 수정 (예: index.html title & favicon 변경; readme 변경)
feature: 새 기능 추가, 기능 수정
refactor: 코드 리팩토링 (예: 중복 코드 삭제; props를 contexts로 리팩토링)
fix: 에러, 버그 해결
test: 테스트 코드 작성
style: 스타일링 변경
9. 헤더 컴퍼넌트
우리는 Header 컴퍼넌트를 만들어서 모든 페이지의 return 안에 가장 위에 Header를 배치시켰다. 받은 피드백은, 보통 레이아웃 컴퍼넌트 하나 만들어서 라우터에서 전역적으로 사용할 수 있도록 한다는 것. 참고하자!
10. Day.js
날짜 관리 라이브러리로 Day.js 사용 추천
