감성 개발자

2023. 02. 16 Next.js는 React 기반의 서버사이드 렌더링 프레임워크입니다. 이를 통해 React를 사용한 웹 어플리케이션을 개발할 때 SEO(Search Engine Optimization) 최적화, 초기 로딩 속도 개선 등의 이점을 얻을 수 있습니다. 이번에는 Next.js에서 많이 사용되는 Link 컴포넌트에 대해 알아보도록 하겠습니다. Link 컴포넌트란? Link 컴포넌트는 Next.js에서 제공하는 내장 컴포넌트로, 페이지 간의 이동을 가능하게 해주는 역할을 합니다. 일반적인 태그와 달리 페이지 이동 시, 브라우저가 새로운 페이지를 서버로부터 다시 불러오지 않고, Next.js가 제공하는 클라이언트 사이드 라우팅 방식으로 페이지 이동이 가능합니다. Link 컴포넌트의 사용법 L..

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..