본문 바로가기

Java Script27

[ Typescript ] 타입스크립트 Docs_Classes 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Classes 타입스크립트는 자바스크립트의 상위 집합이기 때문에 자바스크립트의 class 개념을 그대로 지원한다.  객체의 구조와 동작을 정의할 때 class가 사용된다. interface UserParameter { name: string; email: string; } class User { name: string; email: string; constructor(parameter : UserParameter) { this.name = parameter.name; this.email = parameter.email; } validateEmail() { const emailRe.. 2023. 6. 25.
[TIL] Try Catch 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Try Catch 중요한 사실 : 우리가 작성하는 코드에는 언제나 에러나 예외적인 상황이 발생할 수 있다. 코드를 작성할 때는 이것이 전제되어야 한다. try { // 실행할 코드 : 에러가 발생할 가능성이 있는 코드 } catch (err) { // try 코드 내에서 에러가 발생하면 이 블록의 코드 실행 // err의 type은 Error객체 } finally { // 에러 발생과 상관없이 반드시 한 번 실행. } throw문 Error 생성자 함수로 에러 객체를 생성한다고 에러가 발생하는 것은 아니다. trhow 문으로 에러 객체를 던져야 한다. 에러 객체를 생성만 했을 때 .. 2023. 5. 4.
Javascript에서의 this 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 This let emart = { todaysDiscount: "포테이토칩", getTodaysDiscount: function () { return this.todaysDiscount; } }; console.log(emart.getTodaysDiscount()); // 포테이토칩 위의 getTodaysDiscount 메서드는 emart 객체의 todaysDiscount 프로퍼티를 조회하는 기능을 가지고 있다. 이렇게 객체의 메서드는 주로 자신이 속한 객체의 프로퍼티(상태)를 변경하거나 조회하는 기능을 한다. 변경과 조회를 하려면 먼저 값에 대한 참조가 필요하다. 그리고 객체의 .. 2023. 2. 20.
Javascript의 Promise 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Promise const promise = new Promise((resolve, reject) => { resolve("처리 결과"); // reject(new Error("에러 처리 결과")); }); promise .then((res) => console.log(res)) .catch((error) => console.error(error)); promise는 비동기의 처리 상태와 결과를 관리하는 객체다. 생성시 인자로 비동기 처리를 수행할 callback을 전달받는데, 이를 executor라고 한다. 새로운 promise가 만들어지면 이 executor는 자동으로 실행된다... 2023. 2. 16.
Execution Context, Scope, Lexical Environment, Closure 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Execution Context (실행 컨텍스트) Execution Context는 코드가 실행되는데 필요한 환경과 실행 결과를 관리하는 영역이다. Lexical Environment, Execution Context Stack으로 이루어져 있다. Lexical Environment : 변수, 함수, 클래스 등의 이름인 식별자와 그 식별자를 등록하고 관리하는 scope를 관리한다. Execution Context Stack : 코드의 실행 순서를 관리한다. var x = 100 const y = 200 function sum (n) { const x = 50 const z = 15.. 2023. 1. 30.