전체 글
TypeScript #4 [readonly, 추상화, 인터페이스]
readonly public 일 때 접근할 순 있지만 내용을 수정하진 못하게 한다. class Dict { private words: Words constructor(){ this.words = {} } add(word: Word){ if(this.words[word.term] === undefined){ this.words[word.term] = word.def; } } class Word{ constructor( public readonly term:string, public readonly def :string ) {} } const kimchi = new Word("kimchi", "한국의 음식"); kimchi.def = "..." //readonly이기 때문에 불가능하다. readonly인 경..
TypeScript #3 [class, 추상 클래스, 추상 메소드, protected]
TypeScript로 객체지향 프로그래밍하기 class class Player { constructor( private firstName: string, private lastName: string, public nickname: string ) {} } const nico = new Player("nico", "las", "니꼬") 타입스크립트에서 이렇게 constructor의 타입을 선언해주면 자바스크립트에서 this.firstName = firstName; 이 부분을 따로 안 해주어도 된다. 이 부분이 자동적으로 컴파일 되어서 편리하다! 하지만 이렇게 class 내에서 private, public 등의 설정은 타입스크립트 내의 기능이기 때문에 자바스크립트로 컴파일되지 않는다. 추상 클래스(Abstr..
TypeScirpt#2 [함수, call signatures, overloading, 다형성, 제네릭]
call signatures :함수 위에 마우스를 올렸을 때 보게 되는 것, 함수가 어떻게 호출되는지 알려준다. 인자의 타입과 함수의 반환 타입을 알려주는 것 call signature 선언하기 type Add = (a: number, b:number) => number; //call signature 선언 const add: Add = (a, b) => a+b 이렇게 콜 시그니처를 선언해두고 사용하면 함수를 선언할 때 인자나 리턴 값이 타입을 말해줄 필요가 없다. 오버 로딩(overloading) =function overloading = method overloading :서로 다른 여러 개의 call signatures를 가지고 있을 때 발생 type Add = { (a: number, b:numb..
2022.07.26
프로그래머스 1문제 풀기 TS 챌린지 To do List 사이트 프로젝트 js 구현 To do List 사이트 프로젝트 로그인 css 구현
[JavaScript] 프로그래머스 #키패드 누르기
https://school.programmers.co.kr/learn/courses/30/lessons/67256 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 스마트폰 전화 키패드의 각 칸에 다음과 같이 숫자들이 적혀 있습니다. 이 전화 키패드에서 왼손과 오른손의 엄지손가락만을 이용해서 숫자만을 입력하려고 합니다. 맨 처음 왼손 엄지손가락은 * 키패드에 오른손 엄지손가락은 # 키패드 위치에서 시작하며, 엄지손가락을 사용하는 규칙은 다음과 같습니다. 엄지손가락은 상하좌우 4가지 방향으로만 이동할 수 있으며 키패드 이동 한 칸은 거리로 1에 해당..