일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 2623
- dp
- 자료구조
- tfjs
- WebRTC란
- 구슬탈출
- TDD
- c++
- 데이터 링크 계층
- LOLIN D32
- 백준
- REACT
- ESP32
- 메모리계층
- 구현
- 9996
- mediastream
- OpenVidu
- 백준 2133
- 테스트주도개발
- 페이지교체알고리즘
- 1796
- 3XN 타일링
- stl
- RBT
- 풀이
- Vite 사용 이유
- 13459
- 적두트리
- TDD란?
- Today
- Total
목록프로젝트 (11)
그냥 블로그
https://nextjs.org/learn/dashboard-app/static-and-dynamic-rendering Learn Next.js: Static and Dynamic Rendering | Next.jsUnderstand how rendering works in Next.js, and make your dashboard app dynamic.nextjs.org 정적 렌더링?정적 렌더링을 사용하면 빌드 시(배포 시) 또는 재검증 중에 데이터 가져오기 및 렌더링이 서버에서 발생한다. 결과는 CDN(Content Delivery Network) 에 배포 및 캐시될 수 있습니다. CDN(Content Delivery Network) 많은 장소에 걸쳐 분산된 서버들의 그룹. 서버들은 데이터의 중복 ..
해당 포스트는 다른 포스트들을 참고, 정리, 발췌한 개인 공부용 정리글입니다. React Query 사용 이유Client Stateclint에서만 관리하는 정보들 (ex. input의 text)사용자가 선택한 언어, theme 등Server Stateserver에서 받아오는 모든 데이터 클라이언트에서 서버 데이터의 캐시를 관리loading, error state를 관리pagination, infinite scroll도 쉽게 처리할 수 있도록 지원prefetching을 쉽게 처리할 수 있도록 지원error 발생 경우 자동으로 재시도request가 성공하거나 실패했을 시 각각 callback을 정의 가능짧은 보일러플레이트 코드 React Server ComponentsReact Query에 들어가기 전..
Learn Next.js | Next.jsLearn how to build a full-stack web application with the free, Next.js App Router Course.nextjs.org Docs | Next.jsWelcome to the Next.js Documentation.nextjs.org Next.js 주요 특징Routing Rendering Data Fetching Styling Optimizations TypeScript 앱 라우터와 페이지 라우터공식문서 페이지 라우터 : 서버에서 렌더링된 React 애플리케이션을 구축할 수 있게 해 주고 이전 Next.js 애플리케이션에 대해 계속 지원되는 최초의 Next.js 라우터 앱 라우터 : 서버 구성 요소 및 스..
WALFI의 웹 버전을 만들게 되었다. 아쉬운 기능들도 있고, 추가해보고 싶은 내용도 있기도 해서 Backend도 약간 건들게 되었다. 팀원들이 만들어놓은 백엔드 기반으로 수정하는 거기 때문에, 우선 세팅부터 하고 들어가기로 했다. 1. JSP Backend 실행...이 단계는 굉장히 쉬웠다... InteliJ 설치 , MySQL 설치만 진행해주면 된다. 1) java 버전2) jdk 버전3) MySQL 버전 정도 맞춰 줬다. 1+2) 우선 java는 build.gradle 파일에 아래 부분에서 11버전인 걸 확인할 수 있었고 java -version 명령어로 java 설치되어 있는지 확인해 보니까, 11버전이길래 건들게 없었다. 3) MySQL 버전DB는 src/ resources/applica..
[React + CSR SSR] 에전에 한 번 CSR SSR을 다뤘던 적이 있다. + SPA MPA까지 아무래도 Framework을 다루는 FrontEnd한테는 무시할 수 없는 개념인 것 같다. 또, 많은 기업들에서 사용하고 있기도 하고... 이번에 플젝 + 리팩에서 검색 엔진에 걸리게 해야할 부분이 생겨Next.js를 사용해보기로 했다. 근데 생각보다 고려해줘야 할 게 많아서 한 번 블로그 글로 정리해보려고 한다. 사실 SSR은 예전에 쓰던 렌더링 방법이니 조금이라면 VanilaJS 섞어서 쓰면 될 거 같기도 하고?? 이 부분도 나중에 한 번 알아봐야... CRA안 쓰면 되지 않을까..? SSR 구현 방법 알아보니 SSR을 구현하는 방법도 몇 개 더 있는 것 같다. Next, Nuxt 만 알았는데...