useParams: URL 경로에서 값을 가져와요. 예: /user/123에서 123.
useSearchParams: URL 쿼리 스트링에서 값을 가져와요. 예: /search?keyword=react에서 react.
useNavigate
특정 로직 이후에 다른 경로로 이동할때 사용
이벤트handler 이랑같이사용 동적이동
주로 HTML 링크처럼 사용합니다. 사용자가 버튼이나 텍스트를 클릭했을 때 특정 페이지로 이동시키고 싶을 때 사용해요.
<a>대신 사용
find
각 요소를 순회 하면서 true 를 반환
배열에서 특정 조건을 만족하는 첫 번째 요소를 찾아줌
찾는것이 없으면 undefined 반환
/ 하나 잇으면 기본 페이지
<Route path = "/" element={} >
상세페이지 “/:id”
오늘은 팀프로젝트랑 베이직 반 했다
맨날 깃허브 할때마다 꼬여서 난관이다 ..
git pull origin dev 를 dev 에 받아버리고
한참 꼬여서 튜터님 찾아가서 풀고
게시글 올리면 날짜가 시간 나노세컨즈 까지나와서 바꿧다
<div> {new Date(foundPost.created_at).toISOString().split("T")[0]} </div>
이렇게 해서 yyyy-mm-dd 로나오게 바꾸고
게시글 작성자가 아니면 ,
수정버튼과 삭제버튼이 나오지 않게 끔 만들었다 ..
아직 까지 어려운 리액트다 ..
베이직반 수업 자료 다시 보는 중이다 ..
팀프로젝트 기능 구현은 거의 .다 끝나서
css 만 하고 발표자료랑 만들면 될 것 같다 .
090524 Til 비동기 , 동기 (0) | 2024.09.05 |
---|---|
090324 til (1) | 2024.09.03 |
083024 til (0) | 2024.08.30 |
082924 ti l (0) | 2024.08.29 |
082824 til (0) | 2024.08.29 |