본문 바로가기

리액트 라우터2

[AWS] 카톡분석 프로젝트-8 / React useNavigate 저번 포스팅에서는 React 라우터의 기본적인 사용방법을 익혀봤다. [AWS] Lambda 구축하기-7 / React 라우터 사용 이전장에서는 S3로 구성한 정적 웹호스팅에 AWS의 CDN 서비스인 CloudFront를 이용해 https 보안을 적용하였고, Route53을 통해 나만의 도메인을 적용시켜보았다. [AWS] Lambda 구축하기-6 / S3 정적웹호스팅 dbstndi6316.tistory.com 이번 포스팅에서는 요청에 대한 응답으로 클릭없이 페이지를 이동해보고자 한다. 우선 이를 사용하기 위해서는 react-router-dom이 설치되어있어야 한다. 이전 포스팅 참고 1. Functional Component - const navigate = useNavigate()를 function 내에.. 2022. 6. 19.
[AWS] 카톡분석 프로젝트-7 / React 라우터 사용 이전장에서는 S3로 구성한 정적 웹호스팅에 AWS의 CDN 서비스인 CloudFront를 이용해 https 보안을 적용하였고, Route53을 통해 나만의 도메인을 적용시켜보았다. [AWS] Lambda 구축하기-6 / S3 정적웹호스팅에 https 적용 이전장에서는 AWS S3 bucket을 이용한 정적 웹호스팅까지 진행해보았다. [AWS] Lambda 구축하기-5 / S3 이용한 정적웹호스팅 이전장에서는 AWS S3에 파일을 업로드 하는 동작을 React로 연동해보았다. [AWS] L dbstndi6316.tistory.com 하지만, 앞장에서 까지의 서비스는 한 화면에서 동작하는 서비스였다. 이제는 페이지 이동을 위해 라우팅을, 그 중 먼저 React 에서의 라우터를 예제로 배워보도록 하자. 라우팅.. 2022. 6. 14.
반응형