Language76 [JavaScript] 참조와 복사 복사 자바스크립트에서는 원시 데이터형을 제외한 모든 데이터 타입은 객체이다. 객체를 다른 말로는 참조 데이터 형(참조 자료형)이라고도 부른다. 자바스크립트는 원시값(숫자, 문자, boolean)에선 값이 복사가 되고, 객체일 때는 다르게 동작한다. 위 사진처럼 값을 복사하고 싶으면 변수를 지정하여 바꿔준다. 위 사진에는 값을 false로, 복사 = 값을 통해 value를 복사해준 후, 복사의 false값을 true로 바꿨다. 그 결과 복사는 true라는 value를 갖고, 값은 false라는 value를 갖는 형태를 볼 수 있다. 이 것을 통해 알 수 있는 것은 원시값을 복사하면 변수에 따로따로 동작하는 것을 알 수 있다. 참조 하지만, 객체일 때는 다르게 동작한다. 여기서 객체란 객체, 배열, 함수를 .. 2020. 9. 7. [JavaScript] classList 코딩을 할 때 효과적인 방식은 html은 html파일에만 쓰고 css로 처리할 수 있는 것은 css로 처리하고 JavaScript는 최소한의 로직만 처리하게끔 분리하는것이다. 반응속도.html html에 이렇게 style을 여러개의 class형태로 여러 속성을 적용을 해놓았다. 반응속도.js var 스크린 = document.querySelector('#screen'); var 상태 = { }; 스크린.addEventListener('click', function(){ if(스크린.classList.contains('waiting')){ // classList.contains: 현재클래스를 파악가능하다 스크린.classList.remove('waiting'); // class는 여러 스타일을 한번에 적용.. 2020. 9. 4. [JavaScript] 렉시컬 스코프, 클로저 렉시컬 스코프 자바스크립트에서는 코드가 적힌 순간 변수의 유효범위가 정해진다다. 이것을 정적 유효범위, 렉시컬(어휘적) 스코프라고 부릅니다. function main(){ var name = 'skykchmin'; } var로 선언한 name변수의 유효범위는 함수를 절대로 벗어날 수 없다. 즉 함수안에서 선언한 변수는 함수 밖에서 접근할 수 없다. var name = 'kchmin'; function log(){ console.log(name); } function main(){ var name = 'skykchmin'; log(); } main(); 위 예의 실행 결과는 skykchmin 이다. main() 메서드가 실행하면서, variable name이 있는지 찾아보고, 없으면 전체에서 찾아본다. 이.. 2020. 9. 3. [JavaScript] 이벤트 리스너, 이벤트 버블링, 이벤트 객체 이벤트 리스너 이벤트 리스너는 말 그대로 해당 이벤트에 대해 항상 리스닝 하며 대기중이다. 해당 이벤트가 발생했을 때 등록했던 이벤트 리스너가 실행된다. 이벤트 리스너는 on + '이벤트명' 의 구조를 가지고 있다. document.getElementById('Hello').onclick = function () { alert('Hello world'); }; 이벤트 리스너는 여러 태그에 각각 이벤트를 설정할 수 있다. 모든 DOM들이 이벤트 리스너를 등록할 수 있는 속성들을 갖고 있다. document.addEventListener('contextmenu', function(e){ //contextMenu 오른쪽 마우스 e.preventDefault(); console.log('Hello world').. 2020. 9. 2. 이전 1 ··· 12 13 14 15 16 17 18 19 다음
