TIL_221128 ☑️🚩Basic_Project 발표회

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1.프로젝트 발표 준비

• 시연 영상 제작, 제출

  • 영상을 찍는데 실제로는 잘 들리지 않는 노트북 돌아가는 소리가 영상에서는 좀 크게 들려서 걱정이었지만 팀원들이 내 목소리가 더 잘 들린다며 괜찮다고 해줘서 영상과 최종 정리본을 제출했다.
  • 저번 미니프로젝트 때는 1분 정도의 영상을 찍는데 정말 한참 걸렸는데 그래도 이번엔 3분 정도의 프로젝트를 모두 설명하는 영상이었는데도 저번만큼 오래 걸리지 않고 잘 해서 뿌듯했다!
  • 친구들에게도 영상을 보내줬는데 개발자 친구들도 잘했다고 칭찬을 많이 해줘서 좋았다!!

• 발표 준비

  • 발표자가 발표에 익숙하지 않지만 도전하는 과정도 반드시 필요하기에 발표 연습을 할 때 팀원들과 열심히 도움을 주었다.
  • 리허설
    -> 점심 시간도 아껴가며 실제로 발표하는 것처럼 ZOOM에서 시간을 재면서 발표 리허설을 했다.

---

2.프로젝트 발표회

• 우리조 발표!!
  • 발표는 발표자가 하지만 같이 발표하는 기분으로 발표하는 순간을 함께 했다.
  • 걱정했는데 다행히 중간에 발표자가 준비를 좀 더 해주셔서 매끄럽게 발표가 진행됐다.

  • 튜터님 피드백

    -> 게시물 작성 버튼이 좀 더 쉽게 보였으면
    -> 카테고리 설정 안 했는데 글이 써지는 것 방지 = 방어 동작 필요
    -> firebase 사용량 초과 경험한 것 잘했음. 최소한의 정보만 불러올 수 있게 전략을 잘 짜야함

https://docs.google.com/spreadsheets/d/1UwW_1y7LvPN-uI0t6MsJo31L54CXOXZ6XNfONPSU7IQ/edit?resourcekey#gid=1635571925

---

3.프로젝트 발표회를 통해 배운 것

• 발표 구성의 중요성
  • 발표 구성을 충분히 할 시간이 없어 정말 간단하게 준비했는데 좀 더 추가했으면 좋았을 것 같은 내용이 많았다.
• 프로젝트 진행 과정과 방식 참고
  • UX flow chart
    -> 사이트를 이용할 때 사용자의 입장에서 어느 페이지에서 어디로 이동할 있고 어떤 기능을 사용할 수 있는지 정리
  • 처음부터 파일을 분리하고 시작하기
    -> 이 부분이 부족해서 이미지 파일이 assets / img 두 폴더로 나뉘게 되었다.
  • 노션의 대시보드 이용
    -> 노션의 대시보드가 익숙하지 않아 내가 벨로그에 따로 기록을 했는데 노션을 통해 팀원들이 모두 기록할 수 있는 방법을 써야겠다.
    -> API 등 깔끔하게 정리도 가능
  • DB 설계
    -> 구현하려는 기능에 따라 DB를 어떻게 이용할 건지 미리 설계
  • WireFrame 협업 툴
    -> https://miro.com/ko/
• 팀 목표 설정하기
  • 체크리스트를 참고해서 이것만은 다 같이 배웠으면 하는 부분을 목표로 설정하기
• 코드 설명
  -> 구현한 기능에 대한 코드 캡쳐, 설명
• 자세한 트러블 슈팅
  • 문제, 해결과정, 결과 잘 정리하기

☑️

구현하고 싶은 기능, 아이디어

• 북마크, 내가 쓴 글 모아보기
• 인젝션 방어
• 로그인을 하지 않으면 페이지 이동 불가
• 비밀번호 변경 가능
• <label> 태그 공부 후 적용
• 반응형 완전 멋있게!
• 검색창
• 인기 브랜드 순위
• 텍스트 작성 전에는 작성 버튼 disabled
• 사이트 <footer>에 팀원 정보 넣기
• 해당 키워드의 유튜브 영상 제공 페이지

---

• 7조에 놀러 갔다가 Git hub DeskTop에 대해 알게 되었다. 공부할 것!!

---

🚩

• KPT 회고록과 다면 평가를 일찍 제출하고 그 동안 미뤄둔 TIL 정리를 했다. 너무 졸려서 TIL을 다시 꼼꼼히 읽으며 정리하진 못 해서 다시 봐야 할 것 같다.
• 이번 주는 쉰 날이 없어 내일 하루만 쉬고 싶은데 내일부터 JS 심화 수업을 실시간으로 들어야 하니 더 정신 차려야 한다.
• 오늘은 일찍 자고 내일도 힘내서 공부하자!!