IT/WEB
[javascript]객체의 키 중에서 숫자 타입의 값을 필터링하고 합산
다음은 주어진 객체의 키 중에서 숫자 타입의 값을 필터링하고 합산하는 예제입니다.
const sumNumberValues = (obj) => {
return Object.values(obj)
...
[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 속성이...
[javascript]Math.min, Math.max 사용방법
Math.min과 Math.max는 JavaScript의 Math 객체에서 제공하는 메서드로, 각각 주어진 숫자들 중 최소값과 최대값을 반환합니다. 이 메서드들은 다양한 수학 연산과 데이터 처리에서 유용하게 사용될 수...
널 병합 연산자 Nullish coalescing operator (??) 에 대해서 알아보자.
널 병합 연산자 Nullish coalescing operator (??)는 JavaScript에서 null이나 undefined 값을 체크하는 데 사용되는 연산자입니다. 이 연산자는 좌변의 피연산자가 null 또는 undefined일 경우 우변의 피연산자를 반환하고, 그렇지 않은 경우 좌변의...
[css]부모 요소의 border-radius가 자식 요소의 background-color로 가려지지 않도록 설정할 수 있는...
overflow: hidden 속성 사용
부모 요소의 border-radius를 자식 요소의 background-color로 가려지지 않도록 설정해야 합니다. 이를 위해 부모 요소에 overflow: hidden; 속성을 추가하여 자식 요소의 배경이...
[javascript]encodeURI, encodeURIComponent 차이점
encodeURI와 encodeURIComponent는 JavaScript에서 URL을 인코딩할 때 사용되는 두 가지 함수입니다. 이 두 함수는 URL의 다른 부분을 인코딩하는 데 사용됩니다.
encodeURI
이 함수는 전체 URL을 인코딩합니다.
문자열 내의...
[javascript]문자열에서 정규 표현식과 일치하는 부분을 찾는 데 사용되는 match()
JavaScript에서 match() 메소드는 문자열에서 정규 표현식과 일치하는 부분을 찾는 데 사용됩니다. 이 메소드는 문자열에 적용되며, 정규 표현식을 인수로 받습니다. 여기 사용 방법에 대한 기본적인...
[javascript]map 함수 사용 방법, 함수 결합하여 사용하는 방법 map+filter, map+reduce
javaScript에서 map 함수는 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새 배열을 생성하는 데 사용됩니다. map은 데이터를 변환하거나 가공할 때 매우 유용하게 사용될 수...
[javascript]String 을 Number 형으로 변경하는 방법
JavaScript에서는 문자열을 정수 또는 부동 소수점 숫자로 변환하는 여러 가지 방법이 있습니다. 이러한 방법을 자세히 살펴보겠습니다.
parseInt()
parseInt() 함수는 문자열을 정수로 변환하는 데 일반적으로 사용됩니다. 두...