태그 목록
- 전체보기(13)
- 성능 최적화(3)
- websocket(1)
- emotion(1)
- stomp(1)
- 상태 동기화(1)
- caching(1)
- 데이터 리스트 가상화(1)
- 실시간 채팅(1)
- Prefetching(1)
- 스타일링(1)
- React(1)
- 프론트엔드(1)
- E2E 테스트(1)
- @emotion/react(1)
- 시각적 회귀 테스트(1)
- 지연시간 최적화(1)
- REST API(1)
- Tree Shaking(1)
- 캐시(1)
- CSS in JS(1)
- 폰트 최적화(1)
- Lazy loading(1)
- 테스트코드(1)
- JS 최적화(1)
- 대역폭 최적화(1)
- 무한 스크롤(1)
- DevTools(1)
- CDN(1)
- code splitting(1)
- tanstack-query(1)
- 이미지 최적화(1)
전체보기 (13)성능 최적화(3)websocket(1)emotion(1)stomp(1)상태 동기화(1)caching(1)데이터 리스트 가상화(1)실시간 채팅(1)Prefetching(1)스타일링(1)React(1)프론트엔드(1)E2E 테스트(1)@emotion/react(1)시각적 회귀 테스트(1)지연시간 최적화(1)REST API(1)Tree Shaking(1)캐시(1)CSS in JS(1)폰트 최적화(1)Lazy loading(1)테스트코드(1)JS 최적화(1)대역폭 최적화(1)무한 스크롤(1)DevTools(1)CDN(1)code splitting(1)tanstack-query(1)이미지 최적화(1)
WebSocket을 연결했는데도 REST API가 필요한 이유
실시간 채팅에서 REST API와 WebSocket의 역할을 나누고 데이터를 동기화한 방법
2026년 7월 17일
·
0개의 댓글·
0E2E 테스트와 시각적 회귀 테스트
E2E 테스트와 시각적 회귀 테스트를 중심으로 Storybook, Chromatic, Cypress, Playwright에 대해 알아보자!
2026년 6월 22일
·
0개의 댓글·
0Unit Test와 통합 테스트, 그리고 Vitest / React Testing Library / MSW
Unit Test와 통합 테스트, Vitest / React Testing Library / MSW 에 대해 알아보자.
2026년 6월 15일
·
0개의 댓글·
0런타임 성능 최적화: FPS, requestAnimationFrame, React Profiler, Performance Timeline API
런타임 성능 최적화에 대해서 알아보자!
2026년 6월 8일
·
1개의 댓글·
0JavaScript 실행시간 최적화
JS 실행시간 최적화와 관련된 Code Splitting, webpack-bundle-analyzer, CSS 최적화, React.memo/useMemo/useCallback에 대해 알아보자
2026년 5월 25일
·
2개의 댓글·
0
데이터 / 이미지 / 코드 로딩 최적화 (대역폭 최적화)
웹 성능 최적화의 알잘딱깔센 : 필요한 순간에 필요한 만큼만 불러오기 위한 대역폭 최적화 개념 정리
2026년 5월 3일
·
2개의 댓글·
0
Emotion 정리: @emotion/react 제대로 이해하기
styled-components에서 Emotion으로 넘어오며 헷갈렸던 @emotion/react의 핵심 개념과 사용 방식을 정리한 글입니다.
2026년 5월 1일
·
0개의 댓글·
0
웹 성능 최적화 입문: DevTools와 이미지/폰트 최적화
웹 성능 최적화(Web Performance Optimization)를 위한 DevTools와 이미지/폰트 최적화의 간단한 개념을 살펴보자.
2026년 4월 26일
·
2개의 댓글·
0
SEO에서 GEO로: 생성형 검색 시대, 웹 콘텐츠는 어떻게 발견될까?
SEO와 GEO가 무엇인지부터, 검색엔진과 AI가 콘텐츠를 이해하는 방식, 그리고 FE 개발자가 고려할 수 있는 지점까지 정리한 글입니다.
2026년 4월 10일
·
0개의 댓글·
2