FE News 24년 12월 마지막 소식을 전해드립니다!
FE News 24년 12월 마지막 소식을 전해드립니다!
FE News 24년 12월 프런트엔드 소식을 정리한 큐레이션 글입니다. 설문 보고서, Web AI, Next.js self-hosting, 밋업 공개 소식을 담았습니다.
#Next.js#LLM
21005분
필터 1
기술 한 스푼으로 웹앱 사용자 경험 개선하기
웹앱 UX 개선을 위해 스켈레톤 UI, Vue Transition, Tanstack-Query를 적용한 사례를 소개했습니다. 상황에 따라 스피너와 페이드 효과를 병행하며 전환과 상태 관리를 단순화했습니다.
#UI/UX#Vue.js
26005분
[네임서버 이해하기②] 네임서버 변경 방법과 유의 사항
[네임서버 이해하기②] 네임서버 변경 방법과 유의 사항
네임서버를 왜 바꾸는지와 가비아에서 변경하는 절차를 설명했습니다. 또한 DNS 전파 시간과 레코드 설정 같은 유의 사항도 함께 정리했습니다.
#DNS#도메인
68005분
무신사 성장과 함께 거대해져온 600줄짜리 쿠폰 쿼리와의 아름다운 이별
600줄짜리 쿠폰 쿼리를 분리·캐싱·로직 이관으로 개선한 사례를 소개했습니다. 평균 지연시간과 DB 사용률을 낮추며 유지보수성과 비용 효율을 높였습니다.
#SQL#cache
124005분
신규 프로젝트 Hazelcast 도입기
신규 프로젝트 Hazelcast 도입기
신규 프로젝트에서 Hazelcast를 도입한 배경과 구성 방법을 소개했습니다. 또한 Member·Client 구성과 모니터링 포인트를 함께 정리했습니다.
#Hazelcast#cache
29005분
네이버페이 주문에 적용된 확장 가능한 대기열 개발기
네이버페이 주문에 적용된 확장 가능한 대기열 개발기
네이버페이 주문 서비스에 확장 가능한 대기열 Massronome을 적용한 사례를 소개했습니다. 주문 실패를 줄이기 위해 통신, 대기표, 서버 분배를 각각 확장 가능하게 설계했습니다.
#Kubernetes#scalable
69005분
Calm Connection Care: Revolutionizing Device Recovery in SmartThings
Calm Connection Care: Revolutionizing Device Recovery in SmartThings
SmartThings의 연결 끊김 문제를 완화하는 Calm Connection Care 기능을 소개했습니다. 주변 기기를 자동 검색하고 끊긴 기기를 감지해 복구를 시도합니다.
#SmartThings#cloud
0005분
React-query 를 사용해 상태관리를 해보자
React-query 를 사용해 상태관리를 해보자
React Query를 상태관리 관점에서 소개하며 데이터 패칭과 캐싱, 동기화 장점을 정리했습니다. 또한 useQuery와 useMutation, staleTime과 cacheTime 활용 방법을 예시로 설명했습니다.
#React#state management
0005분
Redirect 서버 리팩토링 - 파일럿 프로젝트
Redirect 서버 리팩토링 - 파일럿 프로젝트
레거시 Redirect 서버를 Spring Boot 기반으로 리팩토링해 클릭 요청, 캐시, 로그 구조를 개선했습니다. 푸시 연동과 Short URL 처리까지 통합해 확장 가능한 형태로 설계했습니다.
#Spring Boot#AWS
0005분
NestJS Custom Caching Decorator 만들기
NestJS Custom Caching Decorator 만들기
NestJS 서비스 메소드에 캐시와 cron 로직을 반복 작성하는 문제를 줄이기 위해 커스텀 `@ZumCache` 데코레이터를 설계했습니다.\nDiscoveryService와 MetadataScanner를 활용해 Provider 인스턴스를 탐색하고, 메타데이터 기반으로 캐시와 주기 갱신을 자동화했습니다.
#NestJS#Decorator
0005분