본문 바로가기

전체 글

(8)
[강의노트][드림코딩] JSON 드림코딩 자바스크립트 JSON 강의 노트 HTTP client와 server가 통신하는 규약(프로토콜) - client req / server res server에 데이터를 요청하고 받는 방법은 AJAX 활용 fetch() API 이용하면 server와 통신 용이 최근 XML 대신 JSON 많이 쓰임 - { key : value } / 직렬화(serialization)를 위해도 쓰임 Object를 직렬화(serialization)하여 JSON으로 변환 직렬화된 JSON을 어떻게 deserialization하여 Object로 변환하는지 1. Object to JSON - 규격사항 "xxx"로 큰따옴표 사이에 표기 let json = JSON.stringify(true); console.log(json); ..
[강의노트][드림코딩] 배열 Array Quiz 10가지 드림코딩 자바스크립트 배열 강의 노트 Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; const result = fruits.join(); console.log(result); } Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; const result = fruits.split(','); console.log(result); } Q3. make this array look like this: [5, 4, 3, 2, 1] { const array = [1, 2, 3, 4, 5]; const result = array.reverse(); con..
[강의노트][드림코딩] 배열 Array 드림코딩 자바스크립트 배열 강의 노트 Object는 서로 연관된 특성을 그룹화 반면 유사한 type의 object를 그룹화 하면 자료 구조 array Javascript는 여러 type의 object 그룹화 가능하나 권장되지 않음 Array 1. Declaration const arr1 = new Array (); const arr2 = [1,2]; 2. Index position const fruits = ['apple', 'banana', 'melon']; console.log(fruits); console.log(fruits.length); console.log(fruits[0]); // object 에선 ['key'] 값을 String으로 전달했을 때와 유사하게 []안에 인덱스번호 기재 conso..
[강의노트][드림코딩] Object 심화 드림코딩 자바스크립트 오브젝트 심화 강의 노트 Object - One of the javascript data type - a collection of related data and/or functionality - nearly all objects in javascript are instance of Object - object 는 key & value 의 집합체 - key = 접근 가능한 property const leo = { name: 'leo', age: 32, hobby: 'soccer' } function print(person){ console.log(person.name); console.log(person.age) } print(leo) 1. Literals & properties - ..
[강의노트][드림코딩] Class & Object 드림코딩 자바스크립트 클래스 & 오브젝트 강의 노트 /Class는 연관 있는 데이터(fields & methods)를 한데 그룹화 - 상속과 다양성이 일어날 수 있음 = 객체지향 언어 class person{ name; // 속성(field) age; speak(); /// 행동(method) } Object-oriented programing Class는 붕어빵 틀 - template, 청사진 Object는 instance of class Syntactical sugar over prototype-based inheritance Declare once 한번만 선언 No data in 메모리에 올라가지 않음 Class에 data를 넣으면 Object Can be created many times 메모리에..
[강의노트][드림코딩] 함수 드림코딩 자바스크립트 함수 강의 노트 [Function] 함수는 프로그램 내 프로그램이라 여겨짐 input(parameter)를 받아서 output을 return API를 사용할 때 함수의 이름을 보고 기능을 추정 - 이름 잘 짓는 것 중요 - Fundamental building block in the program - Also called subprogram, and can be used multiple times - Performs a task or calculate a value 1. Function declaration * function name(param1, param2){body...return;} * one function === one thing - 하나의 함수는 한가지 기능만 하도록 ..
[강의노트][드림코딩] 연산, if, loop 드림코딩 자바스크립트 연산, if, loop 강의 노트 // 1. String concatenation console.log('my'+'cat'); console.log('1'+2); console.log(`string literals: 1 + 2 = ${1+2}`); // 줄바꿈, 특수 기호 등 적용 가능 console.log("Leo\'s \n\t book") // 줄바꿈 \n, 탭키 \t /// 2. Numeric operators console.log(5 % 2) // 나머지 console.log(2 ** 3) // 제곱 // 3. Increment ++ & Decrement -- let counter = 2; const preIncrement = ++counter; // counter = cou..
[강의노트][드림코딩] 데이터 타입 드림코딩 자바스크립트 데이터타입 강의 노트 1. Use strict 'use strict'; 2. Variable (변수) - rw(read/write) - Application에는 변수를 제한적 메모리가 할당 - 변수의 선언을 통해 일정 메모리 사용 - 해당 메모리에 값을 변경하여 할당 가능 - Mutable type : "let" - Block scope 외부, 파일 내에는 Global scope { let name = 'ellie'; // 변수 name 선언, 값 ellie 할당 console.log(name); name = 'hello'; // hello 할당 console.log(name); } - 일반적으로 선언을 하고 값을 할당하는데 var은 무시하고 선언 전에도 할당 가능 - 이는 var ..