1. CALLBACK : 자바스크립트는 동기적 = 호이스팅(함수, 변수등의 선언들이 젤 위로 올라감)이 된 이후부터 코드가 작성한 순서에 맞춰서 동기적으로 실행 console.log('1'); // 1️⃣ setTimeout(()=> console.log('2'),1000); // 4️⃣ 비동기 console.log('3'); // 2️⃣ // setTimeout은 콜백함수 // ✔️ 동기 콜백 function printImmediately(print){ // 함수선언 젤 위로 올라감 print(); } printImmediately(()=> console.log('hello')); // 3️⃣ // 1 > 3 > hello > 2 순으로 나옴 // ✔️ 비동기 콜백 function printWithDe..
Front/Javascript
HTTP(Hypertext Transfer Protocal): Client가 어떻게 Server 통신할수 있는지 정의한것 Client * AJAX : 웹페이에서 동적으로 서버에게 데이터를 주고받을 수 있는 기술 브라우저에서 서버와 통신 할때 1️⃣ XMLHttpRequest : 사이즈가 커지고, 가독성도 좋지 않아서 잘 사용되지 않음 2️⃣ fetch() API 3️⃣ JSON(JavaScript Object Notation) JSON(JavaScript Object Notation) - 데이터를 주고받을 때 쓸수 있는 가장 간단한 포맷 - 텍스트 기반 - 읽기 쉬움 - key, value 로 이루어짐 - 프로그램언어나 플랫폼에 상관없이 사용 가능 Object to JSON let json = JSON...
1. 배열 선언const arr1 = new Array(); const arr2 = [1,2]; 2. 배열 접근 : 배열은 index가 지정되어 있다.(0부터 시작)const fruits = [‘🍎’,’🍌’]; conso.log(fruits.length); // 2 console.log(fruits[0]); // 🍎 console.log(fruits[fruits.length - 1]); // 🍌 배열 마지막 요소 불러올때 3. 배열 순환for(let i=0; fruits.length; i++){ console.log(fruits[i]); } for(let fruit of fruits) { console.log(fruit); } fruits.forEach((fruit) => console.log(fruit..
- Object는 key와 value의 집합체, 각각의 key를 묶은 집합체의 주소만 변수에 할당 - 각각의 key마다 메모리가 할당됨 - const 는 메모리값이 정해져 있기 때문에, 원시타입과 마찬가지로 object에 할당된 레퍼런스(주소)를 바꿀수 ❌, but 레퍼런스가 가르키는 key의 값을 수정 ⭕️ const obj1 = {}; // object literal const obj2 = new Object(); // object constructor let nct = { name: ‘mark’, age: 4}; console.log(nct.name); console.log(nct[‘name’]); // key는 string, 동적으로 key의 value를 가져올때 let nctDream = nct..
- 속성(field), 행동(method) 이 종합적으로 묶여 있는 것 - 관련있는 함수나 변수를 묶어놓은 것 - 데이터가 들어있지 않고 틀(template)만 정의 > 한번만 선언한다. - 클래스를 이용해서 데이터를 넣어서 새로운 instance을 만드는 것이 Object class Person { //constructor constructor(name,age){ //fields this.name = name; this.age = age; } //medthods speak(){ console.log(`${this.name}: hello!`); } } const ellie = new Person(‘ellie’, 20); console.log(ellie.name); // ellie console.log(e..
- 프로그램을 구성하는 기본적인 빌딩 블럭 - subprogram이라고도 불린다. - 여러번 재사용 가능하다. - 한가지의 task나 계산을 가지고 있다. - 하나의 function에는 한가지의 일만 하도록 만들어야 한다. - 함수이름은 명사보다는 동사형태로 이름 지정 - 자바스크립트에서 function은 object 이다. function log(message){ console.log(message); } log(‘Hello@’) // Hello@ log(‘1234’) // 1234 1. Parameters - premitive parameters: 메모리에 value가 그대로 저장 - object parameters: 메모리에 ref가 저장 : object는 레퍼런스로 전달되기 때문에 함수안에서 오브..
