SCSS

SCSSSASS (Synthetically Awesome StyleSheets)SCSS는 Sass로부터 등장했습니다. Sass는 CSS 전처리기로서 변수, 상속, 혼합, 중첩 등의 다양한 기능을 제공합니다.전처리기로 작성한 코드는 CSS로 컴파일을 거친 뒤 실행시킬 수 있습니다. SCSS는 Sass3 버전부터 새롭게 등장했습니다. SCSS는 Sass의 모든 기능을 지원하는 Superset 입니다.게다가 SCSS는 CSS와 거의 비슷한 문법으로 Sass의 기능을 사용할 수 있습니다. Sass와 SCSS의 차이점Sass: 중괄호가 아닌 들여쓰기 사용SCSS: CSS처럼 `{}`와 `;` 을 사용 1. DataTypesSCSS는 다양한 데이터 타입을 정의하고 있어 이를 변수처럼 활용할 수 있습니다.type  ..

2024.05.16

단축평가 논리연산자 && ||, null병합 ??, 옵셔널체이닝 ?

단축평가논리합 `||`, 논리곱 `&&` 연산자는 왼쪽부터 오른쪽으로 평가를 진행하는데,중간에 평가 결과가 나오면 오른쪽 끝까지 가지 않고 평가 결과를 반환해버린다.논리합, 논리곱 연산자 표현식은 언제나 2개의 피연산자 중 어느 한 쪽으로 평가된다. 이를 단축평가(Short Circuit Evaluation)라고 하며, 피연산자의 타입을 고려하지 않고 그대로 반환한다. 단축 평가를 활용하면 아래와 같은 코드가 가능해진다."apple" || "banana"; // "apple""apple" && "banana"; // "banana"  논리합 ( || , A or B)A가 `true`면 A를 반환한다.논리합 연산자는 두 피연산자 중 하나만 `true`여도 `true`를 반환한다.따라서 앞의 항 A의 값..

2024.05.14

CSS | backdrop-filter

backdrop-filter해당 요소에 블러 처리되는 `filter: blur()`와 달리 요소의 배경 영역에 블러 처리가 된다.`backdrop-filter` CSS 속성을 사용 하면 요소 뒤 배경 영역에 흐림이나 색상 변경과 같은 그래픽 효과를 적용할 수 있다. 이는 요소 뒤에 있는 모든 것에 적용되므로 효과를 보려면 요소나 배경이 투명하거나 부분적으로 투명해야 한다. 사파리 에서는 vender prefix와 함께 사용해야 한다. `-webkit-backdrop-filter`    See the Pen [css]backdrop-filter3 by miok song (@miok-song) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 Syntax..

2024.04.25

ScrollTrigger.scrollerProxy()

보호되어 있는 글입니다.

2024.04.24

Element: insertAdjacentHTML()

insertAdjacentHTML()인터페이스의 insertAdjacentHTML() 메서드는 지정된 텍스트를 HTML 혹은 XML로 파싱하고 결과 노드들을 지정된 위치의 DOM 트리에 삽입합니다. SyntaxinsertAdjacentHTML(position, text) position요소와 상대적인 위치를 나타내는 문자열입니다. 다음 문자열 중 하나여야 합니다.beforebegin요소 이전에 위치합니다. 오직 요소가 DOM 트리에 있고 부모 요소를 가지고 있을 때만 유효합니다.afterbegin요소 바로 안에서 처음 자식 이전에 위치합니다.beforeend요소 바로 안에서 마지막 자식 이후에 위치합니다.afterend요소 이후에 위치합니다. 오직 요소가 DOM..

2024.04.15

ScrollTrigger

보호되어 있는 글입니다.

2024.03.22