[Comento React 실무PT] 2. TypeScript 다루기

스스로 이해한 내용으로 정리했음. 주관이 들어간 글임을 밝힘.

기본 내용 정리

이번에 다룰 내용은 TypeScript이다. 추가로 협업하기 좋은 코딩 스타일도 다룬다.

TypeScript

• 자바스크립트에서 Type을 명확하게 지정해줄 수 있는 형태로 보완된 언어이다.

자바스크립트의 경우 type의 변경/이동이 자유롭고 편하다.

하지만 이는 개발자 입장에서 어떤 type이 입력될 지 알 수 없으므로, 오히려 불편하기도 하다.

타입스크립트는 이를 보완하여, type도 지정할 수 있다.

협업하기 좋은 코딩?

코드를 잘 짠다는 것은, 남이 봐도 이해할 수 있는 코드이다. 

그래야 협업이 쉽고, 남이 코드를 유지/보수 하기에도 좋다.

이를 위해 다음 4가지 규칙들을 준수하면 좋다.

1. 네이밍 컨벤션 준수하기

각종 명칭을 붙일 때 아래 사항을 참고하자.

• 클래스명 : 명사
• 변수명 : lowerCamelCase 방식, 의도가 명확히 드러나게끔.
• 함수명 : 동사, 동사구
• 상수명 : CONTANT_CASE 방식

2.  주석 관리하기

코드에서 바로 의도가 파악되는 것이 가장 좋다. 즉 주석이 필요없는 코드가 제일 좋다.

하지만 추가 설명이 필요한 경우, 주석을 쓰자.

+ TODO 주석을 사용하면 좋다.

3. 낮은 복잡도의 코드 짜기

주기적인 리팩토링으로, 복잡도가 낮은 코드가 되도록 하자.

리팩토링할 때는, 역할이 분명하게 나눠지도록 코드를 수정해보자.

+ 밀접한 연관성이 있는 코드들은 서로 근접하게 붙여서 두자.

4. 오류가 적은 코드 짜기

예외문을 활용해서 오류를 최대한 걸러내는 코드를 짜보자.

버그 테스트 또한 철저히 하며 안정적인 코드를 짜보자.

 

---

[코멘토 바로가기] https://bit.ly/3D9XCOz