분류 전체보기45 React.JS, Next.JS, shadcn/ui 에서 dark mode 설정하기 목표 React.JS와 Next.JS, shadcn/ui로 구성된 프로젝트에 dark mode를 적용하는 법을 알아보자. 다크모드 변경 Next.JS 프로젝트 셋팅 아래와 같은 create-next-app 명령어로 Next.JS 14버전의 새로운 프로젝트를 생성한다. $ npx create-next-app@latest next-dark 명령어를 실행하면 사용자에게 몇가지 질문을 하는데 아래와 같이 src 디렉토리만 No를 선택하고, Tailwind CSS, App Router는 사용하도록 Yes를 선택한다. Need to install the following packages: ✔ Would you like to use TypeScript? … No / Yes > Yes ✔ Would you like t.. 2023. 12. 20. flutter upgrade 할때 만난 에러메시지 회사에서 뿐만 아니라 개인적으로도 React Native를 주력으로 사용했지만, React Native를 사용할때 항상 아쉬운 점이 버전 업그레이드를 할때였다. 오죽하면 https://react-native-community.github.io/upgrade-helper/ 와 같은 업그레이드를 도와주는 커뮤니티 도구까지 따로 있을까. 물론 플러터도 다트 언어에 Null Safety가 들어가면서 마이그레이션 툴을 따로 실행해야 했지만, 그때를 제외하곤 버전업의 난이도가 훨씬 낮은것도 사실이다. 간만에 버전업을 하기 위하여 flutter upgrade 명령어를 입력하였는데 아래와 같은 메시지를 만났다. Unknown flutter tag. Abandoning upgrade to avoid destroying .. 2023. 9. 2. Flutter에서 Android 빌드시 multidex 설정법 Flutter로 개발한 앱을 Android에서 빌드 할 경우 메쏘드가 64k를 초과했다며 multidex 사용 설정을 하라는 아래와 같은 메시지를 만날때가 있다. 앱 빌드시 다음과 같은 에러메시지가 나타난다 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:mergeExtDexDebug'. > A failure occurred while executing com.android.build.gradle.internal.tasks.DexMergingTaskDelegate > There was a failure while executing work items > A failure occurred w.. 2023. 3. 14. Flutter의 ElevatedButton 색상 ElevatedButton은 배경색을 적용하여도 tint값과 섞인 색상이 나오게 된다. 디자이너가 지정한 정확한 색상을 버튼에 적용하기 위해선 아래 코드와 같이 surfaceTintColor에도 같은 색상을 적용해줘야만 한다. ElevatedButton( style: ElevatedButton.styleFrom( backgroundColor: Color.fromARGB(255, 3, 199, 90), surfaceTintColor: Color.fromARGB(255, 3, 199, 90), foregroundColor: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), onPressed: (.. 2022. 11. 28. 이전 1 2 3 4 5 ··· 12 다음
