삐옹

2022년 6월 14일 뿌려막뿌려 본문

TIL/2022년 6월

2022년 6월 14일 뿌려막뿌려

삐옹 2022. 6. 15. 04:15

어서오세요

  • 오늘은 axios를 통해 서버에서 가짜 데이터를 불러와 메인페이지와 상세페이지에 뿌려주는걸 성공했다. 메인페이지를 성공하니 도미노처럼 상세페이지도 생각보다 쉽게 성공했다. 이 시간까지 안 잔 보람이 있는 하루.
  • 서버 구현에 대한 부담이 줄다보니 과제를 하면서 아쉬운 부분들이 점점 더 눈에 들어오기 시작했다.
    라우팅, 컴포넌트 재사용, 폴더 구조에 대한 부분들을 잘 배워서 꼭 리팩토링해보고 싶다. 

오늘 배운 것

login 상태에 따라 다른 화면 보여주기

해결법

Nested routing + Outlet

 

동적라우팅

해결법

Url parameter + useparams


[url접근 억제]

https://velog.io/@hyewonkkang/react-router-dom-%EA%B6%8C%ED%95%9C-%EB%B3%84%EB%A1%9C-URL-%EC%A7%81%EC%A0%91-%EC%A0%91%EA%B7%BC-%EB%A7%89%EA%B8%B0 

 

[react-router] 권한 별로 URL 직접 접근 막기

리액트를 이용한 웹 사이트를 개발하다가 이미 로그인한 사용자가 /login 페이지에 접근하는 상황이나 비로그인 상태의 사용자가 게시글 등록(/board/write) 및 수정(/board/1/edit) 페이지에 도달하는

velog.io

[동적라우팅]