TypeScript
1.TypeScript-1
Javascript 에도 타입이 있다.타입의 개념을 알고 있다는 것여기서 add에 전달된 2,5가 숫자형인 걸 인지하고 있다. 타입스크립트가 없이다만 자바스크립트는 동적 타입 언어로 함수 선언 시점에는 자료형을 특정 짓지 않는다.두개의 매개 변수를 받는다는 것만 알고
2.TypeScript-2
https://www.typescriptlang.org/ - 타입 스크립트 홈페이지 타입 스크립트는 자바스크립트의 superset 이다. 자바스크립트 문법에 타입 표기 구문이 추가된 것 -> 타입스크립트 코드는 브라우저에서 실행되지 않음 브라우저에서 타입스크립트 코드
3.Typescript -1 (new)
이전에 공부를 진행했지만 필요한 부분만 공부를 진행했고 약간 알음알음 type들을 찾아가며 사용했지만 뭔가 확실하게 알아가고 싶은 부분이 있어 정식적으로 공부를 한번 하고 프로젝트를 시작해야 될 것 같다.파일 경로에서 터미널을 연채로tsc 파일명 을 입력하면 잠시 뒤
4.Typescript(new) - 2
TS는 객체의 형태를 설명하는 애너테이션이 당연히 있는데 일반적인건 함수의 파라미터에서 객체를 쓸 수도 있다이렇게 적을경우 함수는 파라미터를 객체로 허용한다. 또 이런식으로도 사용하는데따라야 할 패턴으로 지정하고 해당 패턴을 따르게 하는 것이다. {}에 {} 식으로 해
5.Typescript - 3
이는 우리가 acriveUsers에 빈배열이라고 알려줬기 때문에 생기는 에러이다. 그래서 무언가를 넣으려고 하면 에러가 생기는 것이다.그래서 배열 대괄호 앞에 어떤 타입인지 알려줘야 한다이 경우 문자열 배열이 된다고 알려주는 것이며 빈배열로 시작하던 문자열을 넣고 문자
6.Typescript - 4
튜플은 길이와 타입이 고정되어 있다.예로 숫자 다음에 문자열이 오는 배열을 원한다면 그렇게 선언해야만 한다. 2개의 차이점은 위 number\[]은 rgb 컬러의 색상은 3개의 숫자들로 구성하는데 그 이상이 적힌다 하더라도 문제가 없다하지만 아래처럼 튜플타입으로 정의할
7.Typescript - 5
정말 많이 쓰는 것으로 타입 별칭과 매우 유사하다보면 그냥 앞만 다르지 똑같아 보인다. 물론 인터페이스는 객체에만 사용된다는 점은 다르다.따라서 유니온 타입에 인터페이스를 쓰긴 불가능 하고 타입 별칭에선 가능하다타입 별칭을 통해 객체 타입을 사용할 때와 동일한 방식으로
8.Typescript - 6
lib 프로퍼티를 사용하면 타겟 런타임 환경을 설명하는 번들 라이브러리 선언 파일을 지정할 수 있다.활성화 하지 않았을 때는 기본값 즉 DOM이 설정되어 있다.기본적으로 Typescript는 document 및 DOM 조작 항목과 DOM API의 타입을 인지하는데 만약
9.Typescript - 7
typescript를 익히기 전에 javascript의 class를 먼저 익히고 가보자기본적으로 class는 패턴을 생성하는 역할을 하는데 객체를 나타낼 때 프로퍼티뿐 아니라 기능도 나타내준다.클래스는 TS의 인터페이스나 타입 별칭과는 다르다.어떠한 프로퍼티도 없지만
10.Typescript - 9
오늘 마지막 남은 타입스크립트 전체를 정리하고 추가적으로 다음 프로젝트에 넣을 node.js나 react 라이브러리등을 추가로 공부해야겠다.또 면접 준비를 하며 알게된 CS지식들로 지금 해왔던 프로젝트 들 중 아~ 이런 원리면 이렇게 하지 말걸 이라고 생각한 부분이 되
11.Typescript - 10
이 상황에서 이전에 배운대로라면 if문을 통해 타입 검사를 확인하고 해당 타입에 맞는 코드 식을 쓰는 것처럼 해결했다 그때 사용한 typeof가 있었는데typeof는 문자열, 숫자, 불리언과 같은 원시 값을 처리할 때 유용하다문자열, 숫자 다 가능하지만 다른 부분도 있
12.Typescript - 11
타입선언 .ts가 아닌 .d.ts의 형식이 타입 선언 파일이며 특별한 용도로 사용된다. 해당 파일에선 구현 세부 사항이나 실행될 JS 코드, 출력 같은 걸 찾아볼 순 없다 대신 타입 정보를 찾을 수 있는데 즉 타입을 선언하는 것이다 typescript가 확인하고 코드에
13.Typescript - 12(webpack)
아마 13까지 진행하면 typescript의 기본적인 건 거진 끝내는 것 같다!항상 그냥 만들어주는 CRA라던지 그런 걸 사용해서 웹팩을 직접적으로 다루지 않았었는데 한번 잡고 가야 되긴 하는 것 같다webpack은 의존성을 가진 수십, 수백 개의 파일로 구성된 복잡한
14.Typescript - 13(React)
정말 현재 가장 많이 쓰는 React는 javascript 태생이기에 당연히 Typescript의 타입을 쓸 수 있다.공식문서에서 타입스크립트 추가부분을 본다면npx create-react-app my-app --template typescript라고 시작하는 부분을