JavaScript23 동기(sync)와 비동기(async) 데이터를 받아오는 방식에는 동기식 처리 방법과 비동기식 처리 방법이 존재한다. 동기(synchronous) 동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어나는것을 말한다. 사용자가 데이터를 서버에게 요청한다면 그 서버가 데이터 요청에 따른 응답을 사용자에게 다시 리턴해주기 전까지 사용자는 다른 활동을 할 수 없으며 기다려야만한다. 순서에 맞춰 진행되는 장점이 있지만, 여러 가지 요청을 동시에 처리할 수 없다. 장점: 순서에 맞춰 진행, 설계가 매우 간단하고 직관적이다. 단점: 여러 가지 요청을 동시에 처리할 수 없음 비동기(Asynchronous) 비동기는 데이터의 요청과 결과가 동시에 일어나지 않는다는 것을 의미한다. 사용자가 서버에게 데이터를 요청한 후 요청에 따른 응답을 계속 기다리지 않아도.. 2022. 12. 26. JavaScript 프로토타입 체인 실습 이론으로 봤을 때는 어렵지 않았었는데 막상 문제를 보고 풀려고 하니 당황스러웠다. 익숙해질 수 있게 연습해보자🚗🚗🚗 [프로토타입 체인] JavaScript 객체 지향 프로그램에서 상속을 구현할 때 사용한다. 문제1) 클래스 SweetLemon의 `flavor` 속성은 `lemon`이어야 한다. class SweetLemon{ constructor(flavor = `lemon`){ this.flavor = `lemon` // this.flavor = flavor } } 문제2) 클래스SweetLemon의 `eat` 메소드가 존재해야 하고, `eat` 메소드를 통해 레몬을 먹는다. class SweetLemon{ constructor(flavor = `lemon`){ this.flavor = `lemon` .. 2022. 7. 25. npm version update 하는 법 갑자기 npm이 설치되지 않았다. error를 확인하다 발견된 이유는 npm 버젼이 너무 낮았기 때문! [npm version update 하는 법] 1. npm 버젼 확인하기 npm -v 2. npm 업데이트하기 npm install -g npm@latest 3. 정상적으로 업데이트가 되었는지 확인하기 npm -v ⭐️⭐️ npm error가 나면 터미널에서 현재 위치가 제대로 열려있는지 확인하자! ⭐️⭐️ 2022. 7. 25. JavaScript 프로토타입 체인 [프로토타입 체인] JavaScript 객체 지향 프로그램에서 상속을 구현할 때 사용한다. 상속: 부모 클래스의 속성과 메서드를 자식 클래스가 물려받는 것 class 구문은 새로운 클래스를 작성함을 의미한다. Class 블록 내에서 모든 기능을 정의할 수 있다. class Person { constructor(first, last, age, gender, interests) { this.name = { first, last }; this.age = age; this.gender = gender; this.interests = interests; } greeting() { console.log(`Hi! I'm ${this.name.first}`); }; farewell() { console.log(`${t.. 2022. 7. 25. JavaScript 프로토타입 [프로토타입(prototype)] JavaScript는 프로토타입(Prototype) 기반의 언어이며 프로토타입은 객체의 원형(origin)을 의미한다. 자바스크립트의 모든 객체는 하나 이상의 다른 객체로부터 상속을 받고, 이때 상속되는 정보를 제공하는 객체를 프로토타입이라고 한다. ➡️객체를 상속하기 위한 매커니즘이다. class Human { constructor(name, age) { this.name = name; this.age = age; } sleep() { console.log(`${this.name}은 잠에 들었습니다`); } } let kimcoding = new Human('김코딩', 30); Human.prototype.constructor === Human; // true Huma.. 2022. 7. 23. JavaScript 객체 지향 프로그래밍 [절차 지향 프로그래밍과 객체 지향 프로그래밍] 절차 지향(Procedural Programming) 객체지향(Object-oriented programming) 종류 c언어 등 c++,자바스크립트 등 특성 컴퓨터의 처리구조와 유사 사람의 사고 방식에 가까움 메모리 사용 적음 많음 처리 속도 빠름 느림 재활용성 낮음 높음 코딩 이해 어려움 쉬움 디버깅 어려움 쉬움 🌈 어떤것이 더 좋고 나쁘다기 보다는 장단범을 알고, 상황에 맞는 방법론을 선택하는 것이 좋다!! 👊 메모리 관리가 중요하다면? 절차지향 👊 사람들과의 협업이 필요하다면? 객체지향 [객체 지향 프로그래밍(OOP) ] 객체 지향 프로그래밍은, 절차 지향 프로그래밍과는 다르게 데이터와 기능을 한곳에 묶어서 처리한다. 속성과 메서드가 하나의 "객체".. 2022. 7. 22. 이전 1 2 3 4 다음
