react-router-dom URL parameter

URL parameter react-router-dom URL parameter를 이용하면 URL에 입력한 파라미터 값을 가져올 수 있다. 상품페이지 3개를 만든다고 생각해보자. 아래와 같이 Route를 3개 만드는 방법을 쓸 수 있다. 하지만 상품이 100만개라면..? URL parameter 문법을 사용하자! 링크걸기 페이지를 여러개 만들고 싶으면 URL parameter 문법을 사용할 수 있다. path 작명할 때 /:작명 이렇게 사용하면 /detail/작명 으로 접속했을때 해당 컴포넌트를 보여준다. URL parameter 가져오기 (참고) path 작명시 url 파라미터는 몇번이고 사용가능합니다. detail/:어쩌구/:저쩌구 가능 // 주소/detail/3 으로 접속한 경우 import { u..

2022.11.11

javascript url 파라미터 가져오기

javascript로 주소에 있는 파라미터 가져오기 url : http://test.com?brand=1 let query = window.location.search; let param = new URLSearchParams(query); let brand = param.get('brand'); console.log(brand); // 1 https://europani.github.io/javascript/2021/06/25/031-URL-parameter.html

2022.06.27

클릭 시 Video 주소 바꾸기

클릭 시 Video 주소 바꾸기 a 태그의 링크값을 이용해 Javascript로 Video 주소 바꿔주기 HTML 비디오1 비디오2 비디오3 JS var video; //전역변수 선언 function changeVideo(linkBtn){ //linkBtn=>클릭한 a태그 video = document.getElementById('changeVideo'); //video태그 video.src = linkBtn.href; // 'movie/video01.mp4' video.load(); //연결된 비디오를 로딩한다. video.type = 'video/mp4'; //해당 코덱을 지정한다 video.play(); //비디오를 재생한다. return false; } //

2021.12.23

링크 시 매개변수(parameter)파라미터 값 넘기기

귤 = 매개변수 링크 시 매개변수(parameter)파라미터 값 넘기기 페이지 이동 시 JavaScript를 이용하여 parameter값을 전달받을 수 있다. 매개변수 1개 일 때 링크된 페이지 매개변수 2개 일 때 링크된 페이지 const obj = { 0: "bFleta: 16.61", 1: "pCHERRY: 8.53", } const newObj = Object.values(obj).reduce((acc, cur_ => { const [key, value] = cur.splite(": "); acc[key] = Number(value); return acc; }, {}); console.log(newObj); // { bFleta: 16.62, pCHERRY: 8.53 }

2021.12.21