JavaScript (8) 썸네일형 리스트형 [JavaScript] 9. JSON 개념정리와 활용방법 // JavaScript Object Notation // 1. Object to JSON //stringify(obj) let json = JSON.stringify(true); console.log(json); const rabbit = { name: 'tori', color: 'white', size: null, birthDate: new Date(), symbol : Symbol('id'), jump: () => { console.log(`${this.name} can jump!`); }, }; json = JSON.stringify(rabbit);; console.log(json); // 함수, Symbol은 JSON object에 포함 되지 않음. json = JSON.stringify(rab.. [JavaScript] 8. 배열 제대로 알고 쓰자 1. Declaration const arr1 = new Array(); const arr2 = [1, 2]; 2. Index position const fruits = ["a", "b"]; console.log(fruits); console.log(fruits.length); console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); console.log(fruits[fruits.length - 1]); 3. Looping over an array print all fruits // a. for for (let i = 0; i < fruits.length; i++) { console.log(fruits[i]); } // b. for .. [JavaScript] 7. 오브젝트 넌 뭐니? Objects one of the JavaScript's data types. a collection of related data and/or functionality. Nearly all objects in JavaScript are instances of Object 1. Literals and properties const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); // 'object constructor' syntax function print(person) { console.log(person.name); console.log(person.age); } const ellie = { name: "ellie", age: 4 }.. [JavaScript] 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 Object-oriendted programing class: template object : instance of a class JavaScript classes - introduced in ES6 - syntactical sugar over prototype-based inheritance 1. Class declarations class Person { // constructor constructor(name, age) { //field this.name = name; this.age = age; } speak() { console.log(`${this.name}: hello!`); } } const ellie = new Person("ellie", 20); console.log(ellie.name.. [JavaScript] 5. Arrow Function은 무엇인가? 함수의 선언과 표현 1. function declaration function name(param1, param2){body... return;} one function === one thing naming : doSomething, command, verb e.g. createCardAndPoint -> createCard,createPoint function is object in JS function printHello() { console.log("Hello"); } printHello(); function log(message) { console.log(message); } log("Hello@"); log(1234); 2. Parameters premitive parameters : passed by value .. [JavaScript] 기본 문법 2 1. object 비교 const ellie1 = {name : 'ellie'}; const ellie2 = {name : 'ellie'}; const ellie3 = ellie1; console.log(ellie1 == ellie2); //false console.log(ellie1 === ellie2); //false console.log(ellie1 === ellie3); //true 2. puzzler 비교 console.log(0 == false); // true console.log(0 === false); // false console.log('' == false); // true console.log('' === false); // false console.log(null == undefi.. [JavaScript] 기본 문법 1 1. let - 일반적으로 쓰이는 변수 선언 타입, 값 변경 가능. - 읽고 쓰기 가능 2. const - 값이 고정 변수 타입, 값 변경 불가능. - 고정인 값으로 선언할 때. - 보안상 이유로 좋음. - 실수 방지. - 읽기만 가능 3. var - 제발 쓰지마. - var은 규칙이 없음. 지 마음대로임. 4. block 안과 밖 let globalName = 'global name'; { let name = 'ellie'; console.log(name); name = 'hello'; console.log(name); // hello } console.log(name); // empty console.log(globalName); // global name 5. string - 기호를 이용해 편하게 .. [JavaScript] async와 defer의차이 및 use strict 1. async 다운로드된 js파일 먼저 실행 -> js파일이 서로 의존적이라면, 문제 2. defer 전체 js파일 다운로드 완료 -> 순서대로 실행 3. use strict js파일 상단에 'use strict' 선언 JavaScrpit가 급하게 만들어졌기 때문에, 문법자체에 모순이 많다. 문법적으로 상식적인, 효율적으로 빠르게 개발하기 위해 선언한다. 이전 1 다음