Mong dev blog

🏃 array 요소에 NaN, undefined, null와 같은 유효치 않은 값을 제거해보자! 1. 전체 코드 보기 코드는 아래와 같이 간단하다. 배열에 대해 filter()와 Boolean를 사용해주면 된다. function getValidArr(arr) { return arr.filter(Boolean); } const arr = [NaN, undefined, '', 0, false, null]; console.log(getValidArr(arr)); // [] 2. 코드 상세보기 (1) Boolean(), 값을 true, false로 반환 JS에서 유효치 않은 값은 NaN, undefined, ‘’, 0, false, null이 존재한다. 우리는 배열에서 이 값을 전부 제외하고자 한..

🏃 이번시간에는 background: none과 background: transparent의 차이에 대해 알아보자 1. 배경색을 없애는 방법 배경색이 지정된 요소에 대해 특정 경우에 배경을 없애야 할 때가 있다. 예를 들어 버튼의 배경색이 빨강이었다가 hover시 배경색을 없애거나, 라이브러리 사용시 해당 라이브러리에서 지정한 배경색이 필요치 않는 경우일 것이다. 이처럼 background의 색상을 없앨 때 우리는 none(없애기), transparent(투명)을 사용할 수 있다. 🤔 그런데 background에 none을 지정하는 것과 transparent을 지정하는 것과의 차이는 뭘까? 2. none과 transparent의 차이 none과 transparent의 차이를 알기 위해서는 우리는 back..