TIL_230130_☑️ 프로젝트 발표, <GOLLA>

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

---

📒 오늘의 공부

---

1. 프로젝트 발표회

• 발표 직전에 api 키 변경해서 재배포 완료

  ---

• 1조

  • 댓글 수 체크
  • 검색 결과 없을 때 표시
  • setPersistance: firebase 현재 유저 유지
  • 카카오톡 공유하기

• 2조

  • 비밀번호 찾기 기능

• 4조

  • Youtube 데이터 firebase 저장해서 활용하기
  • 데이터 처리 과정 gif 파일 작성

• 7조

  • 마이리스트 생성
  • 코드 설명 시 해당 스크린을 띄우기

• 8조

  • 실시간 채팅 기능

• 9조

  • git hub과 notion 연동
  • 구독 메일 알림 - firebase의 익스텐션
  • 다중 필터링
  • Recoil 사용
  • 커스텀 훅
  • 사용한 기술 선택 이유 자세히 정리

☑️참고할 것 정리

• 데이터 처리 과정 gif 파일 작성

• 기술 스택 기재할 때 Client, Api, Deploy 분류하기

• 기술 스택 선택 이유까지 기재

• 코드 설명 시 해당 스크린을 같이 띄우기

• 코드 캡쳐 시 깨지지 않게 주의하기 or Notion은 캡쳐보다는 코드블록 사용하기

  ---

• 튜터님 우리조 피드백

  • 초기 로딩 깜빡깜빡하는 것 - 렌더링이 중복되는 느낌
  • github link 댓글에 추가할 때 유효성 검사 추가
  • 마이페이지에서 글이나 댓글 눌렀을 때 이동 필요
  • 북마크할 때 색상변경 명확하게 하기
    -> 북마크 상태관리 필요. 북마크 한 상태로 추천 영상을 클릭하면 북마크가 그대로 유지 됨

---

2. < GOLLA > 기능 개발

Post 등록 - React query + firebase

• react-query firebase 패키지 설치하기
  • 설치하지 않아도 useMutation으로 firebase에 데이터를 넣을 수 있다고 해서 삭제
  • 하지만 공식문서에 나온대로 패키지 설치해서 써 봄
  • firebase에 잘 들어감

  ---

문제 및 해결

• useRef의 value 활용

  • 여러번 써야해서 이렇게 변수처리를 했더니 잘 작동되던 게 작동이 되질 않음
    

• 코드의 위치 문제. 함수 안으로 변수들을 옮기니 잘 된다.

  ---

알게 된 것

• useNavigate의 인자 활용(뒤로가기 방지)

  • navigate("../success", { replace: true});

• localStorage / sessionstorage

  • 로그인 정보를 local에 저장하면 페이지를 닫고 다시 방문했을 때 로그인 정보 유지
  • session은 데이터가 유지되지 않음 - 유저가 다시 로그인 해야 함
  • 우린 보안을 위해 session에 로그인 정보를 저장하고 대신 UX를 위해 로그인은 클릭 한 번으로 로그인 할 수 있는 간편 로그인만 제공하기로 했다.

---

3. 프로그래머스

Lv1. 약수의 합

function solution(n) {
    var answer = 0;
    for(let i=1; i<=n; i++){
        if(n%i===0){
            answer+=i
           }
    }
    return answer;
}