#19 - 논리 / 비교 연산

Rosa.Kim 2021. 6. 11. 20:49

논리 (Boolean) / 비교 연산

논리 / 비교 연산은 일반적으로 조건문(@if)과 함께 사용된다.

논리 / 비교 연산 종류

분류	기호	설명
비교	==	같음
	!=	같지 않음
	<	보다 작음
	>	보다 큼
	<=	보다 작거나 같음
	>=	보다 크거나 같음
논리	and	그리고 ( 두가지 조건 모두 충족 )
	or	또는 ( 한가지 조건 충족 )
	not	부정 ( 모두 불충족 )

# 조건문 - if

https://rosakim90.tistory.com/entry/20-%EC%A1%B0%EA%B1%B4%EB%AC%B8if

#20 - 조건문(if)

조건문 (if) 기본 구조 SCSS if(조건, true표현식, false표현식); 사용 예시 SCSS $size : 200px; /* size 값이 100px 보다 크면 size 값을 입력*/ /* size 값이 100px 보다 작으면 값을 넣지 않음*/ .class1{ wi..

rosakim90.tistory.com

# 조건문 - @if

https://rosakim90.tistory.com/entry/21-%EC%A1%B0%EA%B1%B4%EB%AC%B8-if

#21 - 조건문 (@if)

조건문 (@if) 사용 예시 1 SCSS 기본 구조 @if (조건) { 조건이 참일 때 동작 } SCSS $box-size : 500px; .class{ @if ($box-size == 500px) { background-color : red; } } Compile 된 CSS .class{ background-c..

rosakim90.tistory.com