[jQuery Plugin] 슬라이드쇼 플러그인 – Camera

코믹시스트를 모바일, PC, 태블릿 등에서 모두 최적화된 상태로 보여지게끔 만들고 싶어서, 슬라이드쇼 플러그인을 많이 찾아 헤맸던 기억이 난다. 메인 화면을 장식하는 영역이라 꽤 많은 조건이 필요했는데, 정리하자면 다음과 같다. 모바일, 태블릿, PC 모두 지원 스와이프로도 좌/우 롤링 되어야 함 슬라이드가 바뀔 때 애니메이션 효과 적용 요란한 효과가 아니라 페이드인/아웃만 되어도 환영 이미지 위에 텍스트를 쓸 수 있는 구조 정해진 시간이 지나면 자동으로 슬라이드가 변경되어야 함 이 조건을 다 충족시키는 플러그인을 찾은 것이 바로 Camera. 완전 무료이고 사용법도 간단하여 적용하기도 매우 쉬워서 추천!… Read the rest

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

[Android Tutorial] 웹툰 뷰어 제작 – 4) SharedPreference 활용

지난 포스팅에서 웹툰을 보여주는 기능까지는 넣었는데, 다른 웹툰을 볼 수 있는 기능과 로딩중 표시는 다루지 않았다. 다음에 다룬다고 하고 무려 석달이나 지나 이제야 다루게 됐다. 이제는 정말로 끝! 내용은 많지 않은데 너무 길게 늘인 것 같은 자기반성과 함께 🙂 목차 1. 연재 정보 받아오기 – XML Parsing 2. 원하는 형태의 리스트로 만들기 – ListView 3. 웹툰 본편 보여주기 – WebView 4. 다른 웹툰 보기 & 로딩 표시 + 소스 공개 – SharedPreference Fragment 간의 데이터를 전달하기 위해서 전역 변수를 선언해서 쓰는 방법도 있겠지만, 개인적인 편의상 SharedPreference를 썼다. 보통 설정값을 저장해서 다음에 앱을 실행될 때까지 저장해놓는 용도로 사용한다. MenuFragment.java 1234567891011121314151617181920212223242526272829 private… Read the rest

사용자에게 앱의 리뷰를 잘 요청하는 방법

뉴스앱인 Circa News에는 1000개가 넘는 리뷰가 등록되었는데, 이 중 95% 이상이 별 다섯개다. 앱에서 사용자 리뷰가 얼마나 큰 영향을 미치는지는 말 할 필요가 없을 정도인데, 어떻게 이런 리뷰를 받을 수 있었을까. 물론, 앱이 잘 만들어져야 하는 것이 기본 전제이지만 그 외에도 다른 비결을 공개한 글이 보여서 인상적인 부분 위주로 옮겨보았다. 원문은 The right way to ask users to review your app. 먼저, 앱의 평가를 요청할 때 절대 ‘구걸’이 되어버려서는 안 된다. 앱을 사용하던 중에 ‘잘 쓰고 계신가요 ? 앱을 평가해주세요’ 같은 팝업을 종종 보게 되는데, 이것도 요령 있게 노출시켜야 한다는 것이다. 한창 잘 쓰고 있는 도중에 갑자기 튀어나와서 물어봐서 안… Read the rest

UX기획의 연습 방법

좀 더 좋은 Product을 만들기 위해, 좀 더 좋은 사용자 경험을 제공하기 위한 노력의 일환으로 나는 항상 사이드 프로젝트만을 생각했다. ‘이렇게 했더니 어떤 반응이 나오더라’ 같은 것을 경험을 통해 체득하는 것이 유일하고도 확실한 방법이라는 생각이 있었다. 그래서 사이드 프로젝트의 가치를 높게 생각하는 편이다. 그런데 여기 새로운 관점의 연습을 제안하는 글이 있다. Developing a UX Practice of Practicing 라는 글에서는 UX기획자(혹은 디자이너)를 운동 선수나 음악가, 요리사 같은 전문가와 비교한다. 운동선수가 슛 연습을 무한 반복하는 것처럼, 음악가가 자주 틀리는 부분을 반복해서 연주하는 것처럼 말이다. 어느 정도 훈련이 되면 ‘몸에 익어서’ 무의식적으로도 척척 해내듯이, UX기획도 그런 관점에서 바라본 것이다. 그런 면에서 3가지 방법을… Read the rest

다음카카오, 개발도구 배포 – Oven, Troy

다음 카카오에서 모바일 직군 종사자라면 환영할만한 서비스를 내놓았다. 쓸만한 프로토타입을 바로 만들 수 있도록 도와주는 오븐, 그리고 1년 전에 공개됐지만 얼마 전에 접해서 만족스럽게 쓰고 있는 트로이가 바로 그것이다. 트로이는 모바일 웹사이트가 여러 가지 폰에서 어떻게 보여질지 바로 확인할 수 있는 개발도구다. Oven (https://ovenapp.io) 지금은 서비스 기획일을 안 하고 있지만, 2년 전까지만 해도 PPT로 PC 화면 그리느라 혼났다. 그런데 모바일 해보니까 PC는 아무것도 아니었다. PC는 화면 단위로 전환이 되기 때문에 PPT로 나눠 그려도 큰 문제가 없었는데, 모바일은 동작마다 반응이 다르기 때문에 그것을 일일이 그리기가 너무 힘들었다. 노가다였다. 문제는 노가다를 해도 그 의미가 제대로 전달이 안 됐다. 그런데 그것도 이제 옛날… Read the rest

앱 프로토타입 제작 및 유저 테스트 진행 방법

William Newton의 블로그 중 From Ideas to Core Prototype in Hours, not Weeks, Prototyping is Trying, Quick Usability Tests for Your App’s UI 라는 글의 내용 중 일부 내용을 발췌하여 정리하였다. 일단, 이 앱이 목표로 하는 가장 중요한 것을 하나 정의하고, 그것을 가장 심플하게 구현한다. 그리고 전체적인 흐름을 그려본다. 프로토타입에는 핵심 기능만 있으면 되기 때문에, 부가적인 내용은 제거한다. 일단은 심플하게! 툴은 Sketch, Illustrator 등을 사용한다. 앱의 UI도 마찬가지로 심플하게 만들고, Photoshop 등으로 간단하게 구현한다. 만들어진 이미지가 작동하게 하는 간단한 툴이 있다. Flinto, POP 등을 사용하면, 특정 버튼 클릭시 원하는 화면으로 변경되게 할 수 있다. 즉, 버튼 액션에 대한 처리가 가능해진다.… Read the rest

국내에서 신기술이 적용된 웹사이트를 만드는 어려움

Medium에서 웹사이트 리뉴얼을 반나절만에 끝냈다는 경험을 공유하는 글 What I Learned Redesigning My Website in an Afternoon 을 봤다. 내용인즉슨, Bootstrap 덕분에 매우 많은 시간을 절약했고, 반응형 디자인까지 지원했고, 이 모든 것을 무료로 했다는 내용이다. 물론, 이 블로거의 사이트는 매우 심플하다. 갤러리, 리스트, 자기 소개 정도가 전부다. 그래서 Bootstrap 덕분에 모든 것을 쉽게 끝낼 수 있다는 주장에는 절반만 동의한다. 바로, 브라우저의 버전 차이 때문이다. 나도 지금 Bootstrap 으로 웹사이트를 꾸미고 있다. 나의 숙원 사업인 코믹시스트의 새 버전이다. 원래 계획대로라면 9월 중순에 모든 것이 끝나야 했지만, 아직도 그대로다. 열심히 하는데도 진도가 안 나가는 것이 아니라, 맥이 풀려서 작업 자체를 못 하고… Read the rest

Product Management 추천 책 모음

Medium에서 많이 회자되는 아티클로 알고 있는 53 Articles and Books That Will Make You a Great Product Manager에서 소개된 책 목록이다. 다행히도 이 중 대부분은 국내에도 출간되어, 한 번 읽어볼 생각이다. 일단, 여태까지 사놓고 안 읽은 책들 좀 읽고… 🙂 국내 출간작 아마존, 세상의 모든 것을 팝니다 The Everything Store: Jeff Bezos and the Age of Amazon In The Plex 0과 1로 세상을 바꾸는 구글, 그 모든 이야기 In The Plex: How Google Thinks, Works, and Shapes our Lives IT 개발자가 쓴 통쾌한 인간관리 이야기 Managing Humans: Biting and Humorous Tales of a Software Engineering 린 스타트업 The Lean Startup… Read the rest

Product Management 에 대한 좋은 글 창고 소개

내가 하는 일이 서비스 기획이니, Product Management 에 대한 글에는 관심이 가기 마련이다. 트위터에는 많은 분들이 좋은 글을 추천해줘서 그때마다 링크를 담아두곤 했는데, 트위터 팔로워들은 대부분 개발자라서 관련 글들이 개발 관련 내용인 케이스가 많다. 그러던 중 PM에 관한 좋은 글 창고를 알게 됐다. So you want to be a Product Manager? 라는 글에서는 PM직군이 아닌 사람이 PM이 되기 위해서 하면 좋은 것들을 소개하는데, 그 중 하나가 관련 글을 접해보라는 것이다. 여기 소개된 글들은 제목만 봐도 흥미로운 것들이 많아서, 앞으로 영어 공부할 겸 종종 읽게 될 듯 🙂 Marty Cagan (partner at Silicon Valley Product Group) Ellen Chisa (전 Kictstarter PM)… Read the rest

일본의 도서 커뮤니티 서비스, 독서 미터 대표의 인터뷰를 읽고

책을 매개로 한 커뮤니케이션 서비스 ‘독서 미터 読書メーター’의 대표 인터뷰가 일본 사이트에 실려 읽어보았다. 2008년에 오픈하여 리뷰 등록수가 1000만건을 돌파하였다고 한다. 내가 2003년부터 운영하고 있는 만화 커뮤니티 코믹시스트의 별점평가 수가 6만여건에 불과한 것을 생각해보면 상당히 큰 수치다. 부럽다 🙂 읽으면서 몇 가지 재미있게 읽은 부분을 소개하고자 정리하였다. 운영자의 독특한 이력 책을 그다지 좋아하지 않던 그가 팟캐스트를 통해 새로운 책 소식을 접하고 나니 읽고 싶다는 생각이 들었고, 인터넷으로 정보 교환을 하고자 만들었다고 한다. 순수한 목적으로 만들어서 그런지, 당시 어떤 경쟁 서비스가 있는지 조사 같은 것도 안 했다고. 그리고 영어와 컴퓨터, 회계를 가르치는 ‘사업구상학부’를 전공한 것도 독특하다. 일단, 이런 학부가 있다는 것… Read the rest