Dongi_coding 동기_코딩

안녕하세요 동기 여러분! 오늘은 커스텀 타입의 네 번째 시간으로 타입 에일리어스(해석 하자면 가명 타입?)에 대해 알아봅시다! Type Aliases 타입명을 바꾸어 줄 수 있는 대안이 있는데 그것이 바로 타입 에일리어스입니다. 생김새 type WowNumber = number; let koreaCode: WowNumber = 410; type 띄우고 내가 원하는 타입명(가명, Alias)을 적고 = 타입(number)을 선언 그리고 에일리어스로 타입을 선언하고 컴파일링을 하면 에러없이 넘어갑니다. 유용한 쓰임새 생김새에서 제시한 코드만 보면 그냥 number를 쓰지 뭐하러 WowNumber라고 에일리어스를 만드는지 이해가 안될 수도 있습니다. 타입 에일리어스는 반복하는 타입 선언에 굉장히 효과적입니다...

안녕하세요 동기 여러분! 오늘은 커스텀 타입(Custom Type) 세 번째 시간으로 객체 타입에 대해 알아보고 객체 지향형 프로그래밍이 타입스크립트와 어떻게 연관이 되어 있는지도 알아보겠습니다! Object Types 타입스크립트의 객체 타입은 엄청나게 유용합니다! 타입스크립트에서의 객체 타입은 변수의 타입을 아주 미세하게 컨트롤할 수 있게 해 주고 가장 커스텀 타입(custom type)답다고 볼 수 있습니다. 그렇기 때문에 객체 타입을 이해하고 있어야 다른 사람들의 프로그램을 읽을 때 상당히 도움이 됩니다. 생김새 let steamGamesPrice = {title: string, price: number}; 프로퍼티 title 옆에는 타입 string을 선언해주고 프로퍼티 price 옆에는 타입 ..

안녕하세요 동기 여러분! 오늘은 커스텀 타입의 두 번째 시간입니다. 문자 에넘스랑 숫자 에넘스 중에 어느 것이 더 우리가 사용하기에 적합한지 알아봅시다! String Enums vs. Numeric Enums 결론부터 말씀드리자면 숫자 에넘스보다는 문자 에넘스를 강력 추천드립니다! 문자 에넘스가 숫자 에넘스보다 좋은 이유 enum DenmarkForcesString { CrossbowMen = '석궁병대', DismountedHuscarls = '허스칼 보병대', Obudshaer = '오버샤이어', Huscarls = '허스칼 기마병대' } enum DenmarkForcesNums { CrossbowMen = 5, DismountedHuscarls, // 자동으로 6 Obudshaer, // 자동으로 ..

안녕하세요 동기 여러분! 오늘은 커스텀 타입(Custom)의 첫 번째 시간! 에넘스(Enums)에 대해 알아봅시다. Enums (열거형 데이터) Enumerate를 영어 사전에 찾아보면 '열거하다'라는 뜻을 가지고 있습니다. → 음 그럼 Enums는 '무언가 열거를 하는 기능을 가지고 있겠구나'라고 생각하며 알아봅시다. Numeric enums 숫자 에넘스 enum EnglandForces { HeavyBillMilitia = 1, SherwoodArchers, YeomanArchers, KnightsHospitaller } eum을 선언할 때 앞글자는 대문자를 써줍니다. 위에 코드를 보면 잉글랜드 중세 시대 군대(EnlandForces)에 관한 enums입니다. 현재 HeavyBillmilitia가 1..

안녕하세요 동기 여러분! 오늘은 타입스크립트의 튜플과 자바스크립트의 전개 구문(Spread Syntax)의 환상적인 조화에 대해 알아봅시다! Spread Syntax 전개 구문은 ...을 붙힌 축약형이라 말할 수 있겠다. 아래의 코드를 보자. let arcaneChamps = ['바이', '징크스', '케이틀린', '제이스', '빅토르', '에코']; 리그 오브 레전드의 애니메이션 아케인의 챔피언들을 모아놓은 배열이다. 이걸 전개 구문으로 당겨오는데 방법이 상당히 깔끔하고 간단하다. let arcaneChamps = ['바이', '징크스', '케이틀린', '제이스', '빅토르', '에코']; let newAcaneChamps = [...arcaneChamps]; 앞에 ... 붙여서 가져오면 끝이다. 한번..

안녕하세요 동기 여러분! 오늘은 레스트 매개 변수(Rest Parameter)에 대해 알아보고 타입 선언을 하는 방법에 대해 알아보겠습니다! Rest Parameters 레스트 매개 변수는 매개 변수의 수의 정해 놓지 않고 사용자가 넣고 싶은 독립 변수의 수만큼 넣을 수 있도록 도와주는 기능입니다. 사용 방법 function whatISay(me, ...say) { let output = me; for(let i = 0; i < say.length; i++) { output = output.concat(say[i]); } return output; } ...say가 바로 레스트 매개 변수(Rest Parameter)입니다. 함수 whatIsay에 매겨 변수 me와 , ...say를 설정 매개변수 me를 ..

안녕하세요 동기 여러분! 오늘은 타입스크립트가 변수의 타입을 어떻게 알아내는지 알아보고 그것을 이용해서 배열에 새로운 요소를 넣는 방법에 대해 알아봅시다. Array Type Inference 타입스크립트가 변수의 타입을 알아내는 방법은 상당히 단순한데 그것은 바로 첫 번째 값의 타입으로 알아낸다는 것입니다. 아래의 코드를 봅시다. let yesOrNo= [true, false, true]; 위 배열의 타입은 무엇일까요? boolean[]일까요 아니면 [boolean, boolean, boolean]일까요? 이런 경우에는 항상 boolean[]이 타입으로 설정이 됩니다. 왜냐하면 튜플 형식의 타입은 따로 선언을 해주어야 하기 때문입니다. boolean[]타입으로 설정이 된다는 사실을 가지고 아래와 같은 ..

안녕하세요 동기 여러분! 오늘은 배열의 각각의 값에 타입을 선언하는 방법에 대해 알아봅시다! Tuples 많이 사용하는 기능은 아니지만 배열의 각각의 값에 타입을 선언하는 방법이 있는데 이를 튜플(Tuple)이라고 부릅니다. 사용방법 let userInfo: [string, number, boolean] = ['baegopa12', 88965, true]; 변수 이름 뒤에 : (colon)을 넣고 [] 대괄호(bracket)안에 타입을 넣어주면 됩니다. 타입을 넣을 때 현재의 배열과 인덱스가 맞아야 합니다. (아래 그림) 에러가 생기는 경우 인덱스 위치가 맞지 않을 때 앞서 언급했듯이 인덱스 번호와 타입 선언이 맞지 않는 경우에 에러가 발생한다. let userInfo: [string, number, b..

안녕하세요 동기 여러분! 오늘은 다른 여러 차원의 배열에 대해 알아봅시다! 살짝 헷갈리기 때문에 집중해야 합니다. Multi-dimensional Arrays 코드는 항상 간결하고 깔끔하면 좋겠지만 아닌 경우도 있습니다. 배열에서 배열 안에 배열이 있는 경우가 그런데요, 아래의 코드를 보도록 합시다. let protossUnits: string[] = [['광전사', '파수기'], ['불사조', '공허 포격기']]; 위 코드를 컴파일링 하면 에러가 나타납니다. 아니 이게 무슨 소리야 전부 string인데??? 이 문제는 string [] 뒤에 []를 하나 더 붙여주면 에러가 사라집니다. 아래의 결과를 봅시다. let protossUnits: string[][] = [['광전사', '파수기'], ['불사조..

안녕하세요 동기 여러분! 저번 시간에 알아본 자바스크립트에서 배열의 값 중에 다른 종류에 타입이 있을 경우 함수에 for문과 if문을 넣어서 에러를 띄우는 방법에 대해 알아봤습니다. 오늘은 타입스크립트에서 배열에 타입을 선언하여(타입 주석 달기, Array type annotation) 간단하게 에러를 띄워보겠습니다. 타입스크립트가 얼마나 편리하고 대단한 녀석 인지 다시 한번 느껴보면서 가자구요! Array Type Annotations 배열에 타입을 선언하는 방법은 함수나 매개 변수에 타입을 선언하는 방법과 비슷합니다. let terranUnits : string[] = ['해병', '공성전차', '유령', '의료선']; 짠 ~ 변수 옆에 : (colon)을 넣고, 타입인 string 그리고 [](대괄..