Transition : 쉿, 이제 안전해 나의 작은 Suspense
Suspense의 fallback 전환이 유발하는 화면 깜빡임 문제를 짚었습니다. React 18 Transition과 Recoil 지원 기능으로 이전 화면을 유지하는 방법을 소개합니다.
#React#Suspense#Recoil
1900
모든 블로그
대표 인기 포스트HTML Canvas로 기가 픽셀 데이터 시각화하기34 조회34 조회 프론트엔드 백엔드
데브옵스
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
루닛
도메인medium.com
주요 카테고리 Frontend · Backend · DevOps
활동 요약
- 최근 30일
- 0개
- 평균 조회
- 22
- 누적 조회
- 178
- 전체 글
- 8개
- 마지막 발행
- 2022. 5. 20.
최신 게시글 (8)
Lunit CARE는 왜 GraphQL을 선택했는가?
Lunit CARE는 문서화, 타입 검증, 다중 API 호출 문제를 줄이기 위해 GraphQL과 Relay를 선택했습니다. gqlgen 자동 생성의 이점과 POST 캐시 제한·복잡한 리졸버 구현의 트레이드오프를 함께 설명합니다.
#GraphQL#Relay#gqlgen
2800
Travis CI로 AWS S3에 SPA 배포하기
Travis CI로 React SPA 빌드 결과물을 S3와 CloudFront에 자동 배포하는 구성을 소개했습니다. 보안 키 관리, SPA 라우팅용 오류 페이지, 캐시 무효화와 Slack 알림 설정을 다뤘습니다.
#Travis CI#AWS#S3
1700
HTML Canvas로 기가 픽셀 데이터 시각화하기
기가픽셀 병리 슬라이드의 AI 예측 결과를 Canvas 기반으로 시각화한 방식을 소개했습니다. Tissue 사전 렌더링과 Structure·Cell 공간 인덱싱으로 렌더링 성능을 확보했습니다.
#React#OpenSeadragon#Canvas
3400
Context API가 Redux를 대체할 수 있을까요?
Context API와 Redux의 역할 및 상태 관리 방식의 차이를 비교했습니다. 고급 상태 추적·재현 기능이 없다면 Context API 활용을 권장합니다.
#React#Redux#Context API
1600
Google Fonts + 한국어 알아보기
Google Fonts가 한글 글리프를 분할하고 unicode-range로 필요한 파일만 내려받도록 최적화했습니다. 23종의 OFL 한글 폰트를 제공해 웹 타이포그래피 활용성을 높였습니다.
#Google Fonts#웹 폰트#CSS
1500
Redux가 필요하다는 것을 언제 알 수 있나요?
React 앱의 상태 흐름과 props 전달이 복잡해지는 시점의 Redux 도입 기준을 설명했습니다. 액션·리듀서·스토어 구조로 관심사를 분리하고 디버깅을 단순화합니다.
#React#Redux#props
3100
당신에게 Redux는 필요 없을지도 모릅니다.
Redux의 제약이 상태 영속화, 재현, 협업, 개발자 도구에 주는 이점을 설명했습니다. 명확한 필요가 없다면 React 지역 상태를 우선하고 점진적으로 도입할 것을 권고합니다.
#Redux#React#reducer
1800
당신에게 Redux는 필요 없을지도 모릅니다.