밤은 짧아, 걸어 아가씨야

타입스크립트를 사용하는 3가지 방법 타입스크립트를 사용하는 방법 런타임 - 타입 가드 IDE - 타입체커(tsserver) 컴파일 - 타입스크립트 컴파일러(tsc) - Babel vs TypeScript 마치며 타입스크립트를 사용하는 방법 요즘 개발하는 대부분의 프로젝트는 타입스크립트로 진행된다. 타입스크립트의 강력한 장점은 자동 완성으로 개발에 편의를 더해주고, 런타임 오류를 잡아내 유저가 겪을 문제를 사전에 방지할 수 있도록 한다는 점이다. 타입스크립트를 처음 접할 때 자바스크립트에 타입이 추가된 언어라고 배우는데, 그렇다면 타입스크립트는 어떻게 타입을 이용해 자동 완성을 가능하게 하고, 에러를 잡아내도록 작동하는 것일까? 예전에 원티드 챌린지를 들으며 런타임, IDE, 컴파일 시점으로 나누어 타입스..

[트러블 슈팅] Context와 Promise에 타입스크립트를 싸서 드셔보세요 모달을 모듈화하는 리팩토링을 거치며 있었던 트러블 슈팅에 관한 글을 작성하려 한다. 개발하며 어려움을 겪은 부분과 새로 알게된 내용, CI에서 지속적으로 통과되지 못했던 오류 등을 담았다. 타입스크립트 오류가 생각보다 많아서 배우는 계기가 되었다. 각 파트가 별개의 것이 아니라 긴밀하게 연관되어 있어서 통합적인 이해가 중요했다. 🌱 1. useOverlay를 바로 이용하는 대신 useModal을 만든 이유 🌱 2. useModal을 재활용하지 않고 useConfirm을 새로 만든 이유 🌱 3. 백드롭 클릭 시 하위 요소들로 이벤트 전이 방지하기 - stopPropagation 💡 4. 상위에서 전달한 함수가 사용 시점에 타입 ..

Week 4-1. TypeScript로 런타임에 안전한 웹 앱 작성하기 TypeScript / 타입 가드 / 타입 추론 / 제네릭 4-1 강의 시간에는 2주차 팀 과제 리뷰 시간을 갖고, 타입스크립트에 대해 배웠다. 타입스크립트는 처음 배울 땐 별로 어려워 보이지 않았는데, 사용할수록 어려운 점(타입 에러..)도 생기고 아직 익숙해져가는 과정에 있다. 1. 과제 리뷰 이슈 트래킹 툴 미션에 대한 피드백 시간이 있었다. 잘한 점과 지양할 점을 코드로 예시를 들어 보여주셨다. 과제를 하며 많은 사람이 어려워했을 부분에 대한 설명도 진행되었다. 마크업을 로직에 연결하면 안 된다 마크업 : jsx, html 요소 ⚠️ 관심사 분리가 되어야 한다. 마크업을 로직에서 사용하면 안 된다. 다른 관심사가 강하게 결합되..