[React][속성공부] ...rest? 넌 뭐하는 애니? in Component props
부모 컴포넌트 내 자식 컴포넌트 호출부 자식 컴포넌트 선언부 // ... const Component = () => { const { a, b, ...rest } = props; // ... } 컴포넌트 내 props에서 부모에서 보내지 않은 값을 받는 부분이 보인다. 뭐하는 앨까? ...rest 부모 컴포넌트로부터 전달된 모든 속성을 담은 객체를 받을 수 있다. 자식 컴포넌트에서는 다음과 같이 ...rest를 이용하여 모든 속성을 받을 수 있다. const Component = ({ a, b, ...rest }) => { // a와 b는 직접 사용 가능 // ...rest에는 c와 같은 추가 속성이 들어있다 return ( A: {a} B: {b} {/* ...rest를 통해 동적으로 처리할 수 있는 ..
javascript로 encode된 URL을 간단하게 decodeURIComponent 사용해서 변환(전환)하는 방법
제일 쉬운 방법은 그냥 개발자도구 켜서 콘솔에 decodeURIComponent(url) 찍어주는 게 가장 쉬운데, 그냥 즐겨찾기나 원클릭으로 잡아놓고 쓰기도 좋다. 예시 변환(전환)하기See the Pen DecodeURICompnent by 서대석(Key) (@seodaeya) on CodePen.참고 decodeURIComponent() - JavaScript | MDNThe decodeURIComponent() function decodes a Uniform Resource Identifier (URI) component previously created by encodeURIComponent() or by a similar routine.developer.mozilla.org