자바스크립트 주석 방법 2가지
·
Programming/JavaScript
주석이란?주석은 프로그래밍할 때내용을 메모하거나,나중에 사용하기 위해서 남겨놓을 코드를 보관하거나프로그래머의 의견이나 코드 설명을 적기 위해 사용한다.  특히 다른 사람과 협업할 때는, 내가 짠 코드를 팀원이 잘 확인할 수 있게 메모해두는 것이다.  주석 생김새// 한 줄 주석/* 여러줄을한꺼번에 주석처리 시 요렇게 사용*/ 주석 단축키맥북command + /윈도우ctrl + /내가 주석처리 하고 싶은 코드 위에 커서를 올려 놓고 단축키를 누르면 주석처리가 된다.
HTML 문서에 자바스크립트 넣기 3가지 방법
·
Programming/JavaScript
1. HTML 내에서 ...  2. HTML 내에서 닫는 태그 바로 직전 앞에서  왜 요즘에는 2번 방법으로 js를 넣는가1번과 같이 head 태그 안에다가 작성 시 html이 완전히 로딩 되기 전에 js를 먼저 로딩시킨다. 근데 파일이 커져버리면 읽을게 많아져서 html이 로딩이 매우 느려진다. 그것을 예방하기 위해서 일단 html을 다 로딩시켜놓고 마지막에 js를 로딩시키는 방법을 요즘에는 더 선호하고 있다.  3. HTML에 외부 JS 파일 연결하기... ... // 01_001.jsdocument.write("2. 외부 Js 파일에서 불러오기");
JavaScript 호이스팅,
·
Programming/JavaScript
var obj = { key1: 5, //멤버 변수 key2: function() { // 멤버 메소드 return 3; }};console.log(obj.key1 + obj.key2())// 8호이스팅 hoistingvar func = function() { console.log('함수표현식')}function func() { console.log('함수 선언문')}console.log(func()); 📍풀이모든 선언문이 올라가고 할당문이 아래로 내려간다.화살표 함수 Array function
Javascript 데이터 할당 (기본형, 참조형, 중첩 객체도)
·
Programming/JavaScript
1. 기본형 DATAvar a;a = 'abc';a = 'abcdef';📍풀이 2. 참조형 DATAvar obj = { a: 1, b: 'bbb'};obj.a = 2;📍풀이객체에 있는 프로퍼티 값을 바꿀 때는 obj 값 주소는 그대로 @5005이게 된다.기본형에 비해서 참조형이 메모리 할당 과정에서 1단계를 더 거치기 때문이다. 그래서 기본형이 불변성이라는 것이다. 값이 바뀌지 않는다.  3. 중첩 객체도var obj = { x: 3, arr: [3, 4]};obj.arr = 'str';📍풀이@5004는 7104에서 참조하고 있었는데 obj.arr = 'str';을 하고나면 @5004를 참조하는 대상이 0이 된다. ( = 참조 카운트는 0이다)참조 카운트가 0이 되면 garba..
중간 퀴즈 2 풀이
·
Programming/JavaScript
1. Node 환경에서 자바스크립트 언어의 전역 객체는 [                ]이다.-> global 2. [               ]은 이벤트가 빈번하게 발생할 때, 마지막 이벤트만 실행하는 방법이다. (영어로 작성)-> debouncing 3.let a = 4;let b = a;let o1 = { a: b };let o2 = o1;a = 2;o2.a = 1;console.log(a + b + o1.a + o2.a);// 8 4. const a = 6;let b = 5;function f() { const a = 4; let b = 3; { const a = 2; const b = 1; } console.log(a + b);}f();// 7 5. let a = 5;fun..
중간 퀴즈 1 풀이
·
Programming/JavaScript
1. 자바스크립트 언어의 데이터 타입의 기본형은 00성을 가진다-> 불변 (변할 수 없는 성질) 2. 자바스크립트 언어는 데이터 타입을 000에 결정한다-> 런타임 3. let a = null;let b;console.log(a == b);// true 📍풀이a : null (빈 값)b : undefined (정의 되지 않음) "==" 과 "===" 차이"=="은 값만 평가한다"==="은 값과 type 둘을 동시에 평가한다.  a == b -> 둘 다 값이 없음 -> Truea === b -> 둘 다 값이 없지만 type이 서로 다름 -> False4. let a = 5;let b = a;let o1 = { a: b };let o2 = o1;a = 1;o2.a = 3;console.log(a + b +..