본문 바로가기

분류 전체보기

 (332)
[앱 디자인] 벤치마킹에 유용한 사이트 *이 문서는 지속적으로 업데이트 될 예정입니다. 앱 디자인을 처음으로 시작하면서 많은 자료를 웹에서 찾았는데요, 이미 많이들 아시겠지만 유용한 사이트를 공유하려고 합니다. Behance [UI, BI, App, Web] https://www.behance.net/ 디자이너들 사이에 가장 유명한 포트폴리오 사이트이지요? ㅎㅎ 지인의 지인이 심플한 아이콘 디자인을 이곳에 올렸다가 애플 본사에서 연락이 와서 채용되었다는 깜짝 놀랄 소식도 들은 적 있습니다. ㅎㅎ 그만큼 디자이너들이 자신의 포트폴리오를 어필할 수 있는 공간이고 퀄리티 높은 작업물들이 아주 많구요. Adobe ID로 로그인해서 마음에 드는 포트폴리오를 저장할 수 있습니다. Dribble [인터랙션, 모션, 컬러] https://dribbble.c..
[앱 디자인] 앱 출시 준비하기 *이 문서는 지속적으로 업데이트 될 예정입니다 앱을 디자인하고 개발이 끝났다면 앱을 출시하기 위해 추가로 준비해야 할 것들이 있는데요, 이번에 처음으로 앱을 디자인하면서 겪은 시행착오를 나누고 유용한 사이트를 공유하려고 합니다 ^ㅁ^ 앱 아이콘 아이프렌즈펫 앱 아이콘 안드로이드 / 아이폰 모두 필요로 하는 아이콘의 사이즈 수가 천차만별로 다양하고, 계속 추가되고 있는데요. 아래 사이트를 이용하시면 아이콘 사이즈를 자동적으로 맞춰줍니다. http://icon.angrymarmot.org/ Walkthroughs 아이프렌즈펫 Walkthroughs Walkthroughs 는 앱스토어에 앱을 소개하는 화면입니다. *개수 2~4장 *내용: 간단한 텍스트와 아이콘과 함께 앱의 핵심적인 기능을 잘 설명한 화면이면 ..
Node.js를 이용하여 Android 푸시기능 구현 안녕하세요 남산돈가스입니다. 오늘은 지난 포스팅에 이어 Nodejs를 이용하여 Android 푸시기능을 구현해보겠습니다. 개인적으로 gcm은 apple의 apns보다는 푸시기능 구현이 더 간단하다고 생각하는데요. 그 이유는 apns 같은 경우엔 인증서 및 키 파일을 발급받는 과정이 복잡한데 비해 gcm은 개발자 콘솔에서 프로젝트를 등록하고 gcm 서비스만 활성화하면 API Key와 sender ID 값을 바로 제공해주기 때문에 이것들을 가지고 바로 push기능을 구현할 수 있기 때문입니다. API Key을 발급 받는 과정은 http://blog.saltfactory.net/node/implementing-push-notification-service-for-android-using-google-play-..
Node.js를 이용하여 iOS 푸시기능 구현 안녕하세요 남산돈가스입니다. 지난 시간에 이어서 오늘은 #2 Node.js를 이용하여 iOS 푸시기능을 구현해보는 시간을 갖겠습니다. 일단 이 포스팅에서는 iOS용 APNS 인증서와 키가 모두 발급되어있다는 전제하에 포스팅을 진행하려고 합니다. iOS 클라이언트 단에서 APNS를 셋팅하는 부분은 아래 링크에 보기 쉽게 설명되어있으니 참고하시면 쉽게 따라오실 수 있을 것입니다. http://blog.saltfactory.net/node/implementing-push-notification-service-for-ios.html 자, 그럼 ios에 푸시를 날리기위한 준비물이 완성되었으니 이제 nodejs쪽을 확인해봅시다. 간단한, 프로젝트를 생성하겠습니다. express App으로 pushTest라는 프로젝..
[부트스트랩] 컨텐츠 #2 - 코드, 이미지, 모양 코드(Code)부트스트랩을 사용하여 프로그래밍 코드를 삽입하거나 코드 블럭을 생성할 수 있습니다. 코드삽입(Inline code)코드들 삽입하기 위해서는 태그를 사용하며, HTML 꺾쇠는 이스케이프 문자를 사용해야 합니다. For example, should be wrapped as inline. For example, should be wrapped as inline. 코드블럭(Code blocks)여러줄의 코드는 를 사용해서 표시 할수 있습니다. .pre-scrollable 클래스는 최대 높이를 350px로 지정하고 세로스크롤을 나타나게 합니다. Sample text here... And another line of sample text here... Sample text he..
[정보] 기획자를 위한 WireFrameTool - PowerMockup 소개 오늘은 서비스 기획자에게 필요한 WireFrame Toll 중에 PowerMockup 프로그램을 소개해 드리고자 합니다. 저는 주로 카카오의 OvenApp 을 이용하여 화면설계를 진행 했습니다. 그런데 간혹 결과물을 PowerPoint 로 작성해야 하는 경우가 생기 됩니다. 검색 해보니 PowerMockup 은 PowerPoint 에 plug-in 형식으로 PPT 문서로 WireFrame을 편리하게 만들도록 도와주는 개념입니다. 아래 제품소개 동영상을 보시면 바로 이해가 되실 겁니다. 그럼 체험판을 다운로드 하여 프로그램을 사용법을 살펴보도록 하겠습니다. 1. 다운로드 사이트 접속 https://www.powermockup.com/ 2. 체험판 다운로드 메인 페이지 에서 DOWNLOAD TRIAL 을 선..
[오픈 API] 앱 다운로드 순위를 가져오자 3부 (모바일앱 구현) [오픈 API] 앱 다운로드 순위를 가져오자 1부 (AppApnnie Api)[오픈 API] 앱 다운로드 순위를 가져오자 2부 (모바일 앱 설계)[오픈 API] 앱 다운로드 순위를 가져오자 3부 (모바일 앱 구현) 마지막 시간으로 지난시간에 설계한 부분을 구현하도록 하겠습니다. BaseViewController 생성AuthViewController 클래스ProductViewController 클래스SalesViewController 클래스 ==============================================================================1. BaseViewController는 ViewController에서 자주 사용할 함수들을 정의할 부모 컨트롤러 입니다.API를..
[부트스트랩] 컨텐츠 #1 - 타이포그래피 헤딩태그(Headings)모든 HTML 문서에서 헤딩은 에서까지 사용할 수 있습니다 Heading Example h1. Bootstrap heading h2. Bootstrap heading h3. Bootstrap heading h4. Bootstrap heading h5. Bootstrap heading h6. Bootstrap heading h1. Bootstrap heading h2. Bootstrap heading h3. Bootstrap heading h4. Bootstrap heading h5. Bootstrap heading h6. Bootstrap heading 헤딩 태그를 사용하지 않고 .h1 부터 .h6 클래스를 사용하여 스타일을 지정할 수 있습니다. h1. Bootstrap head..

티스토리툴바