Digking's cave

다형성 Polymorphism / Generic generic은 call signature 작성할 때 들어오는 type을 확실히 모를 때 사용한다. 어떤 타입이 들어올지 모르고, 다양한 경우에 대비를 해야하는 경우 concrete type은 모든 경우를 다 작성해야 한다. 예시) type SuperPrint = { (arr: number[]) : void (arr: boolean[]) : void (arr: string[]) : void (arr: (string | number)[]) : void } const superPrint : SuperPrint = (arr) =>{ arr.forEach(i => console.log(i)) } superPrint([1,2,3,4]) superPrint([true..

Overloading 함수가 서로 다른 여러개의 call signature 가지고 있을 때 사용한다. type Add = { (a : number , b : number ) : number (a : number , b : string ) : number } const add : Add = (a,b) => { if(typeof b === 'string') return a return a + b } Router.push({ path : "/home", state:1 }) 위와 같이 라우터 기능에서 home으로 페이지 이동하라는 내용의 코드를 아래의 오버로딩 사용한 코드로 작성 가능하다. type Config = { path : string, state : obeject } type Push = { (path..

Call Signature 함수의 매개변수와 반환타입을 type으로 미리 선언해 둔다. → 함수 위에 마우스를 올려서 해당 인자 / 반환값의 Type을 확인할 수 있다. - 내가 원하는 type을 선언해두어, 함수가 어떻게 작동하는 지 정보를 확인할 수 있다 - 개발자가 미리 해당 함수의 type을 인지할 수 있다. - 코드구현+타입지정 의 과정을 분리할 수 있다. const add:Add = (a: number ,b: nuber) => a+b type Add = (a:number , b:number) => number; const add:Add = (a,b) => a+b

Tuple 변수명 : [타입 , 타입, 타입..] = [값, 값, 값..] 변수명 : readonly [타입 , 타입, 타입..] = [값, 값, 값..] const numbers : readonly number[] = [3,4,5,6] const examplelist : [string, number, boolean] = ["diging", 28, true] const examplelist : readonly [string, number, boolean] = ["diging", 28, true] any any를 앞에 쓰면 TypeScript문법이 사용되지 않는다. 변수명 : any [].. unknown 변수의 타입을 모를 때 unknow으로 일단 임시 지정해준다. let tempobc : unknown..

함수 선언 function 함수명 (){ } 인자(parameter)가 있는 함수 function 함수명 (변수명: 타입){ } optional 인자가 있는 함수 function 함수명 (변수명?: 타입){ } return값이 없는 함수 선언 function 함수명 (){ } function 함수명 () : void { } return값이 있는 함수 선언 function 함수명 (){ return } function 함수명 () : 리턴값타입 { return } 화살표 함수로 표현하기 const examfunc = (name : string) => number => ({age})

변수에 타입 지정 let 변수이름 : 타입 = 값; 하나의 변수에 여러 타입 지정 let 변수이름 : 타입1 | 타입2 = 값; 객체 타입 변수에 타입 지정 let 변수이름 : { 변수1 : 타입, 변수2 : 타입 } 객체 타입 변수에 타입 지정 + ?를 사용하면 해당 속성은 사용할수도 안할수도 있음 let 변수이름 : { 변수1 : 타입, 변수2? : 타입 } let str : string = 'hello'; let num : number = 99; let objex : { name : string, age : number } // 변수명? 하면 해당 속성을 사용할 수도 있고 안할 수도 있다는 뜻 let obex : { name : string, age? : number } // age는 number ..

https://school.programmers.co.kr/learn/courses/30/lessons/77484 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위당첨 내용 1 6개 번호가 모두 일치 2 5개 번호가 일치 3 4개 번호가 일치 4 3개 번호가 일치 5 2개 번호가 일치 6(낙첨) 그 외 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 ..

https://school.programmers.co.kr/learn/courses/30/lessons/17681 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 "공백"(" ") 또는 "벽"("#") 두 종류로 이루어져 있다. 전체 지도는 두 장의 지..

https://school.programmers.co.kr/learn/courses/30/lessons/12982 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도록 하려고 합니다. 물품을 구매해 줄 때는 각 부서가 신청한 금액만큼을 모두 지원해 줘야 합니다. 예를 들어 1,000원을 신청한 부서에는 ..

https://school.programmers.co.kr/learn/courses/30/lessons/72410 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다. 다음은 카카오 아이디의 규칙입니다. 아이디..