[활동 리뷰] 노마드 코더 - TypeScript 1편

 

개인적으로 이번 fastMRI대회로 꽤나 각성했던 거 같다. 그리고 일단은 빅데이터, AI도 관심을 갖었었지만, 웹코딩도 알아야 된다는 것을 최근에 느꼈다. 전에는 그냥 단순히 단순 웹코더가 레드오션이라는 말을 들어 고민하고 있었지만, 창업하는 입장 뿐아니라 미래를 살 사람이 결국은 코딩에 대해 어느정도는 알아야 된다고 느꼈다. 노코드툴들은 결국 항상 한계가 존재하기에 차별화를 위해서라면 필수적이라고 느꼈다. 그 과정에서 노마드코더라는 사람의 영상을 접하면서 그의 사이트에도 관심을 가지게 되었다. (링크 : https://nomadcoders.co/)

노마드 코더 Nomad Coders

다음과 같은 강의 목록이 있는데 일단 여기에 있는 무료 강의들을 소화해보기로 했다. 하지만, 동기부여가 어렵다는 생각이 들었다. 이 문제를 해결하기 위해 노마드 코더에서는 "challenges"라는 개념을 도입했다. 2주~6주간에 매일 목표를 가지고 들어 졸업하는 형식의 일종의 미션을 통한 강제 수강의 의미가 있다고 볼 수 있다. 퀴즈 등도 함께 제공하니 무료로 강의 challenge모두 들을 수 있는 경우 함께 하는 것을 추천한다. 그리고 클론코딩을 원래 좋아해서 더 이 사이트를 좋아했던 거 같다.

아래와 같이 듣고 있다. 8월 22일부터 시작인데, 2주간 모두 듣는 것이 목표이다. 꽤나 열심히 해야 겠다. 

2주 완성 처음에는 typescript가 어떤 언어인지에 대해 간단히 설명하고 있는데, 웹상에서 간단히 코딩하고 싶은 경우, (https://www.typescriptlang.org/play?#code/MYewdgzgLgBKAmMC8MDeAoGWZgJbAGswBDAWwFMYAuGAIghHFvQF8g )

TS Playground - An online editor for exploring TypeScript and JavaScript

위의 사이트에서 할 수 있고, 설치하고 싶다면 다음링크를 참고한다면 좋을 듯하다.( https://hoho325.tistory.com/311)

타입스크립트(typescript) 설치 및 실행

 

1일차에는 1.1부터 2.1까지 총 7강, 2일차에는 2.2에서 2.4까지 수강해야 해서 수강하게 됐다. 퀴즈는 공개할 수 없어서 공개하기는 어렵다. 하지만, 나머지 내용들은 추후의 포스팅을 통해 공개할 예정이다. Stay Tuned!(아래 내용들은 나의 간단한 강의에 대한 메모이다. 그러니 강의록 정도에 가까워 보고 잘 모르겠더라도 넘어가 주면 감사할거 같다...)

---

let (변수 이름) : (변수 타입) = (value); 를 통한 변수선언

ex. let c : boolean[] = [true] (이때, : boolean[]을 생략해도 추론 가능하다)

 

optional type

 

 

type Age =number;

type Player = {

    name : string,

    age? : Age //optional parameter

    //기존 type으로도 정의 가능, readonly추가를 통한 수정못하게 하는 것이 가능

}

const playerDodo : Player = {

    name : "dodo"

}

const lynn : Player = {

    name : "lynn",

    age : 12

}

//player.age : existence of player.age

if(playerDodo.age && playerDodo.age<10){

}

//specify receiving type of argument

function playerMaker(name:string) : Player{

    return {

        name

    }

}

//const playerMaker = (name:string):Player =>({name})도 똑같은 뜻으로 활용 가능하다.

const nico = playerMaker("nico")

nico.age = 12

typescript에만 존재하는 기능

1. readonly

const names : readonly string[] = ["1","2"]

 

readonly의 경우 수정을 막지만, javascript로 compile이후에는 수정가능하다.

 

2. tuple

const player: [string, number, boolean] = ["nico", 1, true]

 

다른 type으로 배열 생성가능, 3개초과 생성불가

 

기타

1. undefined

2. null

3. any - 비어 있을 경우 적히는 type (type스크립트 보호장치로부터 벗어나고 싶을 때 사용하는 방법) (거의 javascript사용하는 급)

 

unknown : type이 바뀜

let a : unknown

 

if(typeof a ==='number'){

    let b = a+1

}

if(typeof a === "string"){

    let b = a.toUpperCase();

}

 

 

void : 아무것도 return하지 않는 함수

 

never : return 안하고 오류 발생시키는 함수

수강의 흔적