프론트엔드 24
- Next.js 성능 최적화
- Zustand 상태 관리 라이브러리 활용법
- Next.js와 React Query를 활용한 SSR 적용 방법
- Zustand를 활용한 효율적인 모달 관리하기
- NextAuth5를 사용하여 Next.js15 인증시스템 구축하기
- Next.js에서 bfcache(Back-Forward Cache) 문제 해결하기
- Next.js에서 asChild 속성 사용하기
- React Query의 onSuccess와 onSettled의 차이점과 활용 방법
- Zustand를 활용한 모달 관리 구현
- Web Vital을 개선할 수 있는 방안
- JWT와 세션의 연결 사용 방식
- 쿠키(Cookie), 세션(Session), 토큰(Token)의 정의와 차이점
- WebSocket - 실시간 통신을 위한 프로토콜
- Lighthouse - 웹페이지의 품질을 측정하는 오픈 소스 도구
- Jest - 테스트 프레임워크로 테스트 자동화를 쉽게 구현하기
- Next.js에서 WebSocket을 사용한 채팅 구현하기
- React Query - 서버 상태 관리를 위한 강력한 데이터 패칭 라이브러리
- Docker - 컨테이너 기반 애플리케이션 배포 및 실행 플랫폼
- CI/CD와 GitHub Actions, Docker- 자동화된 배포 파이프라인 구축하기
- Prisma와 PostgreSQL을 활용한 ORM 환경 구축 - Docker와 Railway를 이용한 배포 가이드
- Socket을 사용한 Read-Time 채팅 구현하기 - (4) useInfiniteQuery Hook 구현하기
- Socket을 사용한 Read-Time 채팅 구현하기 - (3) 채팅 메시지 컴포넌트 구현하기
- Socket을 사용한 Read-Time 채팅 구현하기 - (2) Socket으로 채팅 구현하기
- Socket을 사용한 Read-Time 채팅 구현하기 - (1) Socket IO 초기 세팅