잇스쿨

Summary 호출 문자열을 소문자로 변환하여 반환 원래의 호출 문자열(str)에 영향을 주지 않는다. 모든 브라우저에서 지원한다. JavaScript 1.0 부터 지원한다. 오직 영문자에 대해서만 유효하게 동작한다. 대소문자 구분이 없는 한글 또는 특수기호 등은 해당 메서드를 적용해도 변화가 없다. ↔ toUpperCase()는 대문자로 변환 Syntex str.toLowerCase() Return 호출 문자열을 소문자로 변환한 새로운 문자열을 반환 Ex var str = "Happy Birthday"; console.log(str.toLowerCase()); // happy birthday console.log("HAPPY BIRTHDAY".toLowerCase()); // happy birthday

calc() : 괄호 안의 식을 계산한 결과를 속성값으로 사용하게 해주는 함수 The calc() Function Create a div that stretches across the window, with a 50px gap between both sides of the div and the edges of the window: Some text... 위의 코드 예시의 width: calc(100% - 100px); 처럼 css에서 정의하면 브라우저 크기가 줄어들 때마다 해당 함수가 자동적으로 계산한 값을 width에 적용 사용법 사칙 연산이 가능 (곱셈은 *, 나눗셈 / 기호 사용) 곱셈, 나눗셈은 공백이 필요x 덧셈, 뺄셈의 좌우에는 공백이 필요 (ex. 100% - 200px) 왼쪽에서 오른쪽으로..

text-overflow : 지정한 영역을 넘쳐 텍스트가 넘어갈 경우 어떻게 처리할 것인지 지정하는 속성 * 주의 ) 아래의 두가지 조건을 모두 충족할 경우에만 적용 1. overflow의 속성값이 hidden, scroll, auto 일 경우 (visible은 제외) 2. white-space:nowrap 3. width 또는 height가 고정적 속성값 clip | ellipsis | string | initial | inherit clip : 기본값, 텍스트 자름 ellipsis : 잘린 텍스트를 … 기호로 표현 가능 string : 잘린 텍스트를 지정한 문자열로 표시 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod t..