[JavaScript] 문자열 대소문자 변환
.toUpperCase() : 문자열 대문자로 변환 .toLowerCase() : 문자열 소문자로 변환
- SW공부/JavaScript
- · 2023. 2. 18.
arr.sort([compareFunction]) compareFunction : 두 개의 파라미터를 비교하는 compare 함수의 반환값에 따라 정렬 순서(오름차순, 내림차순 등)를 정의. compareFunction에 아무것도 넣지 않으면 유니코드 순서로 정렬됨. //ex1 var arrNums = [4, 2, 7, 1]; arrNums.sort(); console.log(arrNums); //[1, 2, 4, 7] //ex2 //숫자는 문자열로 변환되어 유니코드순으로 2, 20, 5 의 순서가 됨. var arrNums2 = [2, 5, 20]; arrNums2.sort(); console.log(arrNums2); //[2, 20, 5] //ex3 //대문자가 소문자보다 먼저 옴. var arrC..
.split() 메서드 string.split(separator, limit) separator : 문자를 분할하는 기준 limit : 배열 요소의 최대 개수 (지정 개수 이후의 문자는 담지 않음) 매개변수 separator 에 빈 문자열("")을 지정하면 모든 문자를 따로 배열에 담을 수 있음 var strValue = "hello" strValue = strValue.split(""); console.log(strValue); //['h', 'e', 'l', 'l', 'o'] 매개변수 separator 에 쉼표, 하이픈 등을 넣을 수 있음 var strValue = "hello, world" strValue = strValue.split(','); console.log(strValue); //['he..
.toUpperCase() : 문자열 대문자로 변환 .toLowerCase() : 문자열 소문자로 변환
box-sizing: border-box padding, border 까지 합친 크기로 적용됨. /*ex*/ p{ box-sizing: border-box; width: 500px; height: 500px; } /*컨텐츠만의 크기가 아닌 padding, border까지 포함한 500px이 됨*/
overflow:auto 박스보다 컨텐츠가 커서 넘칠 경우 박스에 스크롤 생성 overflow-x, overflow-y 스크롤 방향 설정 overflow:hidden 넘치는 컨텐츠 숨기기
지금까지 폰트 사이즈를 항상 px로 지정했는데 앞으로는 rem을 사용해보아야 할 것 같아서 방금 배운 것을 적어놓는다. px: 고정된 크기 단위. 사용자가 글자 크기를 변경하지 못 함. 사용자의 환경에 따라 다르게 보일 수 있음. 스마트폰같은 크기가 작고 고해상도인 디바이스에서는 모니터의 한 점과 1px의 크기 차이 때문에 흐릿하게 보일 수 있음. rem: root(기준)크기 = 1rem. root크기를 기준으로 크거나 작게 설정할 수 있음 (ex 2rem, 0.4rem...). 사용자가 지정한 폰트사이즈를 기준으로 디바이스마다 다른 크기로 적용됨. em: 부모 요소를 기준으로 폰트사이즈가 정해지므로 다루기 어려움