전체 글 검색 결과

해당 글 234건

[Node] TypeError: value.replaceAll is not a function

[Node] TypeError: value.replaceAll is not a function 최신 자바스크립트 문법으로 String.prototype.replaceAll()가 추가되었다. 즉, replace 에서 정규식으로 모두 변경해주던 것을 이제 replaceAll 함수를 사용하면 된다는 것이다. 그러나 node로 replaceAll을 실행하니 아래와 같은 에러가 표시되었다. TypeError: value.replaceAll is not a function 무슨 소리인가... 새로 추가되었는데 없다니. 해결방법을 알아보자. 해결 방법 replaceAll 함수가 있는 것은 확실하니 이제 node를 의심할 차례이다. node version을 update 시켜주니 잘 된다. 기존 node version ..
공유/Node, NPM 2021. 10. 21. 07:12

[JavaScript] Object(객체) 원소 삭제하기, key 삭제하기

[JavaScript] Object(객체) 원소 삭제하기, key 삭제하기 객체에서 특정 key 삭제하기 프로그래밍을 하다보면, 객체에서 특정 key만 삭제하고 싶은 경우가 있다. 어떻게하면 간단하게 할 수 있을까? 한번 알아보자. ■ delete 명령어 아래 animal 객체가 있고, rabbit을 삭제하는 코드이다. const animal = { rabbit: "토끼", lion: "사자", tiger: "호랑이" }; console.log("# rabbit 삭제 전 : ", animal); delete animal.rabbit; console.log("# rabbit 삭제 후 : ", animal); 위 코드는 delete 명령어를 사용하였다. 결과를 확인해보면 rabbit이 정상적으로 삭제된 것을..
공유/JavaScript, TypeScript 2021. 10. 20. 19:01

[Legacy][React] react-hook-form - 5 (yup validation)

[React] react-hook-form - 5 (yup validation) react-hook-form와 함께 사용할 수 있는 validation package들이 있다. 필자는 yup을 많이 사용하고 있어 소개를 해보려고 한다. 자세한 사용법은 해당 사이트에서 확인해보도록 하자. 이동하기 yup validation validation을 할 수 있는 package는 여러개 있지만 yup validation을 사용하고 있으니 yup validation으로 설명해보겠다. 우선 validation을 하는 이유는 간단하다. 사용자가 개발자의 의도에 맞게 값을 입력하였는가? 를 확인하는 것이다. 만약 잘못된 값이 있으면 error 메세시를 띄워주어 다시 입력하도록 유도할 수 있다. 자세한 yup valida..
기타 (+ Legacy)/Legacy 2021. 10. 17. 07:00

[Legacy][React] react-hook-form - 4 (useFormContext)

[React] react-hook-form - 4 (useFormContext) 컴포넌트가 커지는 경우 작은 컴포넌트로 1개의 컴포넌트를 나누기 시작한다. 즉, 1개의 컴포넌트를 만들기 위해 여러 컴포넌트를 사용한다. 이러한 경우 react에서 전역변수 개념인 useContext를 이용하면 하위 자식 컴포넌트에서 쉽게 부모 컴포넌트의 값에 접근할 수 있다. react-hook-form에서도 이러한 개념을 제공해주고 있다. useFormContext를 사용하면 FormProvider 자식 컴포넌트들은 부모 값을 쉽게 사용할 수 있다. 간단하게 알아보자. (홈페이지 참고 : 이동하기) useFormContext 사용하기 import { Controller, FormProvider, useFieldArray,..
기타 (+ Legacy)/Legacy 2021. 10. 16. 07:36

[Legacy][React] react-hook-form 배열 다루기 - 3

[React] react-hook-form 배열 다루기 - 3 이전 게시글에서 react-hook-form에서 배열 다루는 방법을 알아보았다. 그러나 원시타입의 경우 다루기가 힘들었는데 이러한 문제점을 해결할 수 있는 방법이 있긴하다. 첫 게시글에서 확인해본 useForm hook을 사용하여 다루면 된다. 간단하게 알아보자. (참고 : 이전 게시글에서 소개한 초기값, 출력과 같은 부분 설명은 제외함.) useForm으로 배열 다루기 import { Controller, useForm } from "react-hook-form"; const initValue = { numbers: [""] }; const Basic = () => { // #1 watch, setValue, getValues const {..
기타 (+ Legacy)/Legacy 2021. 10. 15. 07:06