푸으름

✏️  백틱 용법이란?자바스크립트에서 동적인 값을 할당하고 싶을 때 사용하는 용법으로 자바스크립트 ES6버전부터 사용이 가능해졌고 문자열 생성시 따옴표 대신, 백틱(`)을 사용하며 백틱은 키보드상에서 ~버튼을 누르면 된다 ✏️  장점 및 사용방법줄바꿈 등을 쉽게 표현 가능 => 기존 따옴표 방식에서는 줄바꿈이 허용되지 않아 백슬러시로 사용하는 이스케이프 시퀀스를 사용했음표현식 삽입 => ${}사이에 값을 넣어서 값을 동적으로 표현하면서 변수 사용이 간편해짐

✏️ 17장 마무리 문제 - 1번 할 일 목록 ✓할 일 1 ✓할 일 2 ✓할 일 3 ✓할 일 4 ✓할 일 5 ✏️ 17장 마무리 문제 - 2번 행 열 작성

✏️ 노드 리스트DOM에 접근할 때 querySelectorAll() 메서드를 사용하면 노드를 한꺼번에 여러 개 가져올 수 있습니다. 이때 노드 정보를 여러 개 저장한 것을 노드 리스트라고 하고 배열과 비슷하게 동작할 수 있습니다. 예제를 통해서 접근해보겠습니다. Web Programming HTML CSS Javascript 위의 코드를 실행한 후 F12 키를 눌러서 콘솔 창에 document.querySelectorAll("li")를 입력한 모습입니다. querySelectorAll()은 노드 리스트를 반환하기 때문에 화면 출력 결과에서 Nodelist(3) [li, li, li]가 출력되었습니다. 이렇게 입력을 하면 노드 리스트뿐만 아니라 인덱스와 요솟값이 저장되고 lengt..

✏️ DOM 요소에 함수 직접 연결이벤트 처리기 함수가 간단한 경우에는 DOM 요소에 직접 함수를 연결할 수 있습니다. 아래의 예제 코드를 보면 img 요소를 가져와 변수에 저장한 후 onclick을 사용해 변수에 이벤트 처리기를 직접 연결합니다. 이미지를 클릭하면 창이 나타나지만 그 외의 다른 곳을 클릭하면 아무것도 나타나지 않습니다.  ✏️ 함수 이름을 사용해 연결이벤트가 발생했을 때 실행할 함수를 따로 정의해 놓았다면 함수 이름을 사용해 연결할 수 있습니다. 이 경우에는 함수 이름 다음에 괄호를 추가하지 않습니다. 아래 예제는 이미지를 cup 변수로 저장한 후 이벤트가 발생했을 때 changePic() 함수를 실행합니다. 빨간 컵을 클릭하면 파란색 컵으로 색깔..