게으른 나에게

변화하지 않는 변수 선언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() { 실행할 코드 })

sort array.sort는 문자정렬  sort로 숫자 정렬 하는 법(오름차순)1. a, b 는 array안의 자료.2. return 오른쪽 양수, a -> 오른쪽3. return 오른쪽 음수, b -> 오른쪽 (내림차순) filterarray 자료 원하는 것만 가져옴filter( ) 결과는 변수에 저장해서 써야함  sort vs filter.sort( )는 원본 변형됨.filter( )는 원본 변형되지 않음 map자료 전부 변형

Array 자료형[자료1, 자료2, 자료3 ... ] 자료 저장자료 출력자료 추가자료수정 sort : 자료간 정렬 (가나다 순) slice : 자르기 (1번부터 3번 전까지) Object 자료형{이름1: 자료1, 이름2: 자료2..}{key: value} 자료 저장자료 출력자료 수정 안에 아무거나 넣을 수 있음object, array 넣기도 가능값 출력  Array / Object 차이점Array : 순서대로 저장Object: key, value로 저장, 순서 X

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

문자 검사 방법 (포함)'문자'.includes('찾을 단어") 문자 검사 방법 (테스트)'문자'.test('찾을 단어')

setTimeout(function( ) { 실행할 함수 }, ms) -> ms 후에 함수 실행 setInterval(function( ) { 실행할코드 }, ms)-> ms 마다 코드 실행   콜백함수 자리엔 만들어 둔 함수 넣을 수 있음 setTimeout( 함수 , ms)

변수 선언: 변수 만들기var = 계절;var = 꽃; 변수 할당: 변수에 값 넣기var = 계절;var = 꽃;계절 = '봄', '여름';꽃 = '해바라기; 변수 범위: 함수 안, 함수 밖함수 안 - 안에서만 사용 가능함수 밖 - 밖, 안에서 둘 다 사용 가능 변수 종류: let, var, const  varletconst재선언OXX재할당OOX범위function- scoped{Block-scoped}{Block-scoped}

[form]은 서버로 유저 정보를 전송하려고 쓰는 것 submit">전송제출 버튼타입은 무조건 submit / 나머지 버튼 타입은 button  [조건문]if (조건식) {조건, 참 : 실행할 코드} else {조건, 거짓 : 실행할 코드} if (조건식) {조건, 참 : 실행할 코드} else if (조건식) {조건, 참 : 실행할 코드} else {조건, 거짓 : 실행할 코드} else if 무한 사용 가능.else if 앞에 if문 이 참이면 실행 안 함. truthy 자료0제외 숫자, '문자', [ ], { }falsy0, ' ', null, undefined, NaN