일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- react이론
- js 특정 위치로 이동
- rn webview page loading
- 프론트앤드
- safari wiondow.open
- 임고미
- gsap 기초
- styled component is not working
- scrollIntoView scrollTo
- 퍼블리셔
- JS
- React Native navigation
- styled component
- react
- React Native SafeArea Custom
- 웹뷰 페이지 로딩
- React-Native 공부
- styled component 작동안함
- 리액트
- reactnative 웹뷰 페이지 로딩
- RN navitate push
- SafeArea 커스텀
- slick slider 간격
- 타입스크립트
- React-Native IOS
- react native safeArea
- input 숫자입력
- gsap
- styled component 작동 안될때
- 트윈맥스 기초
- Today
- Total
개발공부 임고미
[TypeScript] 알고쓰자 TypeScript! [1] 본문
목차
0. 들어가며 |
1. 알 고쓰자 TypeScript : 왜 타스인가 ? |
2. 타입의 종류 |
결론부터 얘기하자면, 다음과 같다.
왜! TypeScript?
1 강력한 객체지향 프로그래밍이 가능하다.
2 모듈성 있는 코드 개발하기에 좋다. (재사용 가능)
3 기존코드 문제해결이 쉽다. 유지보수하기 수월하다.
4 타입을 정해주므로써 문서화효과를 기대할 수 있다. (가독성이 높다)
5 정적 타입언어로써 개발 단계(컴파일 단계)에서 이슈를 잡아낼 수 있다.
6 모든 브라우저에서 호환 가능하도록 만들 수 있다.
1 강력한 객체지향 프로그래밍이 가능하다.
JS도 class를 이용해 객체지향 프로그래밍이 가능하긴하지만, TS를 이용하게되면 interface, Class등을 이용해서 좀 더 객체지향적 프로그래밍이 가능하다.
4 타입을 정해주므로써 문서화효과를 기대할 수 있다. (가독성이 높다)
type User = {
name: string,
age: numnber;
}
const user = (name: string, age: number):User {
return { name , age }
}
타입을 선언함으로써, 어떤값이 들어오는지 협업 개발자들이 봐도 알기 쉽다.
5 정적 타입언어로써 개발 단계(컴파일 단계)에서 이슈를 잡아낼 수 있다.
자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환됩니다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있습니다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있습니다.
6 모든 브라우저에서 호환 가능하도록 만들 수 있다. (자바스크립트가 동작하는 곳이면 어디든가능 -> client-side, server-side)
타입스크립트는 자바스크립트와 100% 호환됩니다. 따라서 프론트엔드 또는 백엔드 어디든 자바스크립트를 사용할 수 있는 곳이라면 타입스크립트도 쓸 수 있습니다. 타입스크립트는 앱과 웹을 구현하는 자바스크립트와 동일한 용도로 사용 가능하며 서버 단에서 개발이 이루어지는 복잡한 대형 프로젝트에서도 빛을 발합니다.
참고 : 링크 1
'프론트엔드' 카테고리의 다른 글
[React Native] 웹뷰내에서 페이지 로딩값 구하기 (0) | 2022.10.21 |
---|---|
[TypeScript] 알고쓰자 TypeScript! (0) | 2022.06.17 |
[Front-end] Next.js 뽀개기 [1] - 왜 Next? (1) | 2022.04.20 |
[Frontend] Loopback filter값안에서 특수문자 검색 (0) | 2020.10.08 |