[앱 디자인] 앱 출시 준비하기

작성자: -
*이 문서는 지속적으로 업데이트 될 예정입니다

앱을 디자인하고 개발이 끝났다면 앱을 출시하기 위해 추가로 준비해야 할 것들이 있는데요,
이번에 처음으로 앱을 디자인하면서 겪은 시행착오를 나누고 유용한 사이트를 공유하려고 합니다 ^ㅁ^


앱 아이콘

아이프렌즈펫 앱 아이콘

안드로이드 / 아이폰 모두 필요로 하는 아이콘의 사이즈 수가 천차만별로 다양하고, 계속 추가되고 있는데요. 아래 사이트를 이용하시면 아이콘 사이즈를 자동적으로 맞춰줍니다.

http://icon.angrymarmot.org/



Walkthroughs

아이프렌즈펫 Walkthroughs

Walkthroughs 는 앱스토어에 앱을 소개하는 화면입니다.

*개수
2~4장

*내용: 
간단한 텍스트와 아이콘과 함께  앱의 핵심적인 기능을 잘 설명한 화면이면 충분합니다.

*팁
가능하면 앱 스크린샷은 집어넣지 않는 것을 권유드립니다.
왜냐하면.. 앱 디자인 업데이트 될 때마다 사소하게 끝없이 바꿔줘야해서 ㅠ_ㅠ

*사이즈
안드로이드는

1440x2560

이거 하나면 충분하구요.

애플스토어용 화면 사이즈는 찾아보면 사이즈가 엄청 많은데요, 다 필요하지는 않고

750x1334
1242x2208

이 두 가지 사이즈만 있으면 충분합니다. 750보다 작은 사이즈 스크린은(아이폰 4, 5 등) 750으로 리사이징 체크해서 등록할 수 있습니다. (아이폰 X 가 나오면 더 큰 사이즈가 필요해질수도 있겠네요)

* 포맷

PNG로 저장하는데 포토샵에서 저장할때 Transparency 를 체크 해제하고 투명도 없는 PNG 로 저장해야 앱스토어에 등록할 때 에러가 나지 않습니다.






댓글

댓글 쓰기

주간 인기글

[정보] 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다

작성자: -
이미지
[그림출처]  https://medium.com/@damln/instagram-is-listening-to-you-97e8f2c53023 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다. 문자 그대로. SNS는 사용자들이 자발적으로 공유하는 글, 사진 등의 정보를 모아서 그 데이터를 기반으로 어떤 사용자가 무엇에 관심이 있는지 파악하여 사용자들에게 가장 관심 있을 만한 광고를 보여주곤 합니다. 몇 년 전부터 페이스북은 앱의 마이크 접근 권한 을 사용하여 핸드폰 주위의 모든 대화 등의 소리를 수집.파악하여 폰 사용자가 무엇에 관심 있는지 데이터를 얻고, 타겟 맞춤 광고에 이 정보를 활용한다고 하는 의혹을 받아왔습니다. 페이스북에 인수된 인스타그램도 마찬가지로요. 저도 가끔 의아했습니다. 어떻게 내가 검색창에서 검색한 적도 없고, 사진도 찍은 적 없고, 글로 쓴 적도 없는 어떤 것에 대해서 인스타그램이 나에게, 그것에 관해 얘기한 지 10분 만에 정확히 그와 관련된 상품을 광고로 보여줄 수가 있지? 그런데 동일한 의문을 품은 유저들이 여러 명 있었던 것 같습니다. (관련글  https://www.imore.com/how-stop-facebook-accessing-your-microphone https://medium.com/@damln/instagram-is-listening-to-you-97e8f2c53023  ) 물론  페이스북이나 인스타그램은 공식적으로 '절대로 그렇지 않다' 고 발표하지만, 그렇다고 하더라도 혹시 있을 수 있는 사생활 침해에서 앱의 마이크 접근 권한을 차단하는 것은 나쁘지 않은 것 같습니다. 만약을 위해 사생활을 보호하려면, 페이스북이나 인스타그램 앱 설정 부분에서 페이스북 앱, 인스타그램 앱의 마이크 접근 권한을 비활성화 하시면 됩니다. 1. 아이폰 또는 설정에서 아래로 스크롤해서, 인스타그램 앱을 선택한 다음, 해당 앱의 마이크 권한 비활성화를 해도...
자세한 내용 보기

[Angular] 모델, 값이 바뀌었는데 화면 template 이 업데이트 되지 않을 때 조치 팁

작성자: -
안녕하세요. 명동섞어찌개입니다. Angular 로 화면을 만들다 보면 종종 서버에서 값을 읽어와서 비동기로 화면이 업데이트 되는 상황에서, 화면에 바뀐 값이 반영되지 않는 경우가 생깁니다. 분명 ts (typescript) 의 값은 바뀌었고, 서버에도 문제가 없는데 html template 화면만 값이 제대로 표시되지 않는 경우가 있습니다. 이럴 때 사용할 수 있는 간단한 방법을 공유하려고 합니다. 1. ngIf = "flag == true" 를 씁니다. data.html 1 2 3 4 5 < div * ngIf = "data.length > 1" > < span * ngFor = "let item of data; let idx=index" > < span >{{ item }}</ span > </ span > </ div > data.ts 1 2 3 4 5 6 7 8 9 10 11 12 13 14 data = null ; . . . getData () { this . dataService . getDatas (). subscribe ( data => { this . data = data . result ; }, ( { error } ) => { } ) } 비동기로 서버에서 값을 읽어올 때, 값이 들어온 시점에 (data.length > 1) 정확히 데이터를 들고 화면을 그려주기 위해 template 쪽에 ngIf 문을 이용해서 그려줍니다. 저런식으로 화면 일부가 데이터가 계속 바뀜에 따라 지속적으로 업데이트 되어야 하는데, 값은 잘 들어오지만 template 은 새로 그려지지 않을...
자세한 내용 보기

AWS CLI(Command Line Interface) 설치 및 환경설정 for MAC

작성자: -
AWS Command Lne Interface(이하 CLI)는 AWS 서비스를 터미널에서 명령어 기반으로 컨트롤하는 도구입니다. AWS SDK for Python (Boto)를 기반으로 되어 있으며, AWS의 모든 서비스를 관리할 수 있습니다. 리눅스는 Bash , Zsh , tsch 등의 일반적인 셸 프로그램을 사용하여 Linux, macOS, or Unix에서 명령을 실행하며, Window는 Microsoft Windows의 PowerShell 또는 Windows 명령 처리기(CMD)에서 사용할 수 있습니다. 또한 원격으로 putty 혹은 SSH등의 터미널을 이용할 수 도 있습니다. 예제 AWS S3 파일 업로드 $ aws s3 cp myvideo.mp4 s3: //mybucket/ 위와같이 aws 명령어에 s3 추가 서비스별 옵션으로 myvideo.mp4 파일을 손쉽게 S3 버킷에 업로드할 수 있습니다. AWS CLI 설치하기 for MacOS 최신 버전의 Python 및 pip를 설치한 다음, 이를 사용하여 AWS CLI를 설치할 수 있습니다. 1. Python.org 의 다운로드 페이지 에서 Python 3.6을 다운로드 및 설치합니다. 2.Python Packaging Authority에서 제공하는 스크립트를 사용하여 pip 를 설치합니다. $ curl -O https: //bootstrap.pypa.io/get-pip.py $ python3 get-pip.py --user 3.pip를 사용하여 AWS CLI를 설치합니다. $ pip3 install awscli --upgrade --user 4.AWS CLI가 올바르게 설치되었는지 확인합니다. $ aws --version AWS CLI 1.11.84 (Python 3.6.1) 구성하기 aws configure 명령을 실행하여  AWS CLI 설정할 수 있습니다. $ aws configure AWS Access Key ID [None]: AKIAIOSFODNN7EXAMPLE AWS Se...
자세한 내용 보기

AWS Lambda - API Gateway로 S3 파일 업로드 API 만들기 #1 - Lambda 함수 생성

작성자: -
이미지
안녕하세요. 남산돈가스입니다.  이번 포스팅에서는 웹을 개발하면서 가장 골칫거리지만 자주 쓰이게 될 수 있는 파일 업로드 기능 구현에 대해서 포스팅하려고합니다.  하지만 일반적인 파일업로드가 아닌, Lambda로 S3에 파일을 업로드 시키는 함수를 생성하고, 해당 Lambda함수를 API Gateway에 연결하여 multipart-form 형식으로 파일을 업로드하는 Serverless 파일업로드를 구현할 예정입니다.  이런 방식으로 업로드기능을 구현하게 되면, 추후에 어디든지 파일업로드 기능을 쓸 수 있는 Micro Service가 될 수 있습니다. 포스팅은 다음과 같이 3회에 걸쳐 진행되겠습니다. #1. Lambda 함수 생성 #2. API Gateway, S3 셋팅 #3. API Gateway - Lambda 연결 및 테스트 그렇다면 지금부터 그 첫번째 단계인 Lambda 함수 생성을 진행해보겠습니다. 먼저 Lambda 서비스에 접속한 뒤 Node.js 기반의 새로운 함수를 생성합니다. 함수를 생성하면 아래와 같이 트리거가 추가되지 않은 날것의 함수가 생성된 것을 확인하실 수 있습니다.  쥐도 새도 모르게 변하는 AWS 콘솔 덕분에(?) 매번 포스팅할 때마다 Lambdad의 콘솔화면이 다채롭게  변하고있네요...ㅎㅎ 기존의 포스팅에서는 위 사진처럼 인라인으로 편집하는 포스팅만 진행했었는데 금번 포스팅에서는 외부 node_module을 사용하는 경우라 로컬에서 작업한 소스를 ZIP파일 형식으로 업로드하여 함수를 생성해보겠습니다. 로컬 터미널에서 upload라는 폴더를 생성하고 index.js을 생성합니다. index.js 그리고 해당 함수에 필요한 node_module을 install 하기 위해서 npm install 명령어를 사용합니다. 필요 모듈 aws-sdk : AWS javascript sdk 모듈 parse-m...
자세한 내용 보기

android studio에서 VCS 불필요한 파일 제외 시키기

작성자: -
이미지
android 프로젝트 형상관리 위하여 svn, git을 사용하다 보면 프로젝트 빌드시에 생성되는
 파일들로 인하여 conflict로 고생한 흔히 있을 것 입니다.


 이클립스에서 개발 하던 시절에도 svn, git을 사용할때 빌드시 생성되는 파일들은 목록에서
제거하기 위하여 여러가지 작업을 해주었던 기억이 납니다.
 android studio에서도 이런 파일들을 대상 목록에서 제외 시킬수 있습니다.


 설정하는 방법을 하나씩 따라가보도록 하겠습니다.


 Mac : 좌측 상단의 Android Studio -> Prefrences... -> Version Control -> Ignored Files
 Window : File -> Settings -> Version Control -> Ignored File Version Control메뉴 선택후 하단 추가(+)버튼을 선택해 주세요.


 제외시킬 파일, 폴더, 마스크를 추가해주시면 됩니다.
 Ignore specified file : 파일 설정

 Ignore all files matching : 폴더 설정
 Ignore all files matching : 마스크설정(해당 텍스트가 해당되어 있는 파일) 

File: *.iws (select Ignore all files matching option to add this pattern)
 File:.idea/workspace.xml
 File: .gradle
 Directory: .idea/libraries/
 Directory: build/
 File: local.properties
 Directory: app/build/ (this must be for every modu...
자세한 내용 보기