Home

2024
frontendvite

Vite 사용해보기

Vite란 무엇인가?Vite는 번들러 기반의 도구들의 성능 문제를 해결하고자 개발되었습니다. 전통적인 번들러들이 프로젝트의 모든 파일을 빌드하는 데 필요한 시간 때문에 개발자의 생산성을 저하시키는 문제를 가지고 있었는데, Vite는 몇 가지 핵심 기능을 통해 이를 개선했습니다. Vite의 사용해야하는 이유공식홈페이지공식 홈페이지에 자세하게 나와있습니다.요약

frontendreact

Gatsby에서 sanity 서비스 사용하기

Sanity란?블로그, 쇼핑몰 등을 편리하게 관리할 수 있는 서비스입니다.gatsby에서 서버를 사용하지 않고, 정적 블로그를 작성할때 md 파일을 통해서 작성을 하게되는데, 파일 관리가 어려울 뿐더러 프로젝트의 크기가 방대해지는 단점이 있습니다.이 부분에서 보완도 되고, 추가적으로 간편하게 관리도 할 수 있는 외부 서비스가 Sanity입니다. 장점이라면

etcetc

Firebase Cloud Messaging(FCM) 설정

프로젝트 설정 > p.12인증서 내보내기 > APNs키발급 > firebase 업로드firebase docs에서 참고할 수 있습니다. IOS 설정인증서 설정 Xcode 프로젝트 작업공간(ios/Runner.xcworkspace)을 엽니다. 푸시 알림을 사용 설정합니다. 백그라운드 가져오기 및 원격 알림 백그라운드 실행 모드를 사용 설정합니

frontendreact

Gatsby에 Tailwindcss 추가하기 (팁 CLI 방법)

설치하기Gatsby 프로젝트에서 tailwindcss 프로젝트를 추가할때 사용하는 방법입니다.추가로 프로젝트마다 tailwindcss를 쉽게 추가할 수 있는 팁도 알려드리겠습니다. 12npm install -D tailwindcss postcss autoprefixer gatsby-plugin-postcssnpx tailwindcss init -p tai

2023
frontendflutter

flutter local notification 사용하기

패키지 설치1flutter pub add flutter_local_notifications local notification 패키지를 설치해 줍니다. Android 프로젝트경로/android/app/src/main/AndroidManifest.xml에 다음을 추가합니다. 12android:showWhenLocked="true"android:turnScre

frontendflutter

flutter splash screen과 app icon 설정

12flutter pub add flutter_native_splashflutter pub add flutter_launcher_icons 패키지를 설치합니다 AppIcon을 제작할때는 Kitchen Icon Site를 참고합니다. 코드 추가pubspec.yaml 파일 맨 하단에 다음 코드를 추가해주도록 합니다.다음 경로에 이미지가 있어야합니다. ass

frontendflutter

안드로이드 flutter 빌드시 주의사항

안드로이드 빌드하기구글 플레이 콘솔에서는 aab파일을 업로드 해야합니다. flutter 프로젝트 루트에서 다음 커맨드를 입력합니다. 1flutter build appbundle 위의 커맨드를 입렵하면 aab파일로 번들이 됩니다. apk 파일로 따로 다운로드 받고 싶을때는 다음처럼 커맨드를 입력하면 됩니다. 1flutter build apk 빌드 버전버전

frontendflutter

flutter firebase crashlytics 추가하기

firebase crashlytics는 사용자가 앱을 사용하면서 발생하는 크리티컬한 에러들이 발생한 내역을 확인할 수 있는 서비스입니다. 공식 문서 먼저 이전에 firebase 기본 설정들을 해줍니다.설정방법은 이전 포스트에서 다루었습니다 1flutter pub add firebase_crashlytics 1flutterfire configure 두가지

frontendflutter

flutter firebase 초기 설정하기

firebase 사이트에서 기본적으로 설정이 완료 되어있는 상태 firebase-tools을 설치한다. 1npm i -g firebase-tools 컴퓨터에 firebase의 id,pw 가 등록되어있어야한다.파이어베이스 로그인을 진행한다. 1firebase login configure를 입력하면 자동으로 flutter에 맞게 appId 값들이 지정된다.