typeGuard는 typeScript에서 어떤 타입인지 모르는 데이터가 어떤 타입인지를 판단해줍니다. typeGuard를 통과한 데이터는 검사필 도장을 받은 쇠고기마냥 안전하게 조리할 수 있어요. 이번 글에서는 타입가드를 어떻게 작성하고 활용하는지 알려드릴게요. 그리고 리액트 쿼리와 연계해서 사용해볼거에요.
타입 가드로 type-safe한 데이터 얻기
· 약 8분
typeGuard는 typeScript에서 어떤 타입인지 모르는 데이터가 어떤 타입인지를 판단해줍니다. typeGuard를 통과한 데이터는 검사필 도장을 받은 쇠고기마냥 안전하게 조리할 수 있어요. 이번 글에서는 타입가드를 어떻게 작성하고 활용하는지 알려드릴게요. 그리고 리액트 쿼리와 연계해서 사용해볼거에요.
Axios라는 라이브러리 아시죠?
별 이유 없이 버전업한 이 라이브러리가 쏘아올린 거대한 사고 대응기를 소개할게요.
비교적 최근에, 지금 다니는 회사의 CTO님이 꽤나 근본적인 질문을 주셨었습니다.
물론 다른 회사에서도 물어보는 단골 질문이기 때문에 실제 면접관으로 참여하며 들었을 땐 내가 대답하는 게 아니니 그러려니 하고 깊게 생각하진 않았었는데 이 질문을 답하려고 하니 말문이 막혔어요. 답변을 작성하기 위해 무려 퇴근하고 컴퓨터에 앉아서 고민할 만큼.
이 질문이 우리에게 어떤 울림을 주는 목적이거나 잘못에 대한 우회 징계와 같은 성격을 띠진 않았고, 개발자 채용을 위한 우리들의 인재상을 종합한다는 명확한 이유가 있었기 때문에 같이 일하기 좋고 말이 잘 통하는 동료 정도로 적어서 제출했던 기억이 납니다.
깃허브 액션으로 워크플로우를 구축해봤어요.
안전하게 코드가 저장소로 전달되는 과정인 CI를 구축했다고 볼 수 있습니다.
사용자의 행동데이터는 알게모르게 수집됩니다. 요청을 보낸 당신은 어디서 어떤 정보를 가지고 접근하는지에 같은거요.
이제 그런거 말고, 실제 사용자가 우리 사이트에서 뭘 하고 돌아다니는지에 대한 데이터 수집이 필요할 때가 있어요. 오늘 알아볼 것은, 이러한 정보를 사용자 행동 데이터(BreadCrumbs)로 정의하고 적용하는 방법입니다.