본문 바로가기

프론트엔드26

TypeScript #7 제네릭 Generics // Generic// 제너릭을 이용하면 클래스나 함수, 인터페이스를 다양한 타입으로 재사용할 수 있다.function getSize(arr: number[]):number { return arr.length;}const arr1 = [1, 2, 3];getSize(arr1); // 3const arr2 = ["a", "b", "c"];getSize(arr2) // 이렇게 매개변수의 타입이 바뀌었는데 동일한 함수를 재사용 하고싶다면 // 함수 오버로드를 사용하던가 유니온 타입을 사용할 수 있다.// 사용예제function getSize2(arr: T[]):number { // 꺽쇠에 대문자 T를 적어준다, 이를 타입파라미터라고 한다. X나 A이런것을 적어도 상관없다. retur.. 2024. 5. 29.
TypeScript #6 클래스 Class class Car { constructor(color) { this.color = color; // color프로퍼티가 없다고 에러가 나온다 } start() { console.log('start') }}const bmw = new Car('red'); // 자바스크립트에서는 문제가 없다고 나오지만 타입스크립트는 에러가 나온다.// 해결 예제class Car { color: string; // 타입스크립트에서 클래스를 작성할 때 멤버변수는 미리 선언해줘야 한다. constructor(color: string) { this.color = color; } start() { console.log('start') }}const bmw = new Car('red'); // .. 2024. 5. 29.
[프로그래머스] Level 2 - 모음 사전 JavaScript 문제 설명사전에 알파벳 모음 'A', 'E', 'I', 'O', 'U'만을 사용하여 만들 수 있는, 길이 5 이하의 모든 단어가 수록되어 있습니다. 사전에서 첫 번째 단어는 "A"이고, 그다음은 "AA"이며, 마지막 단어는 "UUUUU"입니다.단어 하나 word가 매개변수로 주어질 때, 이 단어가 사전에서 몇 번째 단어인지 return 하도록 solution 함수를 완성해주세요.제한사항word의 길이는 1 이상 5 이하입니다.word는 알파벳 대문자 'A', 'E', 'I', 'O', 'U'로만 이루어져 있습니다.입출력 예word                                                                                                   .. 2024. 5. 29.
[프로그래머스] 옹알이 (2) Javascript 문제 설명머쓱이는 태어난 지 11개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음과 네 가지 발음을 조합해서 만들 수 있는 발음밖에 하지 못하고 연속해서 같은 발음을 하는 것을 어려워합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요.제한사항-1 ≤ babbling의 길이 ≤ 1001 ≤ babbling[i]의 길이 ≤ 30문자열은 알파벳 소문자로만 이루어져 있습니다.입출력 예 설명입출력 예 #1["aya", "yee", "u", "maa"]에서 발음할 수 있는 것은 "aya"뿐입니다. 따라서 1을 return합니다.입출력 예 #2["aya.. 2024. 5. 24.