✔️ 강의명
주니어 개발자를 위한 React - 실무 프로젝트로 역량 업그레이드
✔️ 목표
- Typescript 이해하기
- 협업하기 좋은 코딩 스타일 이해하기
- React 라우팅 적용하기
- 페이지 레이아웃 만들기
✔️ What is Typescript?
TS는 오픈소스 언어이며 JS의 superset이다
- JS의 다른 특징들을 제공(정적타입 포함)
: Interfaces/classes/enumerated types/generics/modules - 타입 사용 optional
- 일반 JS로 컴파일
- Front-end JS 뿐만아니라 Back-end(Node.js)도 사용 가능
- 모던 JS 문법 사용 가능
✔️ Pros vs Cons
장점
- 선택전 정적 타입
- 버그 찾기 쉽다
- 예견 가능
- 가독성
- 유명하다
특징
- TS 코드는 JS 코드로 바뀐다
- JS 곧 TS(.js 에서 .ts 바꿔도 작동)
- TS 어디서든 사용 가능
- TS 는 JS Library 지원
단점
- 더 많은 코드를 써야한다
- 러닝커브가 있다
- 초반 세팅 불편
✔️ Key Difference between JS and TS
- JavaScript는 대화형 웹 페이지를 만드는 데 도움이 되는 스크립팅 언어인 반면 Typescript는 JavaScript의 상위 집합입니다.
- Typescript 코드는 컴파일해야 하지만 JavaScript 코드는 컴파일할 필요가 없습니다.
- TypeScript와 JS를 비교하면 TypeScript는 프로토타이핑 기능을 지원하지만 JavaScript는 이 기능을 지원하지 않습니다.- Typescript는 사용되는 데이터를 설명하기 위해 유형 및 인터페이스와 같은 개념을 사용하지만 JavaScript에는 그러한 개념이 없습니다.
- Typescript는 대규모 프로젝트를 위한 제네릭 및 JS 기능을 포함하는 강력한 유형 시스템인 반면 JavaScript는 소규모 프로젝트에 이상적인 옵션입니다.
✔️ Breifly TS
✔️ TS 공부 사이트
- ⚡ Interface 공부참고 : https://www.educative.io/blog/typescript-interfaces
✔️ Clean Code
남을 위해서도 있지만 미래의 나를 위해서도 가독성 좋은 코딩은 개발자의 기본소양 중에 하나이다.
- 변수명/함수명 잘 짓기
: What + How- Convention
: 주로 사람들이 지키는 컨벤션을 위주로 하는게 좋다.(회사가서는 회사 내규에 맞는 컨벤션 사용)- 코드 주석 달기
- TODO 주석
스타일 가이드
Jiwan Jeon