[하루 30분 러닝 타입스크립트] 클래스(2)

✨ 클래스 확장 클래스 역시 extends 키워드를 사용하여 확장할 수 있습니다. class Teacher { teach() { console.log("teach") } } class StudentTeacher extends Teacher { learn() { console.log("learn") } } 할당 가능성 확장 파생된 인스턴스는 기본 클래스 또는 하위 클래스를 충족하는데 사용할 수 있습니다. class Lesson { subject: string constructor(subject: string){ this.subject = subject; } } class OnlineLesson extends Lesson { url: string; constructor(subject: string, url:..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2024. 1. 8.
• textsms

[하루 30분 러닝 타입스크립트] 클래스(1)

✨ 클래스 메서드 class Greeter { message: string constructor(message: string){ this.message = message; } greet(name: string){ console.log(`${this.message} ${name}`) } } new Greeter("hi").greet("Jack") // OK new Greeter().greet("Jack") // ERROR Expected 1 arguments, but got 0. new Greeter("hi").greet() // ERROR Expected 1 arguments, but got 0. ✨ 클래스 속성 클래스 속성을 읽거나 쓰려면 명시적으로 선언해야 합니다. 인스턴스에 존재하지 않는 멤버에 접..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2024. 1. 7.
• textsms

[하루 30분 러닝 타입스크립트] 인터페이스

✨타입 별칭 vs 인터페이스 인터페이스는 병합(merge)할 수 있습니다. 내장된 전역 인터페이스 혹은 외부 코드를 사용할 때 유용합니다. 인터페이스는 클래스가 선언된 구조의 타입을 확인하는 데 사용할 수 있지만, 타입 별칭은 그럴 수 없습니다. 일반적으로 인터페이스가 더 빨리 작동합니다. ✨속성 타입 선택적 속성 interface Poet{ born?: number; // ? 키워드로 선택적 속성 사용 name: string; }; 읽기 전용 속성 interface Poet{ readonly born: number; // readonly 키워드를 이용하여 다른 값으로 설정할 수 없음을 나타냅니다. name: string; }; const poet: Poet = { born: 1980, name: "AB..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2024. 1. 4.
• textsms

JWT 어디에 보관해야 하는걸까?

로그인 Auth를 구현하기 위해서는 두 가지 방법을 사용할 수 있는데요, 세션을 사용하는 방법. 토큰을 사용하는 방법. 세션과 토큰의 차이는 다음 블로그 글을 참고해주세요. [개발 상식] 쿠키, 세션, 토큰 어떤 차이일까? 이번 글은, 세션과 토큰의 차이점을 공부하며 정리한 글입니다. 세션과 토큰의 차이점을 알고, 적시에 사용할 수 있는 프로그래머가 되어 봅시다! 우선 세션과 토큰을 설명하기 앞서, 쿠키라는 lurgi.tistory.com ❓세션과 토큰의 장단점? 토큰의 강력한 장점은 DBless한 구조를 만들 수 있다는 것입니다. 세션은 세션DB가 따로 필요하거든요. 따라서 사용자 수가 급증함에 따라 세션 구조를 사용하는 서비스는 서버 관리에 비용이 점차 증가하게 됩니다. 그래서 많이 사용하는 방법이 ..

• format_list_bulleted 개발관련/etc
• · 2023. 12. 28.
• textsms

[하루 30분 러닝 타입스크립트] 배열

✨ 배열 타입 배열과 함수 타입 let createStrings : () => string[]; // 문자열로 구성된 배열을 반환하는 함수 let stringCreators : (() => string)[]; // 함수의 배열 유니언 타입 배열 let stringOrArrayOfNumbers: string | number[]; // 문자열이거나, 값이 숫자인 배열 let arrayOfStringsOrNumbers: (string | number)[]; // 값이 문자열, 숫자인 배열 any 배열의 진화 any타입을 허용하거나, 일반적으로 사용하면 타입 검사 목적을 부분적으로 무효화합니다. const arr = []; // const arr: any[] arr.push('') // const arr: st..

• format_list_bulleted 개발관련/하루 30분 러닝 타입스크립트
• · 2023. 12. 27.
• textsms

[우아한 테크코스 6기] 최종 합격 후기, 비전공자, 프론트엔드

길고 길었던 선발과정. 드디어 종지부를 찍었네요. 24년도 우아한 테크코스 6기 FE 교육생으로 선발되었습니다. 10개월간 우테코 교육을 받을 생각에 굉장히 흥분되네요! 6기 지원 과정을 통해 이후 우테코를 지원하게 되시는 분들에게 조금이나마 도움이 되는 글이라 생각되어 이렇게 끄적여 봅니다! ❓내 경력? 일단 저는 비전공입니다.(토목 공학 중퇴) 불과 1년 전까지 하더라도 코딩의 ‘코’자도 모르는, 코딩과 아예 관련이 없는 사람이었죠. 1월 부터 저는 ‘서비스 개발’을 위해 풀스택 웹 개발을 공부하기 시작했어요. 그닥 오래 되지 않았죠? 우테코를 포함한 많은 부트캠프들에선 공통적으로, 기술적 역량을 그렇게 신경 쓰지 않는다는 것입니다. 기본적 역량은 우테코의 ‘프리코스’를 통해서 기본기를 충분히 익힐 ..

• format_list_bulleted 개발관련/우아한 테크코스 6기 프리코스
• · 2023. 12. 27.
• textsms