javascript에 존재하는 데이터 타입에 대해서 알아보자. 데이터 타입은 값의 종류를 말하며 자바스크립트에서 모든 값은 데이터 타입을 갖는다. 자바스크립트에서 es6기준으로 7개의 데이터 타입을 제공하며 원시 타입과 객체 타입으로 분류할 수 있다. Javascript의 데이터 타입 원시타입 숫자 타입( number ): 숫자. 정수와 실수 구분 없이 하나의 숫자 타입만 존재한다. 문자열 타입( string ): 문자열타입이다. 불리언 타입( boolean ): 논리적 참(true)과 거짓(false) undefined 타입: 값을 할당하지 않은 변수가 가지는 값이다. null 타입: 값이 없다는 것을 의도적으로 명시할 때 사용하는 값이다. 심벌 타입 ( symbol ): ES6에서 추가된 7번째 타입..

배경 로직을 처리하던중 배열에서 undefined를 제외한 후 새로운 배열을 가져와야 하는 상황이 발생했다. array에서 undefined를 제거해보자. 목표 기존 배열에서 undefined 제거 후 새로운 배열 return undefined 제거 아래와 같은 배열이 있다고 가정해보자. const data = [21, undefined, undefined, 9, true, false, undefined, null, 'a', 1, 0, '0']; 배열에서 undefined를 제거하는 방법은 간단하게 2가지 방법이 있다. 1. 배열에서 정확히 undefined만 제거 아래 코드를 실행하면 [21, 9, true, false, null, "a", 1, 0, "0"] 을 반환한다. const removeUnd..

문제 상황 react에서 상위 컴포넌트에서 하위 컴포넌트를 데이터를 내려준 후 데이터를 렌더링 할때 렌더링이 되지 않고 Error: Objects are not valid as a React child (found: object with keys {test, test1, test2}). If you meant to render a collection of children, use an array instead. 라는 에러가 나타났다. 에러 코드 원인 원인은 크게 두가지가 있다. 1. 타입스크립트를 사용하는 경우 타입이 제대로 잡혀있다면 먼저 react 내에서 기본적으로 한번 잡아주는데 현재 props의 dummy 타입은 any로 잡혀있어서 제대로 에러를 잡지 못한다. dummy가 object인지 stri..

배경react에서 query parameter로 받은 값을 서버에 전달하거나 서로 다른 라우터로 이동시에 query parameter를 담아서 redirect해야 하는 일이 생겼다. react router가 v6로 버전업이 되면서 기존에 v5에서 사용하던 방식과는 조금 달라졌다. v6에서 query parameter를 사용해보자. 목표React Router v6에서 query parameter 값 받아오기 Query parameter 값 받아오기특정 query parameter의  value만 받아오는 경우1. 받아오는 컴포넌트에서 searchParams 선언2. searchParams.get('쿼리 key') 로 값을 받아올 수 있다.아래 예제의 경우 ?query=test 이다.// localhost:..