선 조치 후 분석

연산 + 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..

콘솔에 출력, 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 등 많은 라이브러리들이 나오기 시작했고, 다양한 브라우저에서 똑같이 사용될 수 있도록 각 웹..

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

업무 특성상 Javascript를 많이 접하게 되었다. 학원에서 배웠던 내용으로는 역시나 모르는 부분들이 많았다. 그중에서 가장 많이 보였던 함수는 map이었다. 그래서 오늘은 map 함수를 관련해서 포스팅을 해보려고 한다. 먼저 map 함수를 알아보기 전에 Callback함수에 대해서 알아보자. Callback 함수? : 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수 function myName(subject, callback) { console.log(`안녕 내 이름은 ${subject} 이야.`); callback(); } myName('자바스크립트', function() { console.log('오늘은 자바스크립트를 공부해보자.'); }); 결과 안녕 내 이름은 자바스크립트 이야. ..