I'm sw engineer!

변수의 선언은 var, const, let 으로 할 수 있다. ES6 에서 const 와 let이 추가되었다 var의 문제점 - 변수 중복선언이 가능하다 → 예상치 못한 값이 반환될 수 있다 - 함수 외부에서 선언한 변수는 전역변수로 설정된다. → 함수 레벨 스코프 때문 - 변수 선언이전에 변수를 참조하면 언제나 undefined를 반환. let - 변수 중복선언이 불가능하다. - 재할당은 가능하다. - 지역변수로 선언됨. ( 블록레벨 스코프 ) - 선언단계와 초기화 단계가 분리되어 진행 → 런타임 이전에 자바스크립트 엔진에 의해 선언 단계가 먼저 실행되지만, 초기화 단계가 실행되지 않았을 때 해당 변수에 접근하려하면 참조에러가 뜬다. ( 일시적 사각지대- Temporal Dead Zone :TDZ ) ..

" target="_blank" rel="noopener">http://code.jquery.com/jquery-latest.js"> 항상 최신버전의 jQuery를 사용할 수 있는 주소이다. 만약 적용이 안된다면 주소의 위치를 확인해봐야 한다.

1. getFullYear() : 년도를 출력하는 함수 2. getMonth() : 월을 출력하는 함수 - 0부터 시작. 1월 ▶ 0 +1 해줘야 현재 월을 알 수 있다 3. getDate() : 날짜를 출력하는 함수 4.getDay() :요일을 출력하는 함수 - 월요일 ▶ 1 - 화요일 ▶ 2 - 수요일 ▶ 3

셀렉터 ( 선택자 ) 뒤에 내용을 붙인다. 라는 것을 구현하는 데에 .append() 는 $(‘셀렉터’).append(‘추가할 내용’) ex ) $('p').append('연습'); .appendTo() 는 $(‘추가할 내용’).appendTo(‘셀렉터’) ex ) $('연습').appendTo('p');

jQuery (제이쿼리)란 ? 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. jQuery (제이쿼리) 제작 목적 - DOM과 관련된 처리 쉽게 구현 - 일관된 이벤트 연결 쉽게 구현 - 시각적 효과 쉽게 구현 - Ajax 애플리케이션 쉽게 개발 jQuery 함수 - jQuery() 또는 $()을 말한다. - jQuery 래퍼 (wrapper) 라고도 불림. - 형식 (붉은색 부분) jQuery( 엘리먼트 오브젝트 | 'CSS스타일 선택자' ) - DOM 엘리먼트를 찾아서 결과 값으로 객체를 얻어준다. $(document).ready() 메서드 : 브라우저에 HTML 문서가 로드되어 준비된 상태(ready)가 되었을 때 매개 변수로 전달된 함..

history.pushState 는 페이지 리로드 없이 주소만 변경할 때 사용한다. (브라우저의 뒤로가기 버튼이 활성화 됨 ) 브라우저 페이지를 이동하게 되면 window.onpopstate 이벤트가 발생하게 된다. pushState를 했을 때는 popstate 이벤트가 발생하지 않고, 뒤로 / 앞으로 가기를 클릭 했을 때 popstate이벤트가 발생하게 된다. pushState와 popstate를 이용하여 SPA의 페이지 전환을 구현할 수 있다. history.pushState( state, titile, url ); state : 브라우저 이동 시 넘겨줄 데이터 title : 변경할 브라우저 제목 ( 변경하지 않으려면 null ) url : 변경할 주소

addEventListener()는 document의 특정요소(Id,class,tag 등등..)에 event를 등록할 때 사용한다. 대상객체.addEventListener('이벤트명', fuction 함수명); click – 마우스버튼을 클릭하고 버튼에서 손가락을 떼면 발생한다. mouseover – 마우스를 HTML요소 위에 올리면 발생한다. mouseout – 마우스가 HTML요소 밖으로 벗어날 때 발생한다. mousedown – 클릭을 하기 위해 마우스버튼을 누르고 아직 떼기 전인 그 순간, HTML요소를 드래그할 때 사용할 수 있다. mouseup – 마우스버튼을 떼는 그 순간, 드래그한 HTML요소를 어딘가에 놓을 때 사용할 수 있다. mousemove – 마우스가 움직일때마다 발생한다. 마우스..