출처 : 코어 자바스크립트 기본형(primitive type)참조형(reference)불변값가변값변수 : 변경 가능한 데이터가 담길 수 있는 공간식별자 : 변수의 이름 변수 선언 -> 메모리에 식별자 저장 -> undefined 할당 -> 기본형 데이터 할당 시 별도 공간에 데이터를 저장 -> 공간 주소를 변수의 값에 할당참조형 데이터는 내부 프로퍼티들을 위한 변수 영역을 별도로 확보해서 확보된 주소를 변수에 연결하고 확보한 변수 영역에 각 프로퍼티의 식별자를 저장하고 각 데이터를 별도의 공간에 저장해서 그 주소를 식별자들과 매칭 시킴참조형 데이터는 여러개의 프로퍼티(변수)를 모은 '그룹'-> 가변값으로 여기는 상황 발생이를 불변값으로 사용하고자 한다면 내부 프로퍼티들을 일일이 복사하면 가능은 함(깊은 ..
IT/JavaScript
키보드 이벤트 리스너는 document에서 전체적으로 관리한다. 익명함수에도 e 등 파라미터를 넣어 줄 수 있다. 모달 닫기 전, 꼭 현재 상태를 확인한 뒤 모달을 닫거나 다른 작업들을 처리해 주는것이 중요하다. document.addEventListener('keydown', function (e) { if (e.key == 'Escape' && !modal.classList.contains('hidden')) { // esc 키 눌렀을때, modal 에 hidden 이 없을 경우에 hiddenModal(); // SOMETHING TO DO.. } else if (e.key == 'Enter') {// 엔터키 눌렀을 때 hiddenModal(); // SOMETHING TO DO... } });
버튼이 3개 있을 때, 버튼 세개에 전부 클릭 이벤트를 주고자 한다면 반복문을 이용해서 처리해 줄 수 있다. app.js const showModal = document.querySelectorAll('.show-modal'); const modal = document.querySelector('.modal'); const closeBtn = document.querySelector('.close-modal'); const overlay = document.querySelector('.overlay'); for (let i = 0; i < 3; i++) { showModal[i].addEventListener('click', function () { modal.classList.remove('hidden..
참조 $timeout([fn], [delay], [invokeApply], [Pass]); fn 지연 실행되어야 할 함수 delay 지연시키는 시간(millisecond) invokeApply 만약 false로 설정하면 model dirty check를 생략, true이면 $apply에서 fn을 실행한다. 반환값 Promise객체. delay시간에 도달했을 때 Promise가 resolve되고 Promise는 fn함수의 반환값을 반환한다. $timeout.cancel([promise]); promise 관련 작업을 취소하는 메서드. promise는 reject 된다. 이 메서드 실행시 $timeout 에 지정한 fn의 작업이 아직 실행되지 않고 취소해 성공했을 경우에는 true를 반환 $timeout.f..
Ajax는 자바스크립트를 이용해 HTTP요청(request)을 보낼 수 있다. Asynchronous Javascript and XML(비동기 자바스크립트와 XML)의 약자 : 브라우저에서 페이지를 이동하지 않고 자바스크립트를 통해 http에 요청을 보낸 후 그 응답을 받아 처리할 수 있는 기술 - 페이지 이동이 없어 더 나은 사용자 경험을 제공. 1 - Http request를 보낼 수 있는 객체를 생성 2 - open() 메서드 : 요청을 어떤 서버로 보낼지 결정(get,post등의 request method, 얻어올 리소스 또는 url) 3 - send() 메서드 : 메서드를 호출하여 http요청 전송 req.response; 콘솔에서 확인 하면 해당파일의 내용을 볼 수 있다. 하지만 setTime..