- 전체보기(127)
- next.js(33)
- CS(27)
- 네트워크(20)
- 자바스크립트(18)
- React(16)
- typescript(10)
- 운영체제(9)
- 회고(6)
- tailwind(4)
- nextjs(4)
- frontend(3)
- pwa(3)
- 자바스크립트+리액트 디자인 패턴(3)
- JavaScript(2)
- wep-app(2)
- 웹 접근성(2)
- 테스트(2)
- JSCODE(1)
- capacitor(1)
- Auth.js(1)
- 최적화(1)
- socket(1)
- WAI-ARIA(1)
- Service Worker(1)
- lighthouse(1)
- swiper(1)
- tanstack-query(1)
- Route(1)
- stompJS(1)
- zustand(1)
- Husky(1)
- Lint staged(1)
- indexedDB(1)
- react-query(1)
- vite(1)
- 프로젝트(1)
- react native(1)
- seo(1)
- Firebase(1)
안정적인 네트워크 요청을 만들기 위한 Fetch 설계
Fetch API에 AbortController로 Timeout을 설정하고, 재시도 정책을 도입해 시스템 안정성과 안전 장치를 마련하자
다중 탭/기기에서의 토큰 갱신 경쟁 상태 다루기
클라이언트 단에서의 mutex 적용과 서버 단에서의 grace period 적용으로 토큰 경쟁 상태(token-reuse) 다루기
브라우저 다중 탭 간 실시간 상태 공유 방법
react에서의 다중 탭 상태 동기화 방법 / BroadcastChannel / storage event / SharedWorker / ReactUse
PWA + Android 앱에 푸시 알림 구현하기 (Firebase FCM)
FCM을 사용해 그룹 활동 사항이 생기면 해당 그룹에 알림 수신을 허용한 사람들에게만 알림을 보내는 기능을 구현하자.
API 중복 호출 최적화 및 fetch 타임아웃 처리
기록 생성 버튼 연타 시 중복 API 호출로 인해 같은 기록이 여러 개 생기는 문제가 발생했다.
기본 안내창이 없는 브라우저 PWA 지원하기
PWA로 웹앱을 설치할 수 있도록 지원했는데, 팀원으로부터 한 피드백을 받았다. 이에 대한 개선 과정을 담았다.
profiler와 performance로 성능 개선하기
다른 팀 프로젝트를 리팩토링하면서 한 성능개선 작업을 정리/performance & profiler
SVG 아이콘 vite 플러그인 vite-plugin-svgr으로 컴포넌트화
react + vite + typescript에서 svg 컴포넌트화하기
XML과 HTML과 JSON
XML이란 / XML과 HTML의 차이 / 왜 HTML로는 안될까? / HTML과 XML을 사용해야 하는 경우 / XML과 JSON / Well-formed XML / XML 파서
가상 환경과 애플리케이션 실행 환경의 변화
전통적인 환경에서의 배포 / 가상 환경에서의 배포 / 컨테이너의 배포 / Docker / Kubernetes
History API와 SPA 라우팅: 새로고침 없이 페이지 전환하기
History API / history 프로퍼티 / SPA에서의 scrollRestoration / 메소드 / popstate event / React, JS로 SPA 라우팅 간단 구현해보기
