궁금한게 많은 코린이의 Developer 노트

코드에서 간간히 보이는 백틱.. 어떤 경우에 사용하는 걸까? 사용하면 어떤 점이 좋을까 등등의 궁금증을 가지고 검색해보았습니다. 1. 템플릿 리터럴이란 ES6부터 새로 도입된 문자열의 표기법입니다. 문자열 생성 시 따옴표 대신 백틱(`)을 사용합니다. 그래서 왜 사용하는 거냐고? 백틱으로 템플릿 리터럴을 사용하면, 줄바꿈 등을 쉽게 표현할 수 있습니다. var a = ` Hello, I want to be front-end developer! `; 기존 따옴표를 사용할 때는 줄바꿈이 허용되지 않아, 백슬러시로 시작하는 이스케이프 시퀸스를 사용했지만,(\n, \t 등등..) 백틱을 사용하면서 간편해진 것..!

Constructor! :Object를 복사해주는 기계라고 한다. 그렇다면 Constructor...는 어떤 상황에서 사용할까? 속성만 바뀐 같은 객체를 여러개 만들어야 하는 경우 사용한다! 요렇게!! + Arrow function은 바깥에 있는 this를 그대로 사용하고 싶을 때 쓰는 함수이다. feat. 코딩애플♥ https://codingapple.com/

헤더를 스크롤하면 인디게이터의 너비가 길어지는 효과를 구현하는 방법에 대해 정리하여 작성한 것입니다. -헤더 스크롤 이벤트: 스크롤 시에 인디게이터 바의 너비를 조정하여 현재 위치를 알려줌. window.addEventListener("scroll", () => { const indicatorBar = document.querySelector(".scroll-indicator-bar"); const pageScroll = document.body.scrollTop || document.documentElement.scrollTop; const height = document.documentElement.scrollHeight - document.documentElement.clientHeight; con..

공부하면서 BOM DOM과 같은 개념에 대한 이해가 깊지 않은 것 같아 정리해 본다. DOM(문서 객체 모델)이란? : 객체 지향 모델로서 구조화된 문서를 표현하는 형식이다. 모든 요소들과의 관계를 부자관계로 표현할 수 있는 트리 구조로 구성한 것. 자바스크립트를 통해 동적으로 변경할 수 있다. 이미지 제어를 위해 이미지 태그를 가져올 수 있다. 'getElememtByTagname'은 document 객체에 있는 메서드이다. 해당 메서드를 통해 이미지를 제어할 수 있다. **여기서 getElement 's' 복수형으로 쓰여있는 것은 모든 img태그를 선택한다는 의미이다. 리턴값은 배열이 된다. DOM은 Window객체의 하위객체이기 때문에 개발자 도구에서 Window.document 로 접근이 가능하다..