frontend

TDD로 배우는 웹 프론트엔드 강의 후기

이번에 글또9기에 참여하면서 Udemy 측에서 무료 강의 수강권을 글또 인원들에게 제공해주셨다. 그 기회로 TDD로 배우는 웹 프론트엔드 강의를 수강하게되어 후기를 작성해보려 한다. 강의 개요TDD로 배우는 웹 프론트엔드 강의는 우아한형제들에 재직중이시고 우아한테크코스의 교육자로 유명하신 메이커준님께서 교육해주시는 강의이다. Cypress를 활용한 TDD 기반의 웹 애플리케이션 개발 방법을 배울 수 있는데 Cypress의 기본적인 사용 방법을 익히고 테스트 코드와 애플리케이션 개발을 위해 문제를 잘개 쪼개는 방법부터TDD적인 사고방식을 기를수 있는 강의라고 할 수 있다. 총 강의 시간은 3시간 30분짜리로 마음만 먹으면 하루도 안되서 금방 다 수강할 수 있는 그다지 길지 않은 강의이다.강의 구성은 위와 ..

[TanStack Query] v5 주요 변경 사항

얼마전, TanStack Query의 버전5가 정식 릴리즈 되었다. 주요 변경 사항에는 어떠한 것들이 있었는지 한번 알아보자. 참고로 이제 v5의 Typescript 최소 요구 버전은 4.7 / React의 최소 버전은 18.0 이다. 주요변경 단일 signature, 단일 객체 지원 useQuery와 몇 가지 함수들은 호출하는데 첫 번째 혹은, 두 번째 매개변수 등을 확인해야 하고 일관성이 없어 관리하기가 어려웠다. 이제는 객체 형식만 지원하도록 변경되었다. - useQuery(key, fn, options) + useQuery({ queryKey, queryFn, ...options }) - useInfiniteQuery(key, fn, options) + useInfiniteQuery({ query..

React Query는 어떤 기술일까?

현재 재직중인 가상자산 거래소 회사에서 올해 2분기 프론트엔드 세미나 진행당시 발표했던 React Query에 대해 조사한 내용입니다. React Query란 무엇인가요? React Query는 Server State를 관리하는 라이브러리로 React 프로젝트에서 Server와 Client 사이 비동기 로직들을 손쉽게 다루게 해주는 도구입니다. 현재 저희의 store에는 Client State, Server State 할것 없이 많은 것들을 저장하고 있습니다. (ex. 유저정보, 배너정보, 코인 가격 등...) React Query에서 Redux, Mobx 등 기존 상태 관리 라이브러리는 클라이언트 상태 작업에 적합하지만 비동기 또는 서버 상태 작업에는 그다지 좋지 않다고 말하고 있습니다. 공식 문서에서..