선 조치 후 분석

연산 + String concatenation + Numeric operators + Increment and decrement operators + Assignment operators + Comparison operators + Logical operators + Equality + IF문 (조건문) + 반복문 + 삼항 연산자 1. String concatenation - 문자열 접합 // 1. String concatenation console.log('my' + 'cat'); console.log('1' + 2); console.log(`string literals : 1+2 = ${1+2}`); // ${}를 사용하면 안에 있는 변수값을 이용해서 결과를 얻어 온다. 2. Numeric opera..

데이터 타입 + let vs var + Constant + Backtick + Dynamic Typing 1. 변수의 선언과 할당 변수 : 변경될 수 있는 값 + rw(read/write)가 가능하다 let : ECMAScript(ES) 6에 추가된 변수 (* 요즘엔 ES6미만으로는 잘 사용하지 않는다고 한다.) 2. 변수의 범위(Scope) 블록 안에 있는 변수는 블록 하위에서는 사용할 수가 없다. 3. Global Scope (글로벌 변수) - 전역변수 반대로, 블록에 정의하지 않고 파일 안에다가 생성해서 쓰는 변수를 'Global Scope'라고 부른다고 한다. 'Global Scope'는 블록 안에서나 밖에서나 어디든지 이용 가능하다. JAVA에서의 'Static'과 비슷한 개념이라고 볼 수 있다..

콘솔에 출력, async와 defer 차이점 + Console API + use strict 1. Hello World! 작성 및 출력 아래 파일을 'main.js'로 저장 console.log('Hello World!'); 2. CMD를 통한 node실행 3. HTML과 연결하여 JavaScript 실행하기 위한 'index.html' 생성 및 결과 확인 여기서부터는 VSC만 사용하였다. 4. ★☆async 와 defer 차이점★☆ 1) head 안에 script가 들어가 있는 경우 브라우저가 한줄한 줄 한 줄 분석하며 Parsing 하면서 DOM으로 병합한다. Parsing 중에 script가 보이면 Parsing을 멈추고 Server로부터 필요한 script를 먼저 다운로드하여온다. 그리고 다시 P..

자바스크립트(JavaScript)란? JavaScript 란? : 1993년 'Netscape'사에서 HTML + CSS만으로 구성된 '정적인' 페이지에서 '동적인 페이지'를 제공하기 위해 스크립팅 언어를 고안하기 시작했다. 1994년 LiveScript을 만들어 냈다. 그리고 당시 'LiveScript'의 이름을 알리기 위해서 'Java'의 이름을 따서 'JavaScript'라고 이름을 변경하였다. 1995년 MS사에서는 거의 똑같은 JScript를 개발하였다. 1997년 ECMA + Netscape사가 함께 'ECMAScript'이라는 기준을 만들기 시작했다. 점점 웹 시장이 증가하면서 AJAX, jQuery 등 많은 라이브러리들이 나오기 시작했고, 다양한 브라우저에서 똑같이 사용될 수 있도록 각 웹..

Visual Studio Code 설치 + Extension 꿀팁 'JavaScript'가 약하다고 생각돼서 '드림 코딩'의 '엘리'라는 분이 올려주신 유튜브를 보고 공부하려고 시작했다. 시작에 앞서, VSC를 사용하기전에 도움이 되는 'Extension'을 많이 가르쳐주셔서 나름대로 정리해보았다. 'Visual Studio Code '는 'MS사'에서 개발한 것이라고 한다. Atom이나 SublineText와 같은 간단한 툴이지만, IDE 못지않게 좋은 기능들을 많이 사용할 수 있다고 한다. 오늘은 Visual Studio Code를 사용하는데 있어서 도움이 되는 'Extesion' 10가지를 알아보고자 한다. 1. Material Theme : 사용자가 원하는 색상으로 VSC 전체적인 색을 변경할 수..

웹을 개발하는 개발자라면 누구나 많이 접해볼 window 객체에 대해서 조금 더 정리가 필요해서 공부를 하였다. 오늘은 window.location 때문에 이 객체가 뭐 였지..? 라는 생각으로 공부를 시작하게 되었고, 다시한번 머리속에 정리를 하였다. Window 객체 : 브라우저를 제어하기 위한 객체 (JavaScript의 최상위 객체) 자바스크립트의 모든 객체는 window 객체의 하위 객체로서, 내장객체에 접근 시, window를 붙여줘야한다. ex) window.document.getElementById("ID속성값"); 하지만, 생략하고 사용 가능하다. ex) document.getElementById("ID속성값"); location 객체 ( = window.location) 웹 브라우저의 ..