인스타그램 필터 cssgram

보호되어 있는 글입니다.

2023.06.26

ES6 배열 내장 함수

ES6 배열함수 ES6에는 배열을 처리할 수 있는 여러 함수들이 있다. 1) forEach : 반환값이 없다, 단순 for문과 같이 작동한다. 2) map : 반환값을 배열에 담아 반환한다. ***** 3) filter : 조건에 충족하는(true) 아이템만 배열에 담아 반환한다. 4) some : 조건에 충족하는 아이템이 하나라도 있으면 true 반환, 아니면 false. 5) every : 모든 배열에 아이템이 조건을 충족하면 true 반환, 아니면 false. 6) find : 조건에 충족하는 아이템 하나만 반환(여러개라면 첫번째것만 반환) 7) findIndex : 조건에 충족하는 아이템의 인덱스값 반환 (여러개라면 첫번째아이템의 인덱스번호만 반환) 8) reduce : 배열의 각 요소에 대해 주..

2022.04.26

CSS3 filter

filter CSS의 filter 속성은 요소에 흐림 또는 색상 변화 등의 그래픽 효과를 적용합니다. 필터는 일반적으로 이미지, 배경 및 테두리의 렌더링을 조정하는 데 사용됩니다. Syntax /* values */ .filter{ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); filter: sepia(60%); } /* Multiple filters..

2022.01.07

jQuery 기본문법

jQuery jQuery(제이쿼리)는 자바스크립트를 더 쉽고, 단순하게 조작할 수 있도록 설계된 자바스크립트 라이브러리다. jQuery는 MIT 라이선스를 가진 자유 오픈 소프트웨어이다. jQuery의 문법은 코드 보기, 문서 객체 모델 찾기, 애니메이션 만들기, 이벤트 제어, Ajax 개발을 쉽게 할 수 있도록 디자인되었다. $ 문법. $ 대신 jQuery 사용 가능 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animat..

2021.12.06