전체 글(30)
-
Std. 8
handlebars (html components) Terminal webpack.config.js html 파일을 handlebars 파일로 변경, 공통파일을 따로 분리 index2.handlebars
2020.07.27 -
연산자 & 제어문 & 타입변환과 단축평가
연산자 1. 표현식과 연산자 2. 문과 표현식 3. 연산자란? 4. 산술 연산자 4.1 이항 산술 연산자 4.2 단항 산술 연산자 4.3 문자열 연결 연산자 5. 할당 연산자 6. 비교 연산자 6.1 동등/일치 비교 연산자 6.2 대소 관계 비교 연산자 7. 삼항 조건 연산자 8. 논리 연산자 9. 쉼표 연산자 10. 그룹 연산자 11. typeof 연산자 제어문 1. 블록문 2. 조건문 2.1 if..else 문 2.2 switch 문 3. 반복문 3.1 for 문 3.2 while 문 3.3 do...while 문 4. break 문 5. continue 문 타입변환과 단축 평가 1. 타입 변환이란? 2. 암묵적 타입 변환 2.1 문자열 타입으로 변환 2.2 숫자 타입으로 변환 2.3 불리언 타입으로..
2020.03.19 -
기본 문법 & 데이터 타입과 변수
자바스크립트의 기본 문법 1. 변수 2. 값 자바스크립트는 7가지 데이터 타입을 제공합니다. 원시타입 - number, string, boolean, null, undefined, symbol(ECMAScript 6) 객체타입 - object 3. 연산자 피연산자의 타입은 반드시 일치할 필요가 없다. 이때 자바스크립트는 암묵적 타입 강제 변환을 통해 연산을 수행합니다. 4. 키워드 5. 주석 6. 문 7. 표현식 8. 문과 표현식의 비교 9. 함수 10. 객체 11. 배열 데이터 타입과 변수 1. 데이터 타입 1.1 원시타입 1.1.1 number 1.1.2 string 1.1.3 boolean 1.1.4 undefined undefined 타입의 값은 undefined 가 유일하다. 선언 이후 값을 할..
2020.03.17 -
this
1. this this의 값은 this를 사용하는 해당 함수를 어떻게 실행하느냐에 따라 값(의미)이 바뀐다. 호출자가 누구냐는 것에 따라 달라집니다. 기본 브라우저 - this === window Node.js - this === global 엄격모드 ("use strict") this === undefined https://poiemaweb.com/js-this https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/this https://blueshw.github.io/2018/03/12/this/
2020.03.10 -
함수
1. 호이스팅 변수 '선언' 과 함수 '선언' 을 끌어올립니다. 2. 함수선언문과 함수표현식 함수 선언문 function a(){ return 'a'; } 기명 함수 표현식 var b = function bb(){ return 'b'; } 익명 함수 표현식 var c = function(){ return 'c'; } 익명 함수 표현식 선언, 정의되는 방식 var c = function(){ return 'c'; } var c // 변수 선언 function(){ return 'c'; } // 익명함수 선언 c = function(){ return 'c'; } // 변수 c에 익명함수 할당. 함수 선언문의 문제점은 같은 함수 이름을 선언했을 경우 나중에 호이스팅된 함수가 이전 함수를 덮어 씌웁니다. 이러한..
2020.03.10 -
데이터타입 - 기본형과 참조형의 종류 및 차이점
C나 Java 와 같은 프로그래밍 언어에는 정수 타입 변수(int), 부동소수점 타입 변수(double) 등이 있어 그 변수의 타입과 일치하는 데이터만 저장이 가능합니다. 이와 같이 변수에 타입이 있는 언어를 정적 타입 언어(static typed language) 라고 합니다. 하지만 자바스크립트는 변수에 타입이 없으므로, 모든 타입의 데이터를 저장할 수 있습니다. 실행할 때 변수에 저장된 데이터 타입을 동적으로 바꿀 수 있다는 것이죠. 이와 같은 언어를 동적 타입 언어(dynamic typed language) 라고 합니다. 기본형 - Number, String, Boolean, null, undefined, +ES6 : Symbol - 값을 그대로 할당 - 비어있는 데이터 공간 확보 -> 변수명과 ..
2020.03.09