javascript:void(0) ' javascript: '을 사용할 경우 해당 구문이 스크립트로 평가되어 실행되어 도큐먼트의 내용으로 표시됩니다. ' javascript:void(0) '을 사용할 경우에는 스크립트의 평가 결과로 'undefined'가 반환되어 무시되므로 현재 페이지가 유지됩니다. 주의할 점은 CSP(Content Security Policy)의 설정에 따라서는 Inline Event Handler가 블럭될 수 있습니다. (물론 void이므로 블럭된다해서 문제될 것은 없을 수 있지만 보안툴 등에 의해 경고가 출력될 수 있습니다. #(hash) ' #(hash) '는 보통 페이지 내부링크를 목적으로 사용되는데 id를 지정하지 않은 경우에는 해당 페이지의 최상단으로 스크롤됩니다. 기본동작..

객체지향프로그래밍(Object-oriented programming)에서 class는 template이고, object는 instance of a class입니다. 그렇다면 Javascript에서 class는? -introduced in ES6 -자바스크립트에서는 기존에 클래스가 존재하지 않다가 'ES6'에서 추가됨 (클래스가 도입되기 전에는 클래스를 만들지 않고 바로 Object를 만들 수 있었고, 이 Object를 만들 때 Function을 이용해서 템플릿을 만드는 방법이 있었음) -syntactical sugar prototype-based inheritance -클랫는 완벽하게 짠하고 추가된 것이 아니라 기존에 있던 자바스크립트에 추가된 것이기 때문에 기존에 존재하던 prototype을 베이스로 ..

1. Function -fundamental building block in the program -subprogram can be used multiple times -perfirns a task or calculates a value 1-1. Function declaration function name(param1, param2) {body... return;} one function === one thing(한 개의 함수는 한 가지의 일만 하도록 작성해야함) e.g. createCardAndPoint -> createCard, createPoint function is object in JS (자바스크립트에서 함수는 Object로 간주) 변수에 할당할 수도 있고 파라미터로 전달되고 함수를 리턴도 ..

1. while while the condition is truthy, body code is executed. let i = 3; while(i>0){ console.log(`while:${i}`); i--; } //while:3 //while:2 //while:1 2. do while body code is executed first, then check the condition let i = 1; do { console.log(`do while:${i}`); i--; } while(i>0); //do while:0 3. for for(begin;condition;step) begind은 딱 한번만 실행하고 블럭을 실행하기 전에 condition체크하고 블럭을 실행하고 step진행 i에 '3'을 대입..

1. String Concatenation console.log('my' + 'cat'); // str + str = str console.log('1' + 2); // str + num = str console.log(`string literals: 1 + 2 = ${1+2}`); // console.log(`elie`s book'); //에러발생 console.log(`elie's book`); console.log("elie's \n book"); //줄바꿈 " \' " : 콤마안에 또 콤마를 사용하고자 할 때 [ \ + 콤마 ] " \n " : 줄바꿈시에는 [ \ + n ] " \t " : 탭키 2.Numeric Operators console.log(1 + 1); //add console.log..

1. 100vh 부모에 상관없이 보이는 viewportheight에 100%를 주고 싶을 경우 사용 2. 100% container라는 클래스의 부모에 100%를 채우겠다는 의미 그럼 여기서 container의 부모는 body태그에 height를 100%주는 건 변화없음 body의 부모인 html에도 height를 100% 주어야 변경됨 참고 : 드림코딩 by 엘리 유튜브 https://www.youtube.com/watch?v=7neASrWEFEM&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=8