리액트란 UI를 렌더링하는데 기여하는 Javascript Library로 프레임워크가 아닌 자유로운 형식이다.라이브러리이기 때문에 대부분의 것들이 정해져있는 프레임워크와 달리 필요한 리액트 생태계의 수많은 라이브러리를 적절하게 가져와서 사용해야한다. 리액트는 여러 컴포넌트 조각으로 구성되어 있으며, 클래스형 컴포넌트와 함수형 컴포넌트가 있다.초기에는 클래스형 컴포넌트를 사용하다가 React Hooks가 출시된 이후 함수형 컴포넌트를 더 많이 사용한다. 리액트 프로젝트를 생성하기 위해서는 Node.js와 NPM이 필요한데 리액트 앱은 웹 브라우저에서 동작하기 때문에 실행에 꼭 필요한 것은 아니지만, 개발에 필요한 주요 도구들(바벨, 웹팩 등)을 사용하기 위함이다. Virtual DOM웹 페이지 빌드 과정에..

플러터 강의를 수강하며 공부하는 도중 pubspec의 의존성 버전 충돌 문제가 발생했다.전부 바꾸기는 너무 귀찮았기 때문에 해당 강의에서 사용하는 flutter 버전으로 다운그레이드를 결정했고, 프로젝트 마다 flutter 버전을 다르게 가져갈 수 있어야겠다는 생각을 하게되어 FVM(Flutter Version Manager)을 알아보게 되었다. Windows의 경우 chocolatey를 통해 설치할 수 있다,choco install fvm MacOS의 경우 homebrew를 사용해서 설치할 수 있다.brew install fvmfvm --version   FVM 사용 방법릴리즈 명령어를 통해 모든 플러터 버전을 확인할 수 있다.fvm releases 원하는 버전을 install 명령어로 설치하면 된다...

Flutter에서는 프레임워크 엔진이 초기화 되는 동안 Native Splash Screen이 노출된다. Native Splash Screen을 대응하지 않으면 IOS의 경우 흰 화면이 노출되는데 이는 App Store 심사에서 Reject 사유가 된다.Android의 경우 위 이미지와 같이 기본 Native Splash Screen이 존재한다.  Native Splash Screen 적용 방법pub.dev에서 flutter_native_screen 설치 가이드를 따라가 보자.  아래 명령어를 통해 의존성을 설치하고, 문서를 따라 flutter_native_splash.yaml를 프로젝트 root 경로에 생성하고, 적용하고 싶은 옵션의 주석을 풀어 작성하면 된다.해당 문서를 읽어보면 Splash 이미지를..

Meilisearch 설치 방법은 지난 포스팅에서 다루었고, 오늘은 실제 spring에서 사용하는 예제를 기록하려고한다.구글에 한국 블로그 중에 meilisearch를 실제로 사용한 예시 코드가 잘 없다.. 의존성 추가 (Maven)pom.xml에 아래와 같이 meilisearch sdk를 추가한다. 나의 경우 다른 버전의 okhttp를 사용해야하는데 meilisearch sdk 내부적으로 okhttp를 사용하기 때문에 exclusion으로 제외하고, 따로 주입하였다. 문제가 없는 사람들은 exclusions는 무시하고 진행하면 될 듯하다.  com.meilisearch.sdk meilisearch-java 0.14.1 com.squareup.ok..