게으른 나에게

변화하지 않는 변수 선언const myBirthday = '01.12.32'; 대문자 상수기억하기 힘든 값 변수에 할당해 별칭으로 사용하는 것대문자 명명밑줄 명명const COLOR_RED = "#F00";// 별칭 사용let color = COLOR_REDalert(color); // #F00 장점기억하기 쉬움오타 낼 확률 적음유의미코드 가독성 증가 일반적인 방식으로 상수를 명명 vs 대문자를 사용해 명명'상수’는 변수의 값이 절대 변하지 않음을 의미코드가 실행되기 전에 이미 그 값을 알고 있는 상수런타임 과정에서 계산되지만 최초 할당 이후 값이 변하지 않는 상수=> 대문자 상수, ‘하드 코딩한’ 값의 별칭 바람직한 변수명간결명확 변수 명명 시 참고하기 좋은 규칙남이 읽을 수 있는 이름 사용줄임말이..

HTML 전부 다 읽고 실행할 JS 코드$(document).ready(function(){ 실행할 코드 })document.addEventListener('DOMContentLoaded', function() { 실행할 코드 })

function( e ) { }콜백함수에 e를 넣으면 -> 유저가 실제로 누른 이벤트 타겟 요소(이벤트 발생한 곳)e.target; 이벤트리스너 달려 있는 곳e.currentTarget; 이벤트 기본동작 막아주는 것 (클릭 안한 것 처럼 동작)e.preventDefault( ); 상위요소로 이벤트 버블링 막아주는 것e.stopPropagation( );

Scroll은 페이지 로드 완료시 실행해야 정확하다. 태그 끝나기 전에 넣는게 좋다. 현재 페이지 실제 높이document.querySelector('html').scrollHeightdocument.documentElement.scrollHeight 현재 페이지 보이는 부분 높이document.querySelector('html').clientHeight 현재 페이지 스크롤양document.querySelector('html').scrollTopwindow.scrollY

9.1 변수와 상수1-1 변수데이터를 저장할 수 있는 공간. -변수: 변할 수 있는 데이터를 저장하는 공간 -상수 변수: 재할당 할 수 없는 데이터를 저장하는 공간  -키워드(=예약어): 자바스크립트 프로그래밍   어떤 역할이나 기능이 정해진 특별한 단어. -식별자: 자바스크립트 내부에서 변수, 함수 등에 부여되는 이름을 의미. var, let, const 등의 키워드와 함께 사용하면 식별자라는 용어보다는 변수명이라고 함. 키워드는 식별자로 사용할 수 없음. -연산자: 이름 그대로 어떠한 연산 작업을 하는 데 사용하는 기호.  -표현식: 표현식을 실행해 하나의 값을 만드는 과정되어 하나의 값을 반환하는 식 또는 코드를 의미. -값: 더 이상 평가할 수 없는 데이터를 의미.  -세미콜론: 자바스크립트에서 ..

8.1 자바스크립트 코드 작성 방법 1. 자바스크립트 코드 작성 방법  ① 자바스크립트를 웹 브라우저에 적용하는 방법은 크게 2가지  -내부 스크립트 방법(internal script): HTML 문서 안에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법   -외부 스크립트 방법(external script): 별도의 js 확장자 파일을 만들어 자바스크립트 코드를 작성하고 이 파일을 HTML 문서에 script     태그로 연결하는 방법document.write("외부 스크립트 방법");  -script 태그의 사용 위치: script 태그는 웹 브라우저에 화면이 표시되는 것에 영향을 미치지 않도록 body 태그가 끝나기 전에 사용.   ② 자바스크립트를 단순히 실..