Tags Javascript

Tag: javascript

[javascript]문자열에서 정규 표현식과 일치하는 부분을 찾는 데 사용되는 match()

JavaScript에서 match() 메소드는 문자열에서 정규 표현식과 일치하는 부분을 찾는 데 사용됩니다. 이 메소드는 문자열에 적용되며, 정규 표현식을 인수로 받습니다. 여기 사용 방법에 대한 기본적인...

[javascript]map 함수 사용 방법, 함수 결합하여 사용하는 방법 map+filter, map+reduce

javaScript에서 map 함수는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새 배열을 생성하는 데 사용됩니다. map은 데이터를 변환하거나 가공할 때 매우 유용하게 사용될 수...

[javascript]문자열을 대문자 또는 소문자로 변환하는 toUpperCase, toLowerCase

문자열을 다룰 때 유용하게 사용할 수 있는 두 가지 강력한 메서드, toUpperCase()와 toLowerCase()에 대해 알아보려고 합니다. 이 두 메서드는 문자열을 각각 대문자 또는 소문자로...

[lodash]객체의 속성을 삭제하기 위해 사용되는 unset()

JavaScript에서 객체의 속성을 수정하기 위해 set 메소드를 사용하는 것과 유사하게, 객체의 속성을 삭제하기 위해서는 delete 또는 unset 메소드를 사용할 수 있습니다. Lodash와 같은 라이브러리를...

[javascript]트리 구조의 객체를 재귀적 함수로 평면화하는 방법

const getItems = (items) => { const flattenItems = (currentItems) => { let flatItems = ; for...

[javascript]객체를 복사하고 특정 키를 제외하여 객체를 생성하는 방법

const obj = { name: 'markettraders', age: 20, address: { city: 'seoul', zip: '12345' ...

[javascript]!! 연산자 not not 연산자

"!!" 연산자는 값을 boolean으로 형변환하는 데 사용됩니다. 이를 "not not" 연산자라고도 합니다. 이 연산자는 값을 true 또는 false로 간단히 변환하여 반환합니다. 예를 들어, JavaScript에서 다음과...

[javascript]ISO 8601 DateTime 포맷 변경하기 YYYY-MM-DDTHH:mm:ss.sssZ

ISO 8601 DateTime format 의 경우 YYYY-MM-DDTHH:mm:ss.sssZ (2021-12-17T15:52:37.101Z) 로 표기가 됩니다. 이 날짜 포맷을 내가 원하는 형태 YYYY-MM-DD HH:mm:ss 로 변경하는 방법을 한번 알아보겠습니다....

[javascript] 배열 내 객체 id 값 중복 제거, 카운트하는 방법

배열 내 객체 프로퍼티 값 중에 중복으로 들어간 것을 제거하는 방법은 많이 사용됩니다. 중복을 제거하면서 카운트 하는 방법을 알아보겠습니다. Lodash 설치 설명에 앞서 Lodash CDN 은...

Most Read

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...