- react 공식문서 Effect Hook 사용하기 읽기
- css 트렌지션에 대해서 공부
- 프로젝트 Header 부분 작업 이후 PR merge 끝
CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다.
PR내용
- scroll관련된 상태 로직인 useScrolltop hook 제작
- 이와 관련된 상태 값을 mainLayout 컴포넌트와 header 컴포넌트에 props로 넘겨줘야하기 때문에 두 컴포넌트의 부모인 Layout 컴포넌트를 생성
- nav바
- 기본적인 마크업 디자인 완료
- 고정 위해 position fixed값 추가
- 로그인 여부에 따른 동적 렌더링
- 기타
- 폰트 추가 및 theme에 font_family 추가
- mock Data 작업 (public/mock)
- studyCardInfo
- teacherListInfo
-
참고사항
- 공통적으로(2번 이상)쓰이는 컴포넌트는 components common 디렉토리로 분리 ex) StudyCard
- 공통적으로(2번 이상)쓰이는 type은 utils typesc디렉토리에 분리 ex) children type
-
이후 구현 사항
- scroll과 연관된 디자인 값들 상수로 분리
- 현재 location에 따른 nav바 활성화
- 로그인 관련된 api로직 구현 완료 후 로그인 상태 값 생성
