일상지식 더하기

#Lodash Document Lodash Documentation_(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primitilodash.com 지난 번에 lodash를 사용하여 배열의 중복을 제거하는 방법을 알아봤는데, 이번에는 lodash를 이용하여 초간단 배열 정렬하는 방법에 대해서 알아볼까 한다. 지난 번..

간혹 영문자를 입력해야 하는 상황에서 한글로 되어 있어서 한글로 써진 매우 안타까운 상황이 발생하곤 한다.누가 옆에 있다면, "한글한글"을 외쳐본 적이 있다거나 외침을 받아본 적이 있을 것이다.그래서 준비해봤다.바로 치환할 수도 있겠지만, 한글을 입력해야 하는 상황도 있을 수 있으니 유틸로 한번 만들어봤다.모든 케이스를 적용하진 못했지만, 이렇게도 할 수 있다는 걸 보여주기 위해 작성해봤다.해당 예제는 react로 작성했지만, ref로 dom을 받아서 처리한 부분을 제외하곤 거부감이 없으리라 생각된다.    1 import { useRef } from 'react';    2     3 const ConvertUtils = () => {    4   const inputRef = useRef();..

list 내 object 형태로 된 데이터의 중복을 제거하기 위해 lodash를 사용해보자. 테스트 환경npm,  react <span style="font-f..

부모 컴포넌트 내 자식 컴포넌트 호출부 자식 컴포넌트 선언부 // ... 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를 통해 동적으로 처리할 수 있는 ..