본문 바로가기

Filter2

[javascript] CSS 이미지 필터 (image filters) 참고: https://levelup.gitconnected.com/css-image-filters-e549271864f7 "필터" 라는 단어를 들으면 가장 먼저 떠오르는 것은 인스타그램 필터일 것 입니다. 아니면 당신을 코첼라 가는 강아지로 바꿔주는 스냅쳇 필터일 것 입니다. 이 포스트에서는 CSS를 사용하여 앱의 이미지에 매혹적이고 세련된 효과를 줄 수 있는 filter 속성에 대해 알아보겠습니다. 사용할 수 있는 필터는 다음 10 가지 입니다: grayscale() sepia() blur() invert() opacity() saturate() contrast() brightness() hue-rotate() drop-shadow() 위의 모든 메소드에서 Chrome 이나 Safari의 경우 -web.. 2023. 6. 21.
[javascript] 자바스크립트 forEach, map, filter, find 배열 메소드 사용 예제 자바스크립트에는 배열을 돌며 값을 처리할 수 있도록 도와주는 기능이 있습니다. 단순히 for 루프를 사용하여 각각의 배열 값을 처리할 수도 있지만 사용 목적에 따라 적절한 배열 메소드를 사용하는게 좋습니다. [].forEach() 가장 기본적인 배열 메소드로써 for 루프와 동일한 기능을 합니다. 파라미터로 현재 배열값과 인덱스를 받을 수 있습니다. const numberList = [1, 2, 3, 4, 5, 6, 7, 8, 9]; numberList.forEach((item, index) => { console.log(item, index); }); for 루프보다 깔끔하게 배열 값을 처리할 수 있습니다. [].map() map 메소드는 모든 요소를 돌며 일괄적으로 요소들을 변경하는 기능을 합니다. .. 2019. 12. 6.