분류 전체보기219 macOS에서 Logi Options+ / G HUB 실행 안 됨 문제 해결하기 2026년 1월에 발생한 이슈 해소 방법에 대한 포스팅입니다.이후에 참고하시는 분께는 적용되지 않을 수 있습니다. 들어가며최근에 macOS를 사용하시는 많은 로지텍 유저분들이 당혹스러운 경험을 하고 계실 텐데요. 멀쩡히 잘 작동하던 Logi Options+나 G HUB 앱이 갑자기 실행되지 않거나, 로딩 화면에서 멈춰버리는 이슈가 발생했습니다. 원인을 확인해 보니, 로지텍 소프트웨어가 macOS에서 구동되기 위해 필요한 디지털 인증서가 2026년 1월 초에 만료되었기 때문이라고 합니다. 문제는 이 인증서 만료 때문에 앱 내 '자동 업데이트' 기능까지 먹통이 되어서 답답하지만 제조사에서 제공한 패치 파일을 통해 수동으로 해결이 가능하니 따라해 보겠습니다. 인증서 문제 해결하기먼저 아래 링크를 누르고.. 2026. 1. 8. Prefetch로 네트워크 응답속도 줄이기 들어가며어떤 페이지에 접근했을때, 화면 구성요소가 로딩되는데 너무 오래걸려 답답했던적이 있으신가요? 화면 로딩을 오래걸리게 만드는 원인에는 서비스의 구현과 유저의 환경에 따라 천차만별이지만, 유저의 이탈을 방지하기 위해 꼭 신경써야 할 부분 중 하나입니다. 이번 포스트에서는 prefetch를 이용해 tanstack query를 이용하는 서비스에서 네트워크 응답시간을 줄이는 방법을 알아보도록 하겠습니다. 글에서 사용된 코드 라이브러리 버전은 v4를 기준으로 하겠습니다. Prefetch 란?prefetch는 이름처럼 필요한 데이터를 미리 fetch하는 기법입니다. 어떠한 페이지에 진입했을때 UI를 구성하기 위해 네트워크 요청을 보내야 한다고 하면, 이때 필요한 데이터를 기존의 요청 시점보다 조금 빨리 요청.. 2025. 8. 12. TanStack-Query 효율적으로 활용하기 이 글의 코드는 Tanstack-Query V4 코드를 기준으로 작성되었습니다. 들어가며TanStack Query (전 React-Query)는 클라이언트에서 서버 상태를 쉽게 관리할 수 있도록 도와주는 라이브러리입니다. 대표적으로 캐싱, 자동 업데이트, 로딩과 에러 등의 통신 상태에 관련된 추상화 된 인터페이스들을 제공하는데, 그 기능들이 굉장히 강력하고 편리해서 프론트엔드 생태계 전반적으로 널리 사용되는 인기있는 라이브러리가 되었습니다. 오늘은 이 TanStack Query가 지원하는 기능들을 통해 프로젝트에서 유용하게 활용했던 몇 가지 방법에 대해 정리하려 합니다. 쿼리 무효화 (Query Invalidation)캐시된 데이터를 강제로 갱신하기 위해 refetch() 를 사용하는 방법도 있지만.. 2025. 3. 4. 간단하게 넘어가는 2024 회고 여기에는 다른 내용으로 추가로 적어볼까 했는데,올해 회고는 감정회고에 남겼던 2024 회고로 대체한다. 2024 회고추운 연말blog-usageness.vercel.app 정리하고 싶었던 말들은 위 링크에 모두 적어두어서, 기술 블로그에는 액션 플랜 정도만 함께 남겨두겠다. 올해의 액션 플랜새롭게 배운 기술적인 내용들은 블로그에 정리하기사이드 프로젝트 한 달에 한 번은 업데이트 해주기꾸준히 러닝하기 - 단거리 마라톤 참여해보기달마다 회고하기 어느덧 2년차가 됐으니, 2025년에도 힘내서 많은 일들을 해보자! 2025. 1. 20. 타입 안정성을 위한 as unknown as Type as 타입스크립트를 사용하면 가끔 as를 사용한 타입 단언을 해야 할 때가 있습니다.보통 아래처럼, 컴파일러의 자연스러운 타입 추론이 불가능한 경우 강제로 타입을 지정해줄 때 사용합니다. // 1. DOM 요소const element = document.querySelector("#App") as HTMLInputElement;// 2. API의 응답 값const data = getNativeAPIValue() as APIResponse;// etc... 이런 케이스에서는 개발자가 타입을 지정해주고, 타입 시스템은 개발자를 신뢰합니다.단언은 타입 시스템을 무시 할 정도로 강력하지만, 그만큼 휴먼 에러를 일으킬 가능성이 있기 때문에타입 시스템이 정상적으로 동작할 수 없는 특수한 상황에만 사용하는게 좋습니.. 2024. 10. 21. Impression log 사용하기 들어가며사용자의 행동을 추적하고 분석하기 위해서는 유저의 활동 기록을 남기는 작업이 필수적인데요, 이를 로깅이라고 합니다. 제품을 개발하는 입장에서는 이러한 로깅을 통해 프로그램의 품질을 개선하고 예기치 않게 발생하는 문제를 해결하는 데 도움을 받을 수 있습니다. 프론트엔드에서 주로 기록하는 로그는 크게 세 가지입니다. 페이지 뷰(page view), 클릭(click), 임프레션(impression) 이 바로 그것인데요. 오늘 글에서 다뤄볼 주제는 임프레션 로그입니다. 이 글에선 임프레션 로그가 무엇이고 React 기반의 프론트엔드 환경에서 어떻게 구현할 수 있을지, 그리고 구현 중에 마주할 수 있는 문제들과 그 해결 방법에 대해 알아보겠습니다. 임프레션 로그(Impression Log)임프레션 로그.. 2024. 7. 1. 이전 1 2 3 4 ··· 37 다음
