본문으로 건너뛰기
애플 앱 출시

애플 앱 출시

모든 과정에서 다운로드 버튼이 있다면 다운로드를 해주세요.

  1. 먼저 CSR 인증서를 발급받기위해 맥북에서 키체인 접근 -> 상단의 키체인 접근 -> 인증서 지원 -> 인증 기관에서 인증서 요청 을 눌러줍니다.

사용자 이메일 주소를 입력해주고, 요청 항목에 디스크에 저장됨, 본인이 키 쌍 정보 지정 을 선택해주고 완료해줍니다.

  1. 애플 개발자 페이지로 들어가서 Certificates, Identifiers & Profiles 를 들어가주세요.

  2. Certificates 에서 IOS Distribution (App Store Connect And Ad Hoc)을 체크하고 Continue를 해주세요.


O-h-y-o1분 미만AppAppleAppDeploySetting
xcode 설치 및 초기 세팅

xcode 설치 및 초기 세팅

  1. 스토어에서 Xcode 설치

  2. cocoapods 설치

$ brew install cocoapods
# or
$ sudo gem install cocoapods

O-h-y-o1분 미만AppXcodeAppXcode setting
키 해시

키 해시

해시(Hash)는 데이터를 고정된 크기의 고유한 값으로 변환하는 함수나 알고리즘을 의미합니다. 주로 데이터의 무결성을 확인하거나, 데이터 검색의 효율성을 높이기 위해 사용됩니다. 안드로이드 개발에서는 해시를 주로 키 해시(Key Hash) 형태로 사용합니다.

**키 해시(Key Hash)**란 안드로이드 애플리케이션의 서명 키를 해싱한 결과로, 주로 외부 API 서비스(예: 카카오맵 API)를 사용할 때 보안 목적으로 사용됩니다. API 제공자는 애플리케이션이 올바르게 서명된 것인지 확인하기 위해 키 해시를 요구합니다.


O-h-y-o1분 미만AppAppAndroid Key HashCross Platform
플러터 기초

플러터 기초

플러터의 기본 위젯 4가지

플러터는 위젯을 조합하여 뷰를 그려냅니다.

Text, Image, Icon, Box 기본 4가지가 있습니다.

이미지 같은 경우 다음과 같이 설정해주세요.

pubspec.yaml
이 파일은 앱에서 필요한 모든 것들이 담겨있는 파일입니다.

이곳에 이미지를 등록시켜주어야 합니다.

프로젝트 루트에 assets 폴더를 만들어주고 안에 이미지를 넣어주고, pubspec.yaml에 다음과 같이 해주시면 됩니다.


O-h-y-o약 2 분AppFlutterCross PlatformAppFlutterCross Platform
Flutter 설치

Flutter 설치

Flutter 다운로드

https://docs.flutter.dev/get-started/install

해당 링크를 들어가서 자신의 운영체제에 맞는 것을 찾아서 다운로드를 받고, 압축 해제를 해주세요.


환경변수 설정

Window의 경우 환경 변수를 들어가서 사용자 변수에 path에 flutter를 압축 해제한 경로에서 /bin 을 추가하여 적은 뒤 생성해주세요.


O-h-y-o1분 미만AppFlutterCross PlatformAppFlutterCross Platform
사용자에게 앱 업데이트 소식 알리기

사용자에게 앱 업데이트 소식 알리기

Capacitor는 웹뷰를 사용하기 때문에 단순 컨텐츠 업데이트는 웹을 통하여 가능합니다.

하지만 카메라 사용, 키보드 이벤트 같은 경우에는 순수 자바스크립트로는 접근할 수가 없기 때문에 플러그인을 이용하여 접근할 수 있습니다.

이번 글은, 웹 업데이트가 아닌 앱 자체 업데이트가 되었고 사용자에게 스토어에서 업데이트를 받게 하는 방법입니다.

우선 @capacitor/app-launcher 와 @capacitor/app, @capacitor/core 를 설치해주세요.


O-h-y-o1분 미만AppCapacitorQuasarAppCapacitorQuasar