FE

목업데이터 작성 (public 폴더 안에 저장)

• 작성자 ID
• 제목
• 내용 → 암호화되어있을 거지만 일단 그냥 raw 내용으로
• 날짜

{
	user_id: "작성자 ID"
	title: "제목",
	content: "내용",
	date: "날짜",
}

일기 읽기 모달 창 구현

• todo: 무슨 파일 추가, 변경했는지 작성
• 일기 생성 모달 기능을 담고 있던 DiaryModal을 DiaryCreateModal로 변경
• DiaryReadModal을 기존에 구현한 컴포넌트를 재사용하여 추가 구현

중복 코드 컴포넌트화 + 파일 정리

• 자주 사용하는 styled component들은 style 폴더에 분리하여 저장
• 한 컴포넌트 내에서 중복되는 DOM은 같은 파일 내에서 함수화하여 분리

  • 분리하는 과정에서 props를 전달하는 부분이 eslint에서 오류를 발생 → .eslintrc rules에 다음 부분 추가

    "react/prop-types": "off",
    

홈페이지, 메인페이지 분리

state를 활용해 간단히 분리해놓는 형식으로 일단 구현

이후 직접 서버와 통신하여 로그인할 때 로딩과 같은 부분 해결

사이드바 UI 구현

로그인한 상태에서 헤더의 우측 상단 햄버거바를 클릭했을 때 사이드바 나오도록 UI 구현