본문 바로가기

Front-end/Javacript

(28)
자바스크립트 Tutorial By Ellie (3) Javascript를 배우고나면 Typescipt를 꼭 배워라! 5. Arrow Function은 무엇인가? 함수의 선언과 표현 // Function // - fundemental building block in the program // - subprogram can be used multiple times // - performs a task or calculates a value // 1. Function declaration // function name(param1, param2) { body ... return; } // one function === one thing // namin: doSomethingg, command, verb // e.g. createCardAndPoint -> cr..
자바스크립트 Tutorial By Ellie (2) 자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 // 1. String concatenation console.log('my' + 'cat'); console.log('1' + 2); console.log(`string literals: 1 + 2 = ${1+2}`) ////////////////////////////////////////////////////////////////////////////////// // 2. Numeric operators console.log(1 + 1); //add console.log(1 - 1); // substract console.log(1 / 1); // divide console.log(1 * 1); // multply c..
자바스크립트 Tutorial By Ellie (1) script async 와 defer의 차이점 DOM을 따라 반드시 순서대로 실행되어야 한다면 DOM이나 다른 스크립트에 의존성이 없고, 실행 순서가 중요하지 않은 경우라면 DOM이나 다른 스크립트에 의존성이 있고, 실행 순서가 중요한 경우라면 'use stric' "올바르지 않은 문법" 을 사전에 검출할 수 있다. 수업내용 // 1. Use stric 'use stric'; ////////////////////////////////////////////////////////////////////////////////// // 2. Variable 변수 // let (added in ES6) let golbalName = 'global name'; { let name = 'jace'; console.lo..
Introduction to the DOM Introduction to the DOM The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. In this guide, we'll briefly introduce the DOM. We'll look at how the DOM represents an HTML or XML document in memory and how you use APIs to create web content and applications. What is the DOM? The Document Object Model (DOM) is a ..