감정 일기장 만들기 -5 (일기 상세 페이지)

-> 섹션을 헤더, 이미지, 오늘의 일기 이렇게 3가지로 나눌 수 있다

---

일기 상세페이지 (Diary.js)

-> 현재 조회하고자 하는 일기 데이터 가져오기부터 해야 한다

(params로 id 가져오고, DiaryStateContext로 부터 diaryList를 가져오고, diaryList에서 해당 id 값 find하기)

 

 

공통적으로 사용하는 함수는 src>util폴더 안에 파일을 만들어 따로 빼주기

 

<date.js>

 

getStringDate 함수 쓰이는 파일에 import 해주기

 

 

 

 

emotion list 또한 여러 파일에서 쓰이므로 util에 따로 빼기

<emotion.js>

 

<Diary.js>

cf) article: div와 같은 역할이지만 article 내부부터가 검색엔진이라고 알려주는 역할

---

오늘의 감정 표시해주기

 

 

 

 

cf) 상세 페이지 게시글 내용 표시할 때 단어를 쪼개서 줄 바꾸지 않도록 하는 속성

+ 칸 길이보다 글 내용이 많을 때 칸 밖에 안넘어가고 다음 줄로 넘어가서 내용 표시하도록 하는 속성