23.02.16 next js 공부 Shallow Routing Next.js에서 제공하는 Shallow Routing은 클라이언트 측에서 브라우저의 주소 표시줄의 URL을 변경하는 것으로, 새로운 페이지를 가져오지 않고 현재 페이지에서 데이터를 가져오는 기능을 제공합니다. 이를 통해 페이지 이동 시에도 페이지의 초기 데이터를 유지할 수 있으며, 불필요한 서버 요청을 줄일 수 있습니다. Shallow Routing은 next/router 모듈의 push, replace, back, reload 메서드에서 사용할 수 있으며, 다음과 같이 사용할 수 있습니다. import { useRouter } from 'next/router'; function MyComponent() { const router = us..
23.02.15 공부 정리 Nextjs 로 구현가능한 종류 (Data Fetching) Next.js는 React 기반의 프레임워크로, SSR(Server Side Rendering), SSG(Static Site Generation), CSR(Client Side Rendering) 등의 다양한 페이지 렌더링 방식을 지원합니다. 이번에는 각각의 방식에 대해 알아보도록 하겠습니다. SSR (Server Side Rendering) SSR은 서버에서 HTML을 생성하는 방식입니다. 클라이언트가 페이지를 요청하면, 서버에서 해당 페이지의 HTML을 미리 렌더링하여 클라이언트에 전달합니다. 이를 통해 초기 로딩 속도를 개선하고 SEO(Search Engine Optimization)를 최적화할 수 있습니다. ..
출처 : https://pub.dev/packages/drift drift | Dart Package Drift is a reactive library to store relational data in Dart and Flutter applications. pub.dev [라이브러리] Drift flutter 에서 sqlite를 ORM 으로 작성하게 해주는 라이브러리 설치 flutter pub add drift flutter pub add sqlite3_flutter_libs flutter pub add path_provider flutter pub add path flutter pub add --dev drift_dev flutter pub add --dev build_runner Todo table ..
출처 : https://pub.dev/packages/freezed freezed | Dart Package Code generation for immutable classes that has a simple syntax/API without compromising on the features. pub.dev [라이브러리] Freezed Flutter 의 모델을 편하게 만들어주는 라이브러리. (모델을 생성하고 반복적으로 작업해야하는 작업들이 한번에 처리되는 편의 기능 제공 ) # 설치 flutter pub add freezed_annotation flutter pub add --dev build_runner flutter pub add --dev freezed # json_annotaion 까지 사용할 ..
라라벨 모던하게 DTO 사용하기 (feat: Laravel Spring) 필요패키지 : # laravel-data $ composer require spatie/laravel-data $ php artisan vendor:publish --provider="Spatie\LaravelData\LaravelDataServiceProvider" --tag="data-config" # laravel-route-attributes $ composer require spatie/laravel-route-attributes $ php artisan vendor:publish --provider="Spatie\RouteAttributes\RouteAttributesServiceProvider" --tag="config..
Laravel Swagger 쉽게 적용하기 (feat. vyuldashev/laravel-openapi 패키지 ) PHP에서 Swagger를 적용하면 코드보다 더 길은 주석을 보게 될 것이다. 물론 Phpstorm에 플러그인을 달면 좀 편하게 쓸 수는 있지만, 이러한 단순 노가다를 하면서, 우리는 한 번쯤 이런 생각을 한다. ( 뭐 자동화나 클래스로 하는 방법은 없을까? ) PHP 쪽에도 이러한 움직임이 아예 없지는 않다. 그중 필자가 추천하는 패키지는 아래와 같다. https://vyuldashev.github.io/laravel-openapi/ 필자가 해당 패키지를 선택한 이유 1. 문서 작성을 주석에 의존하지 않고 재활용이 가능했으면 좋겠다. 2. 커스텀이 자유로웠으면 좋겠다 위에 2가지가 모두 부..