overflow-wrap

    [React] 일기장 프로젝트 2. 페이지 구현 - 수정, 상세화면

    이 블로그는 유데미 '한입 크기로 잘라먹는 리액트' 강의를 듣고 복습하고자 작성되었습니다. 목차 1. 수정페이지 2. 상세페이지 1. 수정페이지(/edit) 수정페이지는 일기 작성페이지와 거의 유사해서 만드는 과정도 간단합니다. 1. id 정보와 일기 데이터 가져오기 id는 App.js의 route에서 path variable로 설정한 후 useParams를 이용해 id 객체로 불러올 것입니다. 또 일기 데이터는 일기 작성화면에서 구현했듯 useContext를 이용해 가져올 것입니다. 1-1. Edit 컴포넌트 만들기 import { useNavigate } from 'react-router-dom'; const Edit = () => { const navigate = useNavigate(); retu..