Next.js에서 자연스러운 Page Transition 방법 react-spring 과 "next-page-transitions"을 이용한 두가지 방법을 아래와 같이 예제로 구현했다다. 아래는, react-spring을 사용한 예제이다. 조금 시간을 두고 기다리면 결과를 볼 수 있다. 여기에서, "About", "Hello Day" 등을 클릭하면, 화면(page)이 겹치며(overlapped) 바뀌는 것을 알 수 있다. 아래는, Next.js의 Page Transition 은 " react-transition-group " 사용한 예제이다. 차이가 구분이 되는가? 둘다, 비슷해보이지만, next-page-transitions은 실제로 화면이 겹쳐지지 않고, 앞 페이지가 사라짐과 동시에 뒷 페이지를 나타내게 되어서 실제 DOM이 교체되어 버리기 때문에, 겹치며 사라지는 기능이 아니다. 반면, react-spring을 사용한 예제는, 앞 페이지가 뒷 페이지가 나타나서도 일시적으로 존재하는 구조로 되어, 겹치며 사라지는 화면을 구현할 수 있다. 실제 겹치며 사라지는 형태가 아니라, 페이지의 fade-in/out 정도와 같은 animation으로 충분하다면, 무엇을 사용하든 큰 문제가 되지 않는다. * 출처 - react-spring: https://codesandbox.io/s/react-spring-nextjs-routes-q80c6 - next-page-transitions: https://github.com/zeit/next.js/tree/canary/examples/with-next-page-transitions
[flutter] Android - Package간 sdk version 등이 맞지 않아 오류가 발생하는 경우 에러 문구: Launching lib\main.dart on sdk gphone64 x86 64 in debug mode... Running Gradle task 'assembleDebug'... ...\android\app\src\debug\AndroidManifest.xml Error: uses-sdk:minSdkVersion 16 cannot be smaller than version 21 declared in library [:some_package] ...\intermediates\merged_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 16 Suggestion: use a compatible library with a minSdk of at most 16, or increase this project's minSdk version to at least 21, or use tools:overrideLibrary="com. some_package" to force usage (may lead to runtime failures) FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:processDebugMainManifest'. > Manifest merger failed : uses-sdk:minSdkVersion 16 cannot be smaller than version 21 declared in library [:some_package] ...\build\awesome_notifications\intermediates\merged_manifest\
Chochlatey upgrade 절차는 아주 간단하다. Windows Terminal (혹은 Command LIne)에서, 아래와 같이 싫행하면 된다. 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 31 32 33 34 35 36 37 38 39 40 41 42 C:\Users\ * * * > choco upgrade chocolatey - y4 Chocolatey v1. 2. 1 Upgrading the following packages: chocolatey By upgrading, you accept licenses for the packages. You have chocolatey v1. 2. 1 installed. Version 1. 4. 0 is available based on your source(s). Progress: Downloading chocolatey 1. 4. 0. .. 100 % chocolatey v1. 4. 0 chocolatey package files upgrade completed. Performing other installation steps. Creating ChocolateyInstall as an environment variable (targeting 'Machine' ) Setting ChocolateyInstall to 'C:\ProgramData\chocolatey' WARNING: It 's very likely you will need to close and reopen your shell before you can use choco. Restricting write permissions to Administrators We are setting up the Chocolatey package repository. The package
댓글
댓글 쓰기