React 뉴스피드 팀 프로젝트 4일차

규갓 God Gyu·2023년 11월 24일

프로젝트

목록 보기

24/81

11.24 회의 내용

로그인페이지

※ 완성한 부분

회원가입 후 firebase에 데이터 들어감
login하면 메인페이지로 넘어감
회원가입 시 email,nickname,비밀번호 등록함

※ 해야되는 부분

git pull merge작업중 ====충돌이 많은 상황

메인페이지

※ 완성한 부분

※ 해야되는 부분

상세카테고리 선택시 거기에서도 전체보기 / 상세카테고리에 post 생성되게해야함
상세카테고리에서도 추가버튼 클릭시 다시한번 추가할건지 되묻기 해야함
닉네임 값 받으면 post에 표시되어야함
post 시간순으로 정렬되게 해야함

마이페이지

※ 완성한 부분

로그인 후 사진 정보 없을때, default 이미지 나타나게 작업

현재 회색으로 되어 있어 원인 파악 중

※ 해야되는 부분

프로필수정완료 후 새로고침시 다 기본값으로 돌아가는 문제가 있음
사진 변경 후 메인페이지 가면 최신화가 안되고 있음
닉네임 변경이 안되고 있음 - 회원가입쪽과firestore와 연동해야하는 기능

앞으로 해야할 일

각자 남은 일

천민규 - 영상제작 / 제출용 파일제작 / ReadMe 작성
이진호 - 기능 구현 막힌 부분 수정 보안 / 프로젝트 개인 리뷰
윤창근 - css(~토 6시) / 프로젝트 개인 리뷰
이하민 - css(~토 6시) / 프로젝트 개인 리뷰
김소이 - 발표준비 / 프로젝트 개인 리뷰

각자 스케줄 마감기한

css(하민,창근) - 토요일 오후까지
영상제작/제출용파일/readme(민규) - 일요일까지
발표준비(소이) - 일요일까지
프로젝트 개인리뷰(팀원/한줄평도 ㄱㅊ) - 왠만하면 오늘? 안되면 토요일까지
발표시연(소이) - 월요일 오전 10시 알고리즘 이후 1회(+발표걸리는시간확인)
코드리뷰(진호) - 발표시연 이후

새로 익힌 내용

useSearchParams

현재 URL의 쿼리 문자열을 가져오고, 해당 문자열을 수정하는데 사용

useAuth()

커스텀한 사용자 인증 정보 관리를 위한 훅(로그인한 사용자 정보)

useContext()

해당 컨텍스트의 값을 얻어오기 위해 사용

option태그

selected

select안에서 selected 속성은 페이지 로드될 때 선택되어지는 옵션을 명시
즉, 명시된 옵션은 드롭다운 리스트에서 가장 먼저 표시가 됨
그럴려면 해당 속성을 클릭했을때 조건은 참이여야 명시가 됨

value

해당 옵션을 선택할 때 서버로 제출되는 값을 명시

외부 글씨체 적용

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

전역 style-components에 적용하는 GlobalStyle 파일에 해당 사이트에서 가져온 코드를 적용시키면 되는데 적용만 시킨다고 다 되는건 아니고,

  * {
  font-family: 'NanumSquareNeo-Variable';
    box-sizing: border-box;
  }
    html {
    font-family: 'NanumSquareNeo-Variable';
    scroll-behavior: smooth;
    height: 100vh;
  }

이렇게 *과 html에 둘다 적용시켜야 전체 글씨체 적용이 가능하다는 사실을 겟또~!