프로젝트별로 Node Version 관리하기 개요 하나의 프로젝트를 할때는 상관없지만, 기존 레거시를 유지보수하면서, 새로운 프로젝트를 진행해야 할 때, 프로젝트별로 버전이 상이할 때가 있다. 그나마 요즈음은 nvm 있어서 버전을 쉽게 변경가능하지만 이마져도 귀찮은 것이 개발자의 게으름이 아닌가 싶다. 이번에는 프로젝트별로 node 버전을 자동으로 바꿔주는 방법을 사용하려고 한다. 준비물 (본작업은 m1 맥북에서 작업을 진행하였으나, intel 맥도 크게 다르지 않을것으로 추측된다) 1. NVM 2. 버전이 서로 다른 프로젝트 2개 이상 작업 # nvm install brew install nvm # nvm 환경설정 mkdir -p ~/.nvm # 생성된 nvm 환경으로 이동 cd ~/.nvm # 내용 ..
[flutter] 안드로이드 빌드시 해두면 좋은 설정들
안드로이드 빌드 해두면 좋은 설정들 1. flutter.minSdkVersion, flutter.targetSdkVersion 설정 Flutter를 하다보면, 기본값인 minSdkVersion과 targetSdkVersion이 너무 낮아서, 패키지를 한두개만 설치해도 경고가 뜨곤 한다. 그래서 프로젝트마다 build.grade 부분을 하드코딩하게 되는데, 자신 혹은 회사에서 생각하는 최소 버전이 있다면 flutter 기본설정으로 해두면 해당 경고가 뜨지 않는다. 해당 설정은 자신이 설치한 flutter 경로 아래에 있다. # flutter config 위치 # [flutter_home]/packages/flutter_tools/grade/flutter.grade // 최신버전 기준으로 위치가 변경되었다 ..
1. Laravel IDE Helper Laravel IDE Helper는 PHP IDE에서 Laravel의 Facade, 모델, 컨트롤러 등의 메소드와 속성을 자동으로 완성하게 해주는 도구입니다. IDE Helper를 사용하면 Laravel의 코드를 작성하는 데 매우 편리합니다. https://packagist.org/packages/barryvdh/laravel-ide-helper 2. Laravel Debugbar Laravel Debugbar는 개발자가 Laravel 애플리케이션의 디버깅을 쉽게 할 수 있도록 도와주는 패키지입니다. Debugbar를 사용하면 애플리케이션의 성능, SQL 쿼리, 메모리 사용 등의 정보를 쉽게 확인할 수 있습니다. https://packagist.org/package..
Flutter는 매우 강력한 프레임워크이며, 수많은 라이브러리와 패키지를 제공합니다. 이번에는 Flutter에서 가장 많이 사용되는 추천 라이브러리 몇 가지를 소개하겠습니다. 1. Provider Provider는 Flutter에서 가장 많이 사용되는 상태 관리 라이브러리 중 하나입니다. 이 라이브러리는 setState 없이도 상태를 관리하고 컴포넌트 간의 데이터 전달을 쉽게 할 수 있습니다. 또한, Provider는 의존성 주입을 지원하므로, 애플리케이션의 규모가 커질수록 관리하기 쉬워집니다. 2. Get Get은 Flutter에서 상태 관리와 라우팅을 보다 간단하고 쉽게 할 수 있도록 도와주는 라이브러리입니다. Get은 setState 없이도 상태를 관리하고, 효율적인 라우팅 시스템을 제공하여, 복잡..
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..