Javascript39 Javascript - 클래스(Class) 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. 클래스(Class) Class 란? Class는 특정 객체를 생성하기 위해, 변수와 메소드를 정의하는 일종의 틀이다. class Car { constructor(modelName, modelYear, type, price){ //class를 생성하기 위한 parameter : modelName, modelYear, type, price this.modelName = modelName; this.modelYear = modelYear; this.type = type; this.price = price; } //여기서 this는 해당 class의 객체를 의미한다.. 2021. 10. 1. Javascript - 모듈(Module) 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. 모듈(Module) Module 이란? Module은 scripts 파일에서 원하는 함수만을 확인하고 가져와서 사용할 수 있는 기능이다. //Module 기능 없이, 일반적으로 scripts 파일을 사용하는 경우 //scripts 파일 function log(message){ console.log(message); } function error(message){ console.error(message); } //Module 기능을 사용하는 경우 //scripts 파일 export function log(message){ console.log(message);.. 2021. 10. 1. Javascript - Async/Await 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Async/Await Async/Await 이란? Async/Await은 비동기 처리의 문제에 사용되며, Promise와 기능은 유사하지만 더욱 편리하다. //Async·Await VS Promise //Promise 기능을 사용하는 경우 //Async·Await 기능을 사용하는 경우 2021. 10. 1. Javascript - Promise 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Promise Promise 란? Promise는 자바스크립트의 비동기 처리로 발생하는 문제에 사용되는 객체이다. var x = 1; //서버로부터 데이터를 받아오는 code(ex : y = callServerData();) var z = x + y; //만약 서버로부터 데이터를 받아오는데 시간이 지연되는 경우, //자바스크립트는 비동기 처리의 특성으로 인해 y값을 서버로부터 얻지 못한 채, //var z = x + y; 코드를 해석한다. //이 경우에 y에 어떠한 값도 할당되지 않아 에러가 발생한다. //이러한 문제를 방지하기 위해 서버로부터 데이터를 받고.. 2021. 10. 1. Javascript - Array Destructuring 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Array Destructuring Array Destructuring 이란? 배열에서 원하는 element만을 얻고자 할 경우에 사용하는 기능이다. //Array Destructuring을 사용하지 않는 일반적인 경우 function getScores( ) { return [70,80,90]; } var scores = getScores( ); console.log(scores);//배열 전체를 얻고자 할 경우 // 결과 : //0: 70 //1: 80 //2: 90 console.log(scores[0]);//배열의 첫번째 element만을 얻고자 할 경.. 2021. 9. 30. Javascript - Object Destructuring 인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다. Object Destructuring Object Destructuring 이란? 오브젝트에서 원하는 키의 벨류 값만을 얻고자 할 경우에 사용하는 기능이다. //Object Destructuring을 사용하지 않는 일반적인 경우 function getPerson( ) { return { firstName: "John", lastName: "Kim", age: 37, email: "John@gmail.com", city: "New York", country: "USA" }; } var person = getPerson(); console.log(person);.. 2021. 9. 30. 이전 1 2 3 4 5 ··· 7 다음
