카카오테크캠퍼스 2기 | STEP2 | 12일차(24-07-09) 회고

 

⭕ 카카오테크캠퍼스 2기 | STEP2 | 12일차(24-07-09) 회고

📝 타입 추론

# 기존 코드
const items: Item[] = getItems();

# 수정 코드
const items = getItems();

• 처음에는 getItems() 함수가 반환하는 값의 타입을 명시적으로 지정하는 것이 안전하다고 생각했다. 하지만 코드가 길어지면서 타입 어노테이션이 불필요하게 복잡해 보였다.
• TypeScript의 타입 추론 기능을 활용하여 items 변수의 타입을 생략했습니다. getItems() 함수의 반환 타입이 명확하기 때문에 TypeScript 컴파일러가 자동으로 items 변수의 타입을 Item[]으로 추론한다. 코드를 간결하게 유지하면서도 타입 안정성을 확보할 수 있었다.
• 타입 추론에 대한 이해가 부족하여 처음에는 타입을 생략하는 것에 불안함을 느꼈다. 하지만 TypeScript 공식 문서와 예제 코드를 참고하며 타입 추론의 작동 방식을 익혔다.

 

📝 파일 이름 (handle, use)

• 파일 이름을 어떻게 지어야 코드의 역할을 명확하게 드러낼 수 있을지 고민했다. 특히 handle과 use 의 사용 여부를 결정하는 것이 어려웠다.

---

• handle: 이벤트 핸들러나 비동기 작업 처리 함수를 담은 파일 이름에 handle를 추가했다.
  • formSubmitHandler.js를 handleFormSubmit.js로 변경했다.
• use: 커스텀 Hook을 정의하는 파일 이름에 use를 추가했다.
  • customHook.js를 useCustomHook.js로 변경하여 파일이 Hook을 제공한다는 것을 표현했다.

 

📝 Daily Scrum 이후

• STEP1 진행

 

😋 Today 회고

• 처음에는 낯설고 어려웠던 코드 리뷰가 꾸준한 학습과 멘토님의 조언 덕분에 이제는 코드의 가독성과 유지보수성을 향상하는 데 큰 도움이 되는 것 같다.

 

➡️ 참고 링크

https://velog.io/@andy99/TypeScript-%ED%83%80%EC%9E%85-%EC%B6%94%EB%A1%A0-%EB%8B%A8%EC%96%B8-%EC%A2%81%ED%9E%88%EA%B8%B0

TypeScript - 타입 추론 / 단언 / 좁히기