Script

Class: 클래스는 붕어빵을 굽는 틀(템플릿) class에서는 이 틀에는 ~~이 들어갈수 있다라는 틀의 모양만 잡음 Object: class안에 데이터를 넣어 만들어 진것이 object(객체) class는 틀만 잡은 것이기에 메모리에 저장되지 않으나 object는 직접적인 결과물이므로 메모리에 저장됨 1.Class 선언 생성자,필드,메소드로 구성 class Person { constructor(name,age){ //생성자 this.name=name;//필드 this.age=age; } //메소드 speak(){ console.log(`${this.name}:hello!`); } } 2.object 생성 틀안에 반죽넣는 과정 변수명=new class명(); const A= new Person('A',2..

함수 프로그램의 기본 빌딩 블록 subprogram이라고도 불리며 여러번 재사용이 가능하다 작업을 수행하거나 값을 계산하는데 쓰인다. 1.함수 선언 & 함수 호출 함수 선언 function name(parameter1,parameter2) {body... return;} 하나의 함수는 한가지의 일만 하도록 만들어야 한다 naming방식은 doSomething,command,verb형태로 해야한다 ex)createCardAndPoint ->가독성을 위해 createCard,createPoint로 나눠줄 필요가 있음 함수는 js에서 object로 취급. function printHello() { console.log('Hello'); } printHello();//Hello만 계속 출력 function lo..

1.문자열 연결 console.log('my'+'cat'); // my cat console.log('1'+2); // 12 console.log(`string literals: 1 + 2 = ${1+2}`); //string literals: 1 + 2 = 3 2.숫자 연산자 console.log(1+1); //더하기 console.log(1-1); //빼기 console.log(1/1); //나누기 console.log(1*1); //곱하기 console.log(5%2); //나머지 console.log(2**3); //거듭제곱 3.++, -- 연산자 ++counter의 경우 let counter =2; const preIncrement = ++counter; //counter = counter +1..

1.variable let name='A'; cosole.log(A); //A javascript에서는 변수명을 선언할때 앞에 let을 사용한다 let name까지가 선언이고, 그 뒤에 ='A'가 할당이다. 이제부터 name이라는 변수명 안에는 A라는 값이 할당된것이다. let name='A'; cosole.log(A); //A name='hello'; console.log(name); //hello 이처럼 let을 이용한 변수는 얼마든지 값의 변경이 가능하다. 단,name='hello'처럼 재할당은 가능하지만 let name='hello'같이 재선언은 불가능 하다는 점에 유의해야한다. var을 쓰면 안되는 이유 let과는 다르게 var은 잘못된것을 오류라고 답해주지 않는다. ex)변수를 선언하지도 않고..

1.태그를 js파일을 불러오느라 html을 불러오는 것이 지연된다.(로딩이 느려진다) 2.태그를 끝단에 넣는 경우 1번에서의 단점이 보완되지만 만약 js의 의존도가 높은 웹페이지라면 html을 불러오고 나서 js를 불러오기 때문에 user가 정상적인 웹페이지를 보기까지 오랜 시간이 소요된다는 단점이 있다. 3.head+async html과 js를 병렬식으로 다운로드한다 단, js의 다운로드가 완료되면 js를 먼저 실행시킨후에 html을 마저 다운로드한다 다운로드 시간이 절약된다는 장점이 있지만 js파일이 html 다운로드가 완료되기도 전에 실행되기 때문에 html의 중요도가 높은 웹페이지의 경우 문제가 생길 위험이 있다. 4.head+defer 가장 안정적인 옵션이다. 위와 마찬가지로 html과 js파일..