개인코딩개발공장

# 함수에도 각각 요소에 타입을 지정할 수 있다. # 파라미터에 타입 지정하기function fuc(para: number) {}fuc("dori");이렇게 왜 파라미터는 숫자타입인데 fuc('dori')로 문자타입을 인수로 넣어 호출하려 하느냐? 하면서 뭐라고함  # 리턴값에 타입 지정하기function fuc(para: number): number { return "muzzi";}함수 옆에다가 또 적어주면 되는데리턴값이 number이어야 하는데 string 인 'muzzi'가 나왔다고 에러를 띄워준다 # 리턴값 안정해주면?function fuc(para: number) { return "muzzi";}에러 안뜬다.이것도 any타입으로 나오는듯.   # 리턴값 '없어야 하는' 함수function f..

# union type이란?타입을 여러개 지정할 수 있는 방법이다.let test: string | number = "jacob";test = 1;test라는 변수는 string타입 혹은 number타입이다.처음에 jacob이라는 스트링을 할당했다가 숫자 1을 재할당하면 두 타입 되니까 오류 안뜬다.저렇게 or기호로 타입을 or로 써줄 수 있음. and는 당연히 없음.  # 어레이에 union type지정하기let arr: string[] = ["a", "b", "c"];이렇게 스트링만 들어갈 수 있는 어레이에다가 숫자도 들어갈 수 있게 하려면,let arr: string[] = ["a", "b", "c", 1];에러가 뜬다.이때 union type을 사용해보자. let arr: number | stri..

# primitive types란?이전 ts포스팅에서 단순하게 string타입으로 예시를 들었다.이런걸 원시타입들이라고 하는데 걍 식별자 하나를 가르킨다.사실 js배울때 primitive값이랑 object값이랑 따로배웠는데 그냥 여긴 오브젝트에 들어있는 키에대한 값도원시값이라고 하나보다. (코딩애플이 기본강의라 구분 안해놓은걸수도 있음..)  # string 타입let testName: string = "kim";스트링타입 # number타입let testAge: number = 33; # boolean 타입let testBollean: boolean = true; # null 타입let testnull: null = null;isNull안해도될듯? # undefined타입let testundefined..

# 설치타스는 노드js가 필요하다.npm install -g typescript이걸로 타스를 설치하자. # .ts 파일 만들기.ts로 만드는 파일을 만들자이렇게 index.ts라는 파일을 만들고 타스코드를 입력하면 된다. # tsconfig.json이라는 파일도 만들자{ "compilerOptions": { "target": "es5", "module": "commonjs" }}이내용 복붙해놓자  # 실시간 컴파일tsc -w이거 커맨드에 치면 index.js라는 파일이 생긴다.이게 자동컴파일 해준다는거다. 그러면 .ts파일을 저장할때마다 컴파일이 자동으로되면서이렇게 커맨드에 에러있는지 없는지 체크해준다.  설치는 아주 단순하고 쉽다.. 리액트나 vue에 적용하는건 따로 해봐야할듯.  # 기..

https://www.youtube.com/watch?v=jlzvXcDGZUU&list=PLJf6aFJoJtbUXW6T4lPUk7C66yEneX7MN&index=5&ab_channel=%EB%95%85%EC%BD%A9%EC%BD%94%EB%94%A9PeanutCoding # 타입스크립트 파일에서 컴파일을 하여 js문서로 바꿔줘야 한다. app.ts 라는 파일에서 ts코드를 적었다면 터미널에서 tsc app.ts하면 app.js라는 자바스크립트 문서로 나타난다. # 컴파일후 ts파일에서 중복된함수 에러메세지가 뜬다면? 터미널에서 tsc --init을 치면 없어짐. vs에러야. # 매번 컴파일 하지 않고 실시간으로 하려면? tsc -w watch로 계속 바로 바꿔주는거임. # 실시간으로 nodemon 처럼 ..