삐옹

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

[동적라우팅]

 

'TIL > 2022년 6월' 카테고리의 다른 글

2022년 6월 25일 디자이너님과의 협업을 시작하다  (0) 2022.06.25
2022년 6월 18일 클론코딩 2일차  (0) 2022.06.19
2022년 6월 13일 왜안돼?  (0) 2022.06.15
2022년 6월 11일 담당 페이지 UI 완성  (0) 2022.06.12
2022년 06월 10일 6주차 미니 프젝 시작  (0) 2022.06.11
'TIL/2022년 6월' Related Articles more