능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 230804 JavaScript: class ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). JavaScript에서 클래스는 ES6 (ECMAScript 2015)부터 도입되었다. 클래스는 객체 지향 프로그래밍의 ronieo.com TypeScript class에 대해 알아보기 전에 JavaScript class관해 배경지식이 있으면 이해하는데 조금 더 도움 된다. TypeScript 클래스는 JavaScript 클래스를 기반으로 확장된 기능을 제공하는 객체 지향 프로그래밍의 개념으로 TypeScript는 정적 타입 검사를 제공하여 JavaScript 코..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 1. 리터럴 타입 (Literal Types) 리터럴 타입은 값자체를 타입으로 사용하는 것을 말한다. 예를 들어, 문자열 리터럴 타입은 특정 문자열을 가리킨다. 코드에서 이 타입에 대한 변수는 해당 리터럴 값만 할당할 수 있다. 리터럴 타입은 문자열, 숫자, 불리언 및 객체의 자료형을 가질 수 있다. type Color = 'Blue' | 'Green' | 'Red'; // Color의 타입은 Blue 또는 Green 또는 Red만 있다 let age: 25; // age는 25라는 숫자 값만 가질 수 있다. let isDone: true; // isDone은 true라는 불리언 값만 가질 수 있다. ty..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 더하기 함수를 만들어보자 // 더하기 함수 만들기: return하는 경우 //매개변수 타입선언//반환 타입선언 function add (num1: number, num2: number): number { return num1 + num2 } 더하기 기능을 만들 함수의 매개변수에 number라는 타입을 선언해주고, 반환할 타입도 number라고 선언해 준다. 그러면 의도한 대로 더하는 기능을 하는 함수가 만들어졌다. return하는 경우가 아니라면, void를 선언해 주면 된다. // 더하기 함수 만들기: return하지 "않는" 경우 //매개변수 타입선언//반환 타입선언 function add (num1:..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). user라는 객체를 만들어보자 let user:object; user = { name: 'mimi', age: 28 } 여기서 console.log를 찍으면 아래 이미지처럼 에러가 난다. object에는 특정속성 값에 대한 정보가 없기 때문이다. 이를 위해 interface를 사용한다. 인터페이스(interface) 객체의 구조를 정의하고, 해당 객체가 가져야 하는 속성과 메서드를 명시적으로 선언하는 방법 중 하나이다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있다. 1.interface 추가 user라는 변수의 타입을 User로 선언하자 name과 age프로퍼티가 없다는 에러가 발생한다. user..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). JavaScript에서 클래스는 ES6 (ECMAScript 2015)부터 도입되었다. 클래스는 객체 지향 프로그래밍의 기본 개념을 구현하는 방법 중 하나로, 관련된 데이터와 함수를 하나의 구조로 묶는 역할을 한다. 생성자 함수는 클래스를 사용하지 않을 때, 객체를 초기화하고 생성하는 역할을 한다. 1. 생성자 함수와 class함수의 차이점 생성자 함수는 예전부터 사용되던 구문이고, 프로토타입을 직접 다루는 구조이기 때문에 .prototype메서드를 사용해서 작성하지만, 클래스는 프로토타입 기반 상속으로 네트워크 콘솔에서 보면 prototype안에 메서드가 들어가 있다. function Animal(nam..