Min
-
[CSS] min, max, clampIT 지식 2022. 8. 14. 17:32
1. CSS min/max 사용법 CSS min은 min(a, b, ...) 의 방식으로 사용하며 인자로 받은 값들 중 가장 작은 값을 값으로 취하는 함수이다. 예시 .container { width: min(50%, 200px) } 위와 같이 사용한다면, .container의 width 는 50%와 200px 중 작은 것을 골라 적용하게 된다. 내가 작성한 예시를 기준으로 한다면 위의 값은 .container { width: 50%; max-width: 200px; } 과 같다고 볼 수 있다. max 역시 이와 마찬가지로 max(a, b, ...)의 방식처럼 사용하며, 인자로 받은 값들 중 가장 큰 값을 적용하게 된다. 예시 .container { width: max(50%, 200px) } 위와 같이..
-
[TIL]Day 26. 간단한 js 내장 객체 : math (feat. code kata)IT 지식 2020. 10. 16. 11:15
오늘은 자바스크립트에서 지원하는 내장 객체인 Math와 그 메소드들에 대해 알아보도록 하겠습니다. 1. Math 더보기 Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다. Math는 Number 자료형만 지원하며 BigInt와는 사용할 수 없습니다(from MDN). Math는 자바스크립트에서 기본적으로 지원해주는 표준 내장객체입니다. Math 를 활용하여 길게 표현해야 하는 문법들을 보다 간단하게 줄일 수 있다는 장점이 있습니다. 그 활용도는 코딩테스트와 같은 알고리즘 문제 풀이에서도 활용될 수 있지만, 물리법칙을 활용한 알고리즘이 필요한 영역에서도 사용할 수 있습니다. 자바스크립트 응용 어플리케이션을 만들 때 유용하게 활용할 수 있다는 뜻이 되겠네요...