[TIL] 개념정리!(단축 평가, 우측 정렬)

오늘은 '아 이거 더 편한방법 있었는데 뭐였지?', '아.. 이거 봤던건데.. 뭐였지?' 시리즈로 기억하지 '않은', 기억하지 '못하는' 간단한 개념 중 2가지를 정리 해 보고자 한다.

단축 평가 논리 계산법

보통 true, false의 값을 활용할 때 비교해서 사용을 했었는데
예를들어
A === true, B === false 일때 뭘 하자
혹은 둘다 true일 때 실행해라 등등등..
이걸 간단하게 줄일 수 있는 방법이 단축 평가 논리 계산법이다!
(제목이 더 긴게 함정..) 실제론 간단하다!

true && true // true
true && false // false
true || false // true
false || true // true

&&(and)로 비교되면 비교값 모두가 true일 때 true가 반환되고
||(or)로 비교되면 비교값 중 하나라도 true일 때 true가 반환된다. 간단하지만 자주 쓰지 않으면 또 길게 쓰고 있을지도.....😨

엘리먼트 우측 정렬

CSS작성 하면서 정말 자주 썼는데 매번 다시 찾고 다시 찾고 해서 정리하기로 생각했다. 내가 자주 쓴 방법은 두가지로

float: right

display: flex 일때
margint-left: auto

였는데 제대로 알고 썻다기 보다 되니까 그냥 넘어가게 되고 결국 제대로 이해하지 못해 이번엔 제대로 이해하기 위해 좀더 알아보던 중 아주 정리가 잘된 사이트가 있어 소개하고 글을 마치려 한다.
https://www.daleseo.com/css-align-right/