전체 글13 [plan] 23/7/19(수) 일정 보호되어 있는 글 입니다. 2023. 7. 19. [JavaScript] ES6 - 템플릿 리터럴 ✅ 템플릿 리터럴(Template Literal) ` 문자열 ${표현식} ` - 백틱(``)을 사용하여 문자열을 편하게 입력하게 해주는 ES6문법 - 특수문자, 엔터나 스페이스 등의 문자열이 작성한 그대로 출력된다. - 문자열과 함께 줄 바꿈, 변수사용, 연산, 함수 등을 사용할 때 유용하다. ✅ 사용방법 - 문자열은 출력되기 원하는 모양대로 작성하고 변수나 표현식은 ${표현식}으로 나타낸다. const lang = "자바스크립트"; let print1 = "안녕!\n나는 " + lang + "를 공부중이야!"; console.log(print1); /* 안녕! 나는 자바스크립트를 공부중이야! */ let print2 = `안녕! 나는 ${lang}를 공부중이야!`; console.log(print2);.. 2023. 7. 17. [plan] 23/7/16(일) 보호되어 있는 글 입니다. 2023. 7. 16. [plan] 23/7/15(토) 일정 보호되어 있는 글 입니다. 2023. 7. 15. [JavaScript] 크기값 구하기 ✅ 요소의 크기 clientWidth / clientHeight 요소.clientWidth : 요소의 border를 제외한 padding까지의 너비(높이)를 반환한다. - padding만 포함하여 계산한다. scrollWidth / scrollHeight 요소.scrollWidth : 화면에 보이는 것과 상관없이 실제 컨텐츠 영역의 너비(높이)를 반환한다. - padding을 포함한 화면 상에 표시되지 않은 숨겨진 영역까지 포함하여 계산한다. offsetWidth / offsetHeight 요소.offsetWidth : 요소의 margin을 제외한 border까지의 너비(높이)를 반환한다. - padding, border, 세로(가로)스크롤바를 포함하여 계산한다. 👉 참고 : http://jsfiddle.. 2023. 7. 14. 이전 1 2 3 다음
