ruriruriya

Flutter로 만든 안드로이드 앱을 Google Play에 올리려면 앱 서명이 필수다.키스토어를 만들어서 .aab 파일에 서명을 해야 등록할 수 있다.내가 실제로 했던 전체 과정을 정리해본다✅ 1. 키스토어(.jks) 생성하기터미널에서 아래 명령어를 실행한다: keytool -genkey -v \ -keystore ~/daedo-android-key.jks \ -alias my-key-alias \ -keyalg RSA \ -keysize 2048 \ -validity 10000키를 생성할 때는 아래 정보를 입력하게 된다:키스토어 비밀번호 (storePassword)이름/조직/지역/국가코드키 비밀번호 (store와 동일하게 해도 된다)생성된 .jks 파일은 홈 디렉토리에 저장된다. ✅ 2. key.pr..

웹뷰 앱을 만들면 뒤로가기 버튼을 누를 때 앱이 꺼지는 현상이 발생한다.그럴 때 앱 개발 쪽에서 컨트롤을 해줘야 한다.플러터로 그렇게 컨트롤 기능 구현하여 기록한다.하지만 iOS는 뒤로가기 스와이프 기능이 있는데 webview_flutter 패키지에서는 구현을 하지 못했다.InAppWebView로는 구현이 가능하다는 데 다음엔 InAppWebView로 웹뷰를 구현해서 해봐야겠다. 0. 웹뷰 구현하기https://ruriruriya.tistory.com/270 [Flutter] 플러터 웹뷰 앱 만들기 (package:webview_flutter)플러터로 웹뷰 앱을 구현하는 방법! 노치와 상태바 부분 SafeArea로 처리해서 편안하게 볼 수 있도록 한다.0. 프로젝트 생성은 생략.. 1. 웹뷰 플러그인(w..

플러터로 웹뷰 앱을 구현하는 방법! 노치와 상태바 부분 SafeArea로 처리해서 편안하게 볼 수 있도록 한다.0. 프로젝트 생성은 생략.. 1. 웹뷰 플러그인(webview_flutter) 추가 - pubspec.yaml아래와 같이 dependencies 추가하고 터미널에서 pub get으로 패키지 추가dependencies: flutter: sdk: flutter webview_flutter: ^4.11.0 # (최신 버전 확인) 2. 네이티브별 설정2.1. Androidandroid/app/src/main/AndroidManifest.xml 에 인터넷 권한 추가 ... 2.2. iOSios/Runner/Info.plist 에 아래 내용 추가iOS 앱은 기본적으로 보안상..

✅ 안드로이드 Release APK APK 수동 서명 및 배포 방법안드로이드 프로젝트를 릴리즈 모드로 빌드한 후, 수동으로 APK에 서명하고 배포하는 절차를 정리해본다.자동 서명이 어려운 환경(예: 키오스크, 테스트 장비 등)에서는 수동 서명이 더 확실한 방법이 될 수 있다.1️⃣ 릴리즈 APK 빌드 (unsigned)./gradlew assembleRelease빌드가 완료되면 다음 경로에 app-release-unsigned.apk가 생성[프로젝트]/app/build/outputs/apk/release/app-release-unsigned.apkunsigned APK를 먼저 만드는 이유Android Gradle Plugin은 보안을 위해 자동 서명을 하지 않음릴리즈 모드로 빌드하면 최적화된 바이너리(...

안드로이드 기기가 옛날 버전이라 최신 안드로이드 스튜디오에서 빌드/실행이 힘든 상황이 왔다....그러다가 버전을 낮춰서 다운로드 받아야 한다는데 구버전을 다운로드 받으려니 찾질 못했다..근데 문제는 한국어 버전으로 들어가면 구 버전을 받을 수 없는 것이었다..해결방법은 간단했다. 다운로드 받는 페이지에서 언어를 영어로 바꾸는 것...! 1. 안드로이드 스튜디오 다운로드 자료실 접속https://developer.android.com/studio/archive Android 스튜디오 다운로드 자료실 | Android Studio | Android Developers이 페이지에는 Android 스튜디오 출시 관련 다운로드 자료실이 포함되어 있습니다.developer.android.com그러면 아래와..

Vite는 빠르고 가벼운 프론트엔드 빌드 도구로, 기존의 create-react-app보다 훨씬 빠르게 React 프로젝트를 설정할 수 있다. 1️⃣ Vite로 React 프로젝트 생성하기📌Vite 설치 및 프로젝트 생성Vite를 사용하려면 아래 명령어를 실행- my-project 는 프로젝트 폴더명이다. 원하는 이름으로 변경npm create vite@latest my-project --template react 설치가 완료되면 아래 명령어로 프로젝트 폴더로 이동한다.cd my-project 📌 의존성 설치설치가 끝나면 Vite 개발 서버를 실행할 준비가 완료된다.npm install 2️⃣ 개발 서버 실행하기Vite의 가장 큰 장점 중 하나는 빠른 개발 서버 실행 속도이다.(추천 이유)npm ru..

React를 사용하다 보면 DOM(Document Object Model)이라는 개념이 자주 등장한다.React는 일반 DOM과 다르게 가상 DOM(Virtual DOM)을 사용한다.그렇다면 일반 DOM과 가상 DOM의 차이점, 그리고 React에서 DOM이 어떻게 동작하는지 정리해보자. 1️⃣ DOM이란? ✅ DOM (문서 객체 모델, Document Object Model)HTML 문서를 브라우저가 이해할 수 있도록 객체 트리 구조로 변환한 것이다.즉, 웹페이지의 구조를 나타내는 프로그래밍 인터페이스라고 할 수 있다.📌 DOM의 예시HTML이 다음과 같다고 가정하자. 안녕, React! 클릭➡️ 브라우저는 이 HTML을 DOM 트리 구조로 변환한다.Document ├── ├── ..

React에서 **객체(Object)**는 상태(state)나 props를 관리할 때 자주 사용된다. 객체는 여러 개의 속성을 포함할 수 있으며, 불변성을 유지하는 것이 중요하다. React에서 객체를 다룰 때 주의해야 할 점과 올바른 사용법을 정리해본다.1️⃣ 객체(Object)란?객체는 여러 개의 값을 하나의 구조로 묶어 관리할 수 있는 자료형이다. JavaScript에서는 {}(중괄호)를 사용하여 객체를 생성할 수 있다.const user = { name: "철수", age: 25, isAdmin: false};user라는 객체를 생성하고, name, age, isAdmin이라는 속성을 가진다.속성 값은 문자열, 숫자, 불리언 등 다양한 데이터 타입이 될 수 있다. 2️⃣ React에서 객체를..