dev.azki.org

조건부 서식 규칙 : 특정 항목 있을 때 전체 줄 칠하기

아즈키 — Fri, 22 Jan 2021 13:27:57 +0900

AC 열에 있는 항목이 C 열에 있을 경우 C~AB 열에 색깔 칠하는 스프레드 시트 조건부 서식 규칙.
범위에 따라 대상 열이 움직이지 않도록 `$` 를 붙여주는 게 핵심. 특히 `$C2` 부분.

=COUNTIF($AC$2:$AC$31,$C2)>0

- 가끔 필요한데, 잊어버리는 경우가 있어서 적어두기 -

The Clean Coder (더 클린 꼰대)

아즈키 — Thu, 8 Oct 2020 17:42:00 +0900

밥 아저씨(로버트 마틴) 시리즈..

클린 코드

더 클린 코더

클린 코더 : 단순 기술자에서 진정한 소프트웨어 장인이 되기까지

코딩의 달인이라도 반드시 프로라 말하기는 힘들다. 이 책은 프로를 향한 여정을 서술한다.
지난번 책 `클린 코드`가 코딩의 달인이 되는데 도움이 되었다면, `클린 코더`는 장인(프로)이 되는데 도움이 되는 그런 책.
저자가 1969년 시간제 프로그래머로 취업 후 저지른 잘못한 일(범죄의 사건일지)들, 초년생 때 했던 실수들을 피할 수 있도록 만들어주는 안내서.

1장 프로의 마음가짐

프로의 마음가짐(프로페셔널리즘)은 명예와 긍지의 상징이기도 하지만, 책임과 의무를 나타낸다.
프로가 아닌 사람이 잘못을 저지르면 회사가 뒤치다꺼리를 한다. 하지만 프로가 실수하면, 스스로 뒷감당을 해야 한다.
프로페셔널리즘은 책임이 전부라 해도 과언이 아니다.

책임감을 가져라

1979년의 장애) 테스트를 소흘히 한 이유는 제때 선적했다고 떠벌리고 싶었기 때문이다. 그게 내 체면을 세우는 일이었다. 고객이나 회사는 뒷전이었다. 관심을 가졌던 건 내 평판뿐이었다. 책임감을 가지고 미리 톰에게 테스트가 끝나지 않아서 제때 선적할 수 없다고 말했어야 옳았다.

무엇보다도 해를 끼치지 마라

기능에 해를 끼치지 마라

소프트웨어는 너무 복잡해서 오류가 생길 수밖에 없다. 안타깝지만 너무 복잡하다는 이유로 책임이 사라지진 않는다. 인체는 너무 복잡해서 전부 이해하지 못하지만, 의사들은 여전히 해를 끼치지 않는다는 히포크라테스 선서를 지킨다.
완벽한 소프트웨어를 만드는 일이 사실상 불가능하다는 것이지 완벽하지 않아도 괜찮다는 뜻은 아니다.
우선 사과하는 법을 익혀야 한다. 같은 오류를 반복하면 안 된다. 0이 되지는 않겠지만 가능한 0에 가깝게 만드는 게 당신 책임이다.
QA는 아무것도 찾지 못해야 한다
QA가 문제를 찾을 때마다, 더 나쁜 경우 사용자가 문제를 찾을 때마다, 개발자는 놀라움과 분함을 느껴야 마땅하며, 다시는 그런 일이 생기지 않도록 마음을 다져야 한다.
제대로 작동하는지 아닌지 알아야 한다
코드가 잘 돌아가는지 아닌지 알려면 어떻게 해야 할까? 간단하다. 테스트하고 또 테스트하라.

구조에 해를 끼치지 마라

전체 구조를 희생하면서까지 기능을 추가하는 일이 헛수고라는 사실은 프로라면 당연히 알고 있다. 구조가 좋아야 코드가 유연해진다. 구조가 위태로우면 미래도 위태롭다.
소프트웨어가 바꾸기 쉬운지 아닌지 증명하는 유일한 길은 실제로 조금 바꿔보는 것이다. 바꾸기가 생각만큼 쉽지 않다면, 설계를 갈고 닦아서 다음 번에는 더 쉽게 바꿀 수 있도록 만들어야 한다.
보통 사람들은 동작 중인 소프트웨어를 계속 바꾸는 일이 위험하다고 생각한다. 아니다! 정말 위험한 일은 소프트웨어를 고정된 상태로 두는 일이다. 소프트웨어를 구부리지 않는다면, 정말 변화가 필요할 때, 소프트웨어가 단단히 굳어있을 것이다.
왜 코드를 망칠까 봐 겁이 날까? 테스트가 없기 때문이다. 프로 개발자는 코드와 테스트에 확신이 넘치기 때문에, 시도 때도 없이 이리 저리 코드를 바꿔도 마음이 평안하다.

직업 윤리

한 주는 168시간이다. 회사 일에 40시간, 자기 개발에 20시간, 56시간 잠을 자면 52시간을 다른 일에 쓸 수 있다. 이렇게까지 시간을 쓰기 싫을지도 모른다. 그건 좋다. 하지만 자신을 프로라고 생각해선 안 된다. 프로는 직업을 돌보는 데 시간을 투자한다.

전산 분야 지식을 익혀라

디자인 패턴 : 24가지 GOF 패턴과 POSA 패턴
설계 원칙 : SOLID 객체지향 원칙, 컴포넌트 개념
방법론 : XP, 스크럼, 린, 칸반, 폭포수, 구조적 분석, 구조적 설계 개념
원칙 : 테스트 주도 개발, 객체지향 설계, 구조적 프로그래밍, 지속적 통합, 짝 프로그래밍 실천
도구 : UML, 데이터 흐름도, 구조 차트, 페트리 넷, 상태전이 다이어그램과 테이블, 흐름도, 결정 테이블

끊임없이 배우기

IT 산업은 미친듯이 바뀌기 때문에, 어마어마하게 공부해도 간신히 따라잡는 정도다.

연습

일상적인 업무를 연습이라 부르면 안 된다. 일상 업무는 연습이라기보다 공연이다. 업무라는 공연을 떠나 기술을 개선하고 향상시키고자 하는 목적만으로 하는 훈련이 바로 연습이다.

함께 일하기

서로 많이 배울 뿐 아니라, 일도 빨리 끝나고 오류가 더 적다. (짝 프로그래밍) 때때로 혼자만의 시간을 가질 수 없다면 정신이 나갈지도 모른다.

멘토링

배우기에 가장 좋은 방법은 가르치는 것이다. 프로라면 후배들을 멘토링하는 책임을 져야 한다.

업무 지식을 익혀라

프로 소프트웨어 개발자는 자신이 프로그래밍하는 제품의 업무 분야 지식을 알아야 한다.
프로답지 못한 행동 중에서도 최악은 제품 사양이 사업 진행에 이치가 맞는지 따져보지도 않고 그저 사양(spec)에 따라 코딩하는 일이다.
사양에 오류가 있는지 알아보고 이의를 제기할 수 있을 만큼 업무를 알아야 한다.

회사와 고객에 동질감을 가져라

회사의 문제가 자신의 문제다. 문제가 무엇인지 이해하고 최선의 해결책을 만들기 위해 일해야 한다.
개발자들끼리는 동질감을 가지기 쉽다. 회사를 대할 때 우리 vs 우리가 아닌 나머지라는 태도에 빠지기 쉽다. 프로라면 무슨 짓을 해서라도 이런 일을 피해야 한다.

겸손

자칫하면 어마어마한 피해를 입힐지도 모르는 위험을 무릅쓰고, 자신만만하게 기계를 이리저리 정밀하게 움직이도록 명령한다. 그러므로 프로그래밍은 극도로 오만한 행위다. 프로는 자신이 오만하며 겸손한 척할 생각이 없다는 사실을 안다.
그러나 프로는 때때로 실패한다는 사실과 위험 계산이 틀릴지도 모른다는 것 그리고 언젠가 자신의 능력이 부족해지는 날이 온다는 사실을 잘 안다.
절대 다른 사람을 비웃지 않지만, 자신이 비웃음거리가 될 만하다면 기꺼이 받아들인다. 다른 사람이 실수했다고 망신을 주지 않는다. 다음 번 실패할 사람이 자신임을 알기 때문이다.

2장 아니라고 말하기

노예들에겐 아니라는 말이 허락되지 않는다. 단순 일꾼들은 아니라고 말하길 꺼린다. 하지만 프로는 아니라고 말해야 마땅하다. 아니라고 말하는 일이야 말로 맡은 작업을 완료하는 유일한 길이다.
확신이 없는 긍정적인 답변("한 번 해볼게요")은 다정하고 대립도 없고 서로 웃을 수 있지만, 프로답지 못한 처신일 수 있다.
최선의 결과를 이끌어내기 위해 아니라고 말하며 상호 협의하에 해결책을 만들자.
언쟁을 하고, 어색한 순간이 있더라도 목표가 완벽히 정의되지 않은 상황에서 적극적으로 목적 달성을 위해 노력하는 것이 중요하다.

3장 예라고 말하기

프로는 모든 업무 요청에 예라고 대답할 필요는 없다. 하지만, "예"라고 대답할 수 있는 창의적인 방법을 찾는 데 고심해야 한다. 프로가 예라고 대답할 때는 약속을 뜻하는 언어를 사용해서 내뱉은 말에 모호한 부분이 없도록 해야 한다.
- 개인적으로 책임을 지지 않으려는 표현 (x)
- 업무를 통제하려 하지 않고 오히려 상황 때문에 피해자가 된 것처럼 행동 (x)
올바른 예로 "나는 언제까지 할 것이다.". 어떤 일에 완전한 책임을 져야 한다.

4장 코딩

코드 차체에 대한 규칙과 원칙이 아닌, 코드를 짤 때 행동과 기분, 태도에 대한 규칙과 원칙. 자신감과 오류 감각의 근본.

준비된 자세

1. 첫째, 코드는 반드시 동작해야 한다.
2. 코드는 고객이 제시한 문제를 반드시 풀어야 한다. (요구사항 충족)
3. 코드는 기존 시스템에 잘 녹아들어야 한다.
4. 코드는 다른 프로그래머가 읽기 쉬워야 한다. (만든 사람의 의도가 드러나도록 다음어야 한다)

몰입 영역

코딩하는 동안 빠져드는 고도로 집중한 의식의 터널시야 상태. 몰입 경험을 꽤나 해본 사람으로서 이 의식 상태는 사실 극도로 생산적이지도 않고 절대 옳은 상태도 아니다. 몰두한 나머지 이성적 판단이 흐려진 상태이다.
이런 상태에 빠진다고 느껴질 때면, 짝 프로그래밍을 하라. (짝 프로그래밍의 무시무시함을 여러번 강조!)
다만, 훈련을 할 때는 반드시 영역에 빠져야 한다.

속도 조절

개발은 마라톤이지 단거리 질주가 아니다. 곤경에 빠졌을 때나 피곤할 때는 잠시 자리를 떠나라.

일정을 못 지키다

일정 지연을 관리하는 요령은 이른 감지와 투명성이다.
최악의 경우는 마지막 순간까지도 다른 사람들에게 제 시간에 맞출 거라고 말한 다음 모두를 실망시킬 때다.
최선의 경우, 최악의 경우, 가능성이 가장 높은 추정치를 마련하여 공유하고 갱신하라.

질주

이미 가능한 선택지를 모두 고려했고(정말 고려했기 때문) 일정을 개선할 유일한 길은 범위를 줄이는 방법뿐임을 상사에게 말하라. 질주하라는 부추김에 넘어가면 안 된다.
압박에 굴복해 허리띠를 졸라매고 마감일을 지키려 노력해 보겠다고 동의하는 형편없는 개발자를 두려워하라. 손쉬운 길로만 가려 하고 초과 근무를 하며 기적을 바라는 헛된 희망은 재앙으로 가는 길이다.

가짜 출시

프로그래머가 저지르는 여러 가지 프로답지 못한 행동 중에서도 가장 최악은 끝내지도 않았는데 끝냈다고 말하는 짓이다. 더 교활한 경우는 '완료'의 뜻을 새롭게 정의해 합리화할 때다. 아무것도 안해도 된다면 '완료'하기는 식은 죽 먹기다!
팀이 이런 함정에 빠지면 관리자는 모든 일이 순조롭다는 말을 듣는다. 마치 장님이 철길 위에서 소풍하는 것과 같다. 미완료 작업이라는 화물 열차가 자신들을 덮친다는 사실을 너무 늦을 때까지 아무도 보지 못한다.

도움

프로그래밍은 어렵다. 젊을수록 이 말이 믿기지 않을 것이다. 어찌됐건 프로그래밍은 수많은 if와 while 문장의 덩어리다. 두 문장을 듬뿍 끼얹어 놓고 최고가 되기를 바라면 안 된다. 그보다는 시스템을 작고 알기 쉬운 단위로 주의깊게 쪼개야 한다. 그 단위는 가능한 한 서로 간섭이 적도록 만들어야 하는데, 이 부분이 어렵다.
사실 프로그래밍은 너무 어려워서 한 사람의 능력으로는 잘 해내기가 어렵다. 아무리 기술이 뛰어나도 반드시 다른 프로그래머의 생각과 아이디어에서 도움을 받는다.

이런 이유로 서로 도울 준비를 하는 일은 프로그래머의 의무다. 다른 사람의 질문을 거부하는 일은 프로가 갖출 윤리 위반이다. 사실 프로라면 명예를 걸고 어떤 때든 도움을 줘야 한다.
같은 팀 동료가 어떤 상태인지 주의를 기울여야 한다. 누군가 곤란에 빠진 것을 봤다면 도움을 줘야 한다. 자신의 도움으로 생기는 효과가 크다는 사실에 꽤 놀랄 것이다. 자신이 다른 이보다 영리해서가 아니라 그저 신선한 관점이 문제를 푸는 데 커다란 기폭제가 된 것이다.

다른 이가 나를 도울 때는 감사해야 한다. 고맙게 그리고 기꺼이 도움을 받아들여라. 영역을 지키는 듯한 행동은 하지 마라. 몹시 바빠 정신이 없다는 이유로 도움을 거부하지 마라. 명예를 걸고 타인을 도와야 하듯이 명예를 걸고 도움을 받아야 함을 기억하라.
도움을 부탁하는 방법을 배워라. 도움을 요청해라. 다시 한 번 말하지만 이는 프로의 직업 윤리에 관련된 문제이다. 쉽게 도움을 받을 수 있는 데도 계속 막힌 상태를 유지하는 일은 프로답지 않다.
* 프로그래머는 오만하고 자신에게만 열중하는 내향적인 경향이 있다. 우리는 사람 사귀기를 좋아해서 프로그래머가 된 게 아니다. 우리가 프로그래밍에 빠지는 이유는 무미건조한 세부사항에 깊게 집중하기, 많은 개념을 한 번에 교묘히 다루기, 자기 두뇌가 지구만큼 크다는 사실을 스스로에게 증명하기를 좋아하기 때문이다. 또한 그러는 동안은 골치 아프고 복잡한 대인관계를 피할 수 있다. * 그러나 효과적인 프로그래밍에는 협력이 매우 중요하다. 그러므로 우리 중 많은 사람에게 협력은 본능이 아니므로 협력으로 이끄는 원칙이 필요하다.

경험이 적은 프로그래머를 훈련시키는 일은 경험이 더 많은 프로그래머의 의무다. 마찬가지 맥락에서 젊은 프로그래머는 선배에게 멘토링을 구하는 일이 프로로서의 의무다.

나머지 내용들

테스트 주도 개발

TDD 짱. 하지만 종교나 마법이 아니기 때문에 적절하게..

연습

어떤 식으로든 연습하라. 회사의 의무가 아니라 자신의 의무.

인수 테스트

개발은 물론이고 의사소통 또한 프로 개발자의 임무이다.

테스트 전략

단위 테스트나 인수 테스트 작성은 훌륭한 일이긴 하지만 충분치 않다. 훌륭한 테스트 전략이 필요하다.
QA는 오류를 찾지 못해야 한다. 다시 한 번 강조.
테스트 자동화 피라미드 ( 단위 테스트 > 컴포넌트 테스트 > 통합 테스트 > 시스템 테스트 > 탐색 테스트 )

시간 관리

프로 개발자는 부지런히 시간과 집중력(마나)을 관리해야 한다.
진흙탕은 막다른 길보다 더 나쁘다. 진흙탕이 막다른 길보다 나쁜 이유는 앞으로 가야 할 길이 눈에 보이며 그 길은 되돌아가는 것보다 더 짧아 보이기 때문이다(하지만 짧지 않다). 그 상태로 전진하는 일은 스스로를 속이고 팀과 회사와 고객까지 속이는 짓. 프로는 막다른 길보다 진흙탕을 더 무서워해야 한다. 항상 경계하고 최대한 일찍 신속하게 벗어나자.

추정

사업 가치가 추정에 따라 좌지우지. 우리 평판도 달려있다.
지킬 수 없는 약속은 하지 않으며, 달성할 수 있다는 확신이 없는 일은 약속하지 않는다.
예상 완료 시간과 가능성 분산을 나타내는 가능성의 추정 값.
추정 값을 만드는 여러 방법들 소개 : PERT 기법(3방 분석), 광대역 델파이의 기법의 변종들(계획 포커, 관계 추정, 3방 추정 등), 큰 수의 법칙(여러 개의 작은 업무로 쪼개 추정하여 오류를 상쇄)

압박

피할 수 있으면 피하고 피할 수 없을 때는 극복해라.
피하기: 주의 깊게 약속하고, 규율을 따르고, 깔끔히 유지.
극복하기: 침착함을 유지하고, 의사소통하고, 규율을 따르고, 도움을 받는 것(짝 프로그래밍).

함께 일하기

코드 소유: 삐걱대는 팀의 모습 중 가장 나쁜 모습은 각 프로그래머가 자신의 코드에 벽을 두르고 다른 프로그래머들이 건드리지 못하게 하는 행동이다. 재앙으로 가는 지름길. 팀 전체가 모든 코드의 소유권을 가지는 편이 좋다. 개인이 아니라 팀이 코드를 소유하라.
짝 프로그래밍은 최고다. (반복)

팀과 프로젝트

팀은 프로젝트보다 만들기 더 어렵다. 팀을 만들어 여러 프로젝트를 맡기는 게 낫다.

스승과 제자 그리고 장인 정신

멘토링에 대한 이야기.
우선 장인이 된 다음 자신의 장인 정신을 보여주도록 해라.
장인 정신은 장인들이 지니고 있는 사고방식으로써 가치, 규율, 기술, 자세 및 답변을 포함하는 밈(mem)이다.
이것은 관찰로써 전해진다.

안드로이드 오(O) 프리뷰 관심있는 애들만 살짝 리뷰

아즈키 — Mon, 27 Mar 2017 17:13:56 +0900

안드로이드 오(O) 프리뷰 (URL 은 뭔가 O 전용은 아니군요, 당분간만 유효할듯?ㅋ)
https://developer.android.com/preview/index.html

개인적으로 관심있는 애들만 정리.. ㅎ

- 노티피케이션 그룹이라는 개념이 생겨서 꼭 하나 이상 만들도록 강제. (누가만 해도 그런 게 있긴하던데, 반응이 좋아서?인지 좀 더 명확하게 강제해버리는군요)
https://developer.android.com/preview/features/notification-channels.html

- 리소스에 폰트 추가 (간단하게 android:fontFamily="@font/lobster")
https://developer.android.com/preview/features/working-with-fonts.html

- ANDROID_ID 가 앱마다 다르게 됨 (Values of ANDROID_ID are now scoped per-app instead of per-user. The value of ANDROID_ID is unique for each combination of application package name, signature, user, and device. Two apps running on the same device no longer see the same Android ID, and so cannot correlate.)
https://developer.android.com/preview/behavior-changes.html#privacy-all

- 오토리사이즈 텍스트뷰 지원! (자주 필요한 건데, 좋네요)
https://developer.android.com/preview/features/autosizing-textview.html

- 백그라운드 작업 제한. (뒤에서 뭐 하는 건, 계속 제한)
https://developer.android.com/preview/features/background.html
https://developer.android.com/preview/features/background-location-limits.html

- 피닝쇼컷 추가. (숏컷 관련도 계속 밀어주는군요)
https://developer.android.com/preview/features/pinning-shortcuts-widgets.html

- OpenJDK Java language features 에서 몇가지 가져옴. 특히 OpenJDK 8 의 java.time API.
https://developer.android.com/preview/api-overview.html#jlangupdate
https://developer.android.com/reference/java/time/package-summary.html

- 그외, Adaptive Icons 이랑 웹뷰, 미디어 플레이어 향상, ... 등등;
https://android-developers.googleblog.com/2017/03/first-preview-of-android-o.html

자주 쓰는 도커 명령어 모음

아즈키 — Thu, 10 Nov 2016 17:37:03 +0900

자꾸 까먹어서 리스트 저장

docker search 검색어

docker pull 이미지이름:태그

docker images

docker run -i -t --name 컨테이너이름 이미지이름 /bin/bash

docker ps -a

docker start 컨테이너이름

docker restart 컨테이너이름

docker attach 컨테이너이름

docker exec 컨테이너이름 명령 매개변수

docker stop 컨테이너이름

docker rm 컨테이너이름

docker rmi 이미지이름:태그

또 자주 쓰는 거 생기면 추가 예정..

유투브 무한 반복 간단 스크립트

아즈키 — Wed, 6 Apr 2016 21:25:33 +0900

요새 어떤 한 곡에 필이 꽂혀서 듣고 있는데..

유투브 무한 반복이 필요해서 직접 짜봄..

$$("video")[0].onended = function () {this.play()};

매우 애용중 ㅎㅎ

ps. 람다식으로도 짜봄

(v=>v.onended=()=>v.play())($$("video")[0])

[펌] Avoiding cold starts on Android

아즈키 — Tue, 23 Feb 2016 10:58:51 +0900

http://saulmm.github.io/avoding-android-cold-starts

내용이 좋아서 스크랩ㅎ

During the last weeks, has been seen in the Android developer community some movement regarding the cold starts, splash screens or launch screens on Android. In this post, I'd like to make clear my opinion of whether they are necessary or not, how to use them and how to go beyond in order to offer the best user experience ofonboarding to our users.

The code and the examples shown in this article are available at this Github repository

Splash screens, launch screens & cold starts.

With this post, Colt McAnlis, (developer advocate at Google) again opened the discussion regarding the usage of Splash/Launch screens on Android sharing akeynote by Cyril Mottier which, among other things, talks about why we should avoid using Splash Screens on Android, arguing that they hurt the user experience, increase the size of the application, etc.

In my opinion, users should have the content available as soon as possible, but inevitably, when a user launches an application, Android creates a new process that, during it charge, shows a black/white screen which is built with the application theme, or the theme of the activity that is the entry point.

This load can be increased if our application is complex and overwrites the application object, which is normally used to initialize the analytics, error reporters, etc.

Airbnb shows a white screen in its initialization

Therefore, a black screen is not the best choice for our user. If our application load time is slow, we could use a placeholder to simply fill it by real content, or on the other hand, if our workload is complex, we could show the logo of our application to reinforce the branding.

AliExpress shows its logo in its initialization

Your new friend, windowBackground

As we talked about before, the window displayed by the window manager when the process is in the loading state is set up with the application theme. Specifically with the value inside android:windowBackground. As concerns this post by Ian Lake, if we play with this attribute setting a <layer-list> with the color of the background of the main activity over a small bitmap in the center we can achieve the following effect:

<?xml version="1.0" encoding="utf-8"?>
<layer-list 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:opacity="opaque">

    <item android:drawable="@color/grey"/>
    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/img_pizza"/>
    </item>
</layer-list>

We must keep in mind that to avoid problems, the <layer-list> has to be opaque, android:opacity="opaque". And the background of the parent of your activity should be filled with a color in your layout, if not, the <layer-list>shown at the start will remain in your activity.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/grey"
    >

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?colorPrimary"
        android:elevation="4dp"
        />
</LinearLayout>

Styling the onboarding of your app

Taking advantage of the windowBackground we can enrich the experience of our users. If our application is complex, and will show a unique activity like a login or a choice selector, we could take the same anchor point of the bitmap and animate it to achieve a nice effect.

For example:

This animation, translates an ImageView that contains the same resource of the<layer-list>.

ViewCompat.animate(logoImageView)
    .translationY(-250)
    .setStartDelay(STARTUP_DELAY)
    .setDuration(ANIM_ITEM_DURATION).setInterpolator(
         new DecelerateInterpolator(1.2f)).start();

This ImageView is slightly above of the center of the screen, this could be influenced by system bars, I've put a margin top of 12dp which just coincides with the half of the height of the status bar.

<ImageView
    android:id="@+id/img_logo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_marginTop="12dp"
    android:src="@drawable/img_face"
    tools:visibility="gone"
    />

Styling with a placeholder

With the <layer-list> we can also create a placeholder of theu ui which will take the real content of the main activity, for example, we could emulate a Toolbar by playing with the <layer-list>.

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:opacity="opaque"
    >
    <item>
        <shape>
            <solid android:color="@color/grey"/>
        </shape>
    </item>

    <item
        android:height="180dp"
        android:gravity="top">
        <shape android:shape="rectangle">
            <solid android:color="?colorPrimary"/>
        </shape>
    </item>
</layer-list>

In this case, the second <item> emulates the Toolbar that is displayed in the actual content, even, we could put the same height (less the width of the status bar) and apply some nice animation on the toolbar to provide a better experience to the user.

private void collapseToolbar() {
    int toolBarHeight;
    TypedValue tv = new TypedValue();
    getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true);
    toolBarHeight = TypedValue.complexToDimensionPixelSize(
        tv.data, getResources().getDisplayMetrics());

    ValueAnimator valueHeightAnimator = ValueAnimator
        .ofInt(mContentViewHeight, toolBarHeight);

    valueHeightAnimator.addUpdateListener(
        new ValueAnimator.AnimatorUpdateListener() {

        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            ViewGroup.LayoutParams lp = mToolbar.getLayoutParams();
            lp.height = (Integer) animation.getAnimatedValue();
            mToolbar.setLayoutParams(lp);
        }
    });

    valueHeightAnimator.start();
    valueHeightAnimator.addListener(
        new AnimatorListenerAdapter() {

        @Override
        public void onAnimationEnd(Animator animation) {
            super.onAnimationEnd(animation);

            // Fire recycler animator
            mAdapter.addAll(ModelItem.getFakeItems());

            // Animate fab
            ViewCompat.animate(mFab).setStartDelay(600)
                .setDuration(400).scaleY(1).scaleX(1).start();

        }
    });
}

Resources

onboarding-examples - Github
Uber onboarding
Use cold start time effectively with a branded launch theme - Ian Lake
Splash Screens Are Evil, Don't Use Them! - Cyril Mottier
Launch screens - Material Design Spec
Launch screens - MaterialDoc, Gonzalo Toledano

abe.jar 활용 코드

아즈키 — Wed, 23 Dec 2015 10:51:32 +0900

내 기억의 단편을 남기기 위해 붙여넣기 한다. 논란의 여지가 있을 수도 있는 자극적인? 코드들은 생략.

adb backup -f s.ab -noapk com.manababa.BeggarKing

java -jar abe.jar unpack s.ab s.tar

tar -tf s.tar > s.list

tar -xvf s.tar

############################

cat s.list | pax -wd > d.tar

java -jar abe.jar pack d.tar d.ab

adb restore d.ab

abe.jar

(위에 건 구버전.. 검색해서 신 버전 받아야 잘 됨)

https://sourceforge.net/projects/adbextractor/

ps. 이런 글엔 항상 그랬듯이, 뻔한 질문들은 안받습니다.

git flow 윈도우즈에 설치하기 (install git flow on windows)

아즈키 — Thu, 24 Jul 2014 15:43:42 +0900

오늘은 걍 git flow 설치하는 방법~

https://github.com/nvie/gitflow/wiki/Windows#msysgit

여기 있는 내용인데, 필요한 파일들 따로 받아야 하는 게 귀찮아서 걍 올림...

깃플로우에 대해 궁금한 한국분은 http://danielkummer.github.io/git-flow-cheatsheet/index.ko_KR.html 참고하세용

1. 일단 msysgit 설치되어있어야 함.

http://msysgit.github.io/

2. msysgit 설치된 폴더 안의 bin 폴더안에 아래 첨부한 3개 파일을 넣는다.

나의 경우 libiconv2.dll 파일은 이미 있었음.

참고로 나의 경우 해당 폴더는 "C:\Program Files (x86)\Git\bin" 이였음.

for_git_flow.zip

3. git flow 설치하고자 하는 디렉토리에 cmd 로 가서~

D:\> git clone --recursive git://github.com/nvie/gitflow.git

D:\> cd gitflow

D:\> contrib\msysgit-install.cmd "C:\Program Files (x86)\Git"

4. 끗.

D:\gitflow>git flow

usage: git flow <subcommand>

Available subcommands are:

init Initialize a new git repo with support for the branching model.

feature Manage your feature branches.

release Manage your release branches.

hotfix Manage your hotfix branches.

support Manage your support branches.

version Shows version information.

Try 'git flow <subcommand> help' for details.

ps. 3번 커맨드에서 나는 아래처럼 엑세스 거부 에러가 떠서 해당 폴더에 권한 주고 함(메시지대로 관리자 권한으로 cmd 를 실행해도 될듯)

D:\gitflow\git-flow -> C:\Program Files (x86)\Git\bin\git-flow

액세스가 거부되었습니다.

You should run this script with "Full Administrator" rights:

- Right-click with Shift on the script from the Explorer

- Select "Run as administrator"

안드로이드 인기 라이브러리 (github)

아즈키 — Tue, 22 Jul 2014 14:43:01 +0900

http://importre.github.io/mecca/#Android-Library에서 복사 붙여넣기 한.. 깃허브 인기 android library 목록.그리고 여기도 갠춘한듯 : https://github.com/JStumpp/awesome-android

ActionBarSherlock 5972

Action bar implementation which uses the native action bar on Android 4.0+ and a custom implementation on pre-4.0 through a single API and theme.

Author	JakeWharton
Homepage	Link
Language	Java

SlidingMenu 5837

An Android library that allows you to easily create applications with slide-in menus. You may use it in your Android apps provided that you cite this project and include the license in your app. Thanks!

Author	jfeinstein10
Language	Java

Android-Universal-Image-Loader 5234

Powerful and flexible library for loading, caching and displaying images on Android.

Author	nostra13
Language	Java

android-async-http 3942

An Asynchronous HTTP Library for Android

Author	loopj
Homepage	Link
Language	Java

Android-ViewPagerIndicator 3920

Paging indicator widgets compatible with the ViewPager from the Android Support Library and ActionBarSherlock. Originally based on Patrik Åkerfeldt's ViewFlow.

Author	JakeWharton
Homepage	Link
Language	Java

--> 요거는 탭으로 쓸 꺼면 이거가 더 좋은듯 : https://github.com/astuetz/PagerSlidingTabStrip

Android-PullToRefresh 3430

DEPRECATED

Author	chrisbanes
Language	Java

--> 요건 요새 유행 지남. 요새는 주로 요거로 씀 : https://developer.android.com/intl/ko/reference/android/support/v4/widget/SwipeRefreshLayout.html

picasso 3069

A powerful image downloading and caching library for Android

Author	square
Homepage	Link
Language	Java

Android-Bootstrap 3005

Bootstrap style buttons with Font Awesome

Author	Bearded-Hen
Language	Java

facebook-android-sdk 2939

Use the Facebook SDK for Android to integrate with Facebook, help build engaging social apps, and get more installs.aging social apps, and get more users.

Author	facebook
Homepage	Link
Language	Java

프로그래밍 언어의 사용에 관하여

아즈키 — Wed, 22 Jan 2014 10:04:25 +0900

About the use of language: it is impossible to sharpen a pencil with a blunt axe. It is equally vain to try to do it with ten blunt axes instead ; 프로그래밍 언어의 사용에 관하여: 무딘 도끼를 가지고 연필을 깎는 일은 불가능하다. 무딘 도끼 10개를 가지고 시도한다고 해도 결과는 마찬가지다. - E. W. Dijkstra

스미싱 차단 (잡았다 피싱) - (안드로이드, 구글플레이)

아즈키 — Mon, 16 Sep 2013 13:40:09 +0900

스미싱 차단 (잡았다 피싱)

다운로드 : https://play.google.com/store/apps/details?id=org.azki.smishing

스미싱 차단(SMS Smising Block)은 쉽고 간편한 모바일 보안 솔루션입니다. 설치만 해두시면 스미싱(Smishing)에 대하여 안전하게 지켜드립니다.

- SMS 스미싱 공격 실시간 탐지 및 차단 기능 : SMS 문자열 내에 URL형식이 포함된 경우 해당 URL으로부터 APK파일이 검출되면 자동 차단.

* 스미싱(Smishing) 이란?

문자메시지 피싱(SMS phising, 스미싱)은 문자메시지를 이용한 피싱이다. 신뢰할 수 있는 사람 또는 기업이 보낸 것처럼 가장하여 개인비밀정보를 요구한다. 스마트폰이 대중적으로 보급되자 부각되었다. 또, 이것은 SMS(문자메세지)와 피싱의 합성어라고 한다.

* 차단 알고리즘과 해당 앱 소스 전체는 오픈소스화 되어 관리되고 있습니다.

https://github.com/azki/smishing/

CGV 예매 열림 알리미 (잡았다 내 자리) - (안드로이드, 구글플레이)

아즈키 — Wed, 24 Jul 2013 22:49:22 +0900

CGV 예매 열림 알리미 (잡았다 내 자리)

다운로드 : https://play.google.com/store/apps/details?id=org.azki.cgv

영화 예매하는 분들께 몹시 유용한 알림 기능.

영화 볼 날짜와 영화관만 선택하면 그날 영화 표 예매가 가능해지는 순간 알려주는 앱입니다.

남들보다 일찍 예매해서 좋은 자리 선점하는 것은 보너스!

Animated gif encoder For Android (안드로이드 GIF 움짤 제작 라이브러리)

아즈키 — Thu, 11 Jul 2013 12:48:57 +0900

애니메이션 GIF를 안드로이드에서 인코딩할 수 있는 라이브러리이다.

j2me 버전으로 만들어진 Animated GIF encoder(http://www.jappit.com/blog/2008/12/04/j2me-animated-gif-encoder/)가 있길래 내가 살짝 수정해서 android 에서 돌릴 수 있도록 했음.

다운로드:

AnimatedGifEncoder.java

레파지토리 :

https://github.com/azki/Animated-gif-Encoder-For-Android

사용은 아래처럼. 아래의 image1과 image2는 android.graphics.Bitmap의 인스턴스임.

ByteArrayOutputStream bos = new ByteArrayOutputStream();

AnimatedGifEncoder encoder = new AnimatedGifEncoder();

encoder.start(bos);

encoder.addFrame(image1);

encoder.addFrame(image2);

encoder.finish();

return bos.toByteArray();

비 옴 알리미 (우산 알림) - 비오는 날 아침만 알람 앱 (안드로이드, 구글플레이)

아즈키 — Fri, 21 Jun 2013 19:15:46 +0900

비 옴 알리미 (우산 알림) - 비오는 날 아침만 알람

다운로드 : https://play.google.com/store/apps/details?id=org.azki.rainalert

기상청 날씨 예보를 통해, 비오는 날 아침에만 알려드려요. 우산 챙기세요~

참고: 비가 오지 않는 날은 조용합니다.

아침에 알림이 안 울렸으면 걱정마세요.

알람이 울린 날만, 우산을 챙기세요.

안드로이드 마켓(플레이스토어)에 앱 올려서 배너광고 돈벌기 (다음 Ad@m 이용)

아즈키 — Wed, 19 Jun 2013 15:02:25 +0900

아이폰이나 모바일웹 사이트도 가능하긴한데, 일단 안드로이드로 체험해봤으므로 체험 후기 남김.

1. 아담 사이트 접속. 후 가입(다음아이디 아님 새로 가입해야함).

http://mobile.biz.daum.net

2. 상단 사이트/앱등록에 가서 오른쪽에 "새 사이트.앱 등록" 누름.

등록하고 나면 광고 삽입Code 라고 하는 것에서 Client ID 값을 볼 수 있음. 그걸 갖다 써야함.

3. SDK 받음.

압축 풀어보면 lib 폴더안에 AdamPublisherSDK-2.2.0.0.jar 이런게 있는데 이것만 갖다 쓰면 됨.

4. 내 안드로이드 프로젝트의 libs 폴더에 그 jar 파일을 넣음.

5. 매니페스트에 아래 권한 추가.

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

6. 매니페스트에서 광고넣을 activity 속성에 아래 추가.

android:configChanges="orientation|screenSize"

7. 광고넣을 activity 파일에 아래 추가(클라아이디는 자기꺼 넣어야함). 난 하단에 넣었는데, 위치는 알아서 바꾸3

<net.daum.adam.publisher.AdView

android:id="@id/adview"

android:layout_width="wrap_content"

android:layout_height="48dip"

android:layout_alignParentBottom="true"

clientId="4e25Z4JT13ecb5b892e"

requestInterval="60"

android:visibility="invisible" />

8. 해당 activity class 에 아래와 같이 멤버 변수 추가.

private AdView adView = null;

9. initAdam 메소드 추가.

private void initAdam() {

adView = (AdView) findViewById(R.id.adview);

// 1. 광고 클릭시 실행할 리스너

adView.setOnAdClickedListener(new OnAdClickedListener() {

@Override

public void OnAdClicked() {

}

});

// 2. 광고 내려받기 실패했을 경우에 실행할 리스너

adView.setOnAdFailedListener(new OnAdFailedListener() {

@Override

public void OnAdFailed(AdError error, String message) {

adView.setVisibility(View.INVISIBLE);

}

});

// 3. 광고를 정상적으로 내려받았을 경우에 실행할 리스너

adView.setOnAdLoadedListener(new OnAdLoadedListener() {

@Override

public void OnAdLoaded() {

adView.setVisibility(View.VISIBLE);

}

});

adView.setVisibility(View.VISIBLE);

}

10. 해당 activity class 의 onCreate 에서 initAdam 메소드 호출.

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initAdam();

}

11. 해당 activity class 의 onDestroy 에서 initAdam 메소드 호출.

@Override

public void onDestroy() {

super.onDestroy();

if (adView != null) {

adView.destroy();

adView = null;

}

그럼 아래처럼 잘 붙음.

수익은 보고서에서 볼 수 있다(과자하나 못 사먹는 금액이지만 나름 만족스럽다 ㅋㅋ).

마켓에 올릴 APK 파일 패키징

아즈키 — Wed, 19 Jun 2013 13:47:22 +0900

가끔씩 할려면 까먹어서 정리..

준비물 : 미리 생성해둔 키 스토어 파일, ADT 등..

1. 프로젝트 오른쪽 클릭

2. 안드로이드 툴즈 - 익스포트 사이니드 어플 패키지

3. 키스토어 파일 넣고, 암호 넣고 Next.

4. Alias 선택 후 한번 더 암호 넣고 Next.

5. APK 파일 어디로 저장할지 넣고 Finish.

6. 해당 위치 가서 커맨드로

> zipalign -v 4 appname.apk appname_aligned.apk

7. 스토어 dev콜솔에서 align된 파일 올리면 끗.

정확한 내용은 아래 링크들 참고.

http://developer.android.com/tools/publishing/app-signing.html

http://developer.android.com/tools/help/zipalign.html

IP추적 - 아이피추적 앱 (안드로이드, 구글플레이)

아즈키 — Tue, 18 Jun 2013 18:38:28 +0900

IP추적 - 아이피추적 (잡았다 요놈)

다운로드 : https://play.google.com/store/apps/details?id=org.azki.iplocation

국내(한국, Korea)용 IP 추적 앱입니다. IP 추적 후 해당 접속 위치를 지도로 나타내줍니다. IP Location 데이타베이스에 없는 경우 whois 검색 결과를 보여줍니다(해외IP 경우 등).

개인정보취급방침

아즈키 — Mon, 20 May 2013 18:34:52 +0900

개인정보취급방침

최종 수정 날짜: 2013년 05월 20일

azki.org 개인정보취급방침에서 다루는 내용은 다음과 같습니다.

azki.org에서 수집하는 정보 및 수집 이유
azki.org에서 정보를 사용하는 방식
azki.org에서 제공하는 선택 사항(정보에 대한 액세스 및 업데이트 방법 포함)

azki.org은 사용자의 개인정보를 중요하게 여깁니다. 따라서 azki.org을 처음 사용하는 사용자든 오랫동안 사용한 사용자든, 시간을 내어 azki.org의 관행을 살펴보고 질문이 있는 경우 azki.org에 문의하시기 바랍니다.

azki.org에서 수집하는 정보

azki.org은 모든 사용자에게 더 나은 서비스를 제공하기 위해 사용자의 언어 같은 기본적인 정보부터 사용자가 가장 유용하다고 생각할 광고 또는 사용자가 온라인에서 가장 중요하게 여기는 사람과 같은 좀 더 복잡한 정보에 이르기까지 다양한 정보를 수집합니다.

azki.org에서는 두 가지 방법으로 정보를 수집합니다.

사용자가 제공하는 정보. 예를 들어, azki.org 서비스 중에는 azki.org 계정에 가입해야 사용할 수 있는 서비스가 많습니다. azki.org 계정에 가입할 때 azki.org은 사용자에게 이름, 이메일 주소와 같은 개인정보를 요청합니다. 또한 azki.org에서 제공하는 공유 기능을 최대한 활용하고자 하는 사용자에게 azki.org 프로필을 만들도록 요청할 수 있으며, 이 프로필은 모든 이에게 공개되고 이름과 사진이 포함될 수 있습니다.
사용자가 서비스를 사용할 때 수집하는 정보. azki.org은 azki.org 광고 서비스를 사용하는 웹사이트 방문 일시 또는 azki.org 광고 및 콘텐츠를 보고 사용한 일시 등 사용자가 사용하는 서비스 및 사용 방식에 대한 정보를 수집할 수 있습니다. 이러한 정보에는 다음이 포함됩니다.
- 기기 정보
  azki.org은 하드웨어 모델, 운영체제 버전, 고유 기기 식별자 및 모바일 네트워크 정보(전화번호 포함)와 같은 기기별 정보를 수집할 수 있습니다. azki.org은 기기 식별자 또는 전화번호를 azki.org 계정과 연결할 수 있습니다.
- 로그 정보
  azki.org 서비스를 사용하거나 azki.org에서 제공하는 콘텐츠를 볼 때 azki.org은 서버 로그에 있는 특정 정보를 자동으로 수집하고 저장할 수 있습니다. 여기에는 다음이 포함될 수 있습니다.
  - 사용자가 azki.org 서비스를 사용한 방법에 대한 세부정보(예: 앱 구동)
  - 인터넷 프로토콜 주소
  - 기기 이벤트 정보(다운, 시스템 활동, 하드웨어 설정, 브라우저 유형, 브라우저 언어, 요청 날짜 및 시간, 참조 URL)
  - 사용자의 브라우저 또는 azki.org 계정을 고유하게 식별할 수 있는 쿠키
- 위치 정보
  일부 서비스에는 사용자 동의 후 사용자가 위치 기반 azki.org 서비스를 사용할 때 azki.org은 사용자의 실제 위치에 대한 정보(예: 휴대기기에서 보낸 GPS 신호)를 수집하고 처리할 수 있습니다. 또한 근처 Wi-Fi 액세스 포인트 및 기지국 정보를 제공할 수 있는 기기의 센서 데이터 등 다양한 기술을 사용하여 위치를 파악할 수 있습니다.
- 고유한 애플리케이션 번호
  일부 서비스에는 고유한 애플리케이션 번호가 포함됩니다. 서비스를 설치하거나 제거할 때 또는 자동 업데이트 요청 등을 위해 서비스가 주기적으로 azki.org 서버에 연결할 때 이 번호 및 운영체제 종류, 애플리케이션 버전 번호 등 설치 관련 정보가 azki.org로 전송될 수 있습니다.
- 로컬 저장소
  azki.org은 브라우저 웹 저장소(HTML 5 포함) 및 애플리케이션 데이터 캐시 등의 메커니즘을 사용하여 정보(개인정보 포함)를 수집하고 이를 사용자의 기기에 로컬로 저장할 수 있습니다.
- 쿠키 및 익명 식별자
  사용자가 azki.org 서비스를 방문하는 경우 azki.org은 사용자의 기기로 하나 이상의 쿠키 또는 익명 식별자를 보내는 등 다양한 기술을 사용하여 정보를 수집하고 저장할 수 있습니다.

azki.org에서 수집한 정보를 이용하는 방법

azki.org은 모든 azki.org 서비스로부터 수집한 정보를 서비스를 제공, 유지, 보호 및 개선하고 새로운 서비스를 개발하며 azki.org 및 azki.org 사용자를 보호하는 데 사용합니다. 또한 사용자에게 좀 더 관련성 높은 검색결과 및 광고를 표시하는 등 맞춤형 콘텐츠를 제공하기 위해 이러한 정보를 사용합니다.

azki.org은 사용자가 azki.org 프로필로 제공하는 이름을 azki.org 계정이 필요한 모든 azki.org 서비스에서 사용할 수 있습니다. 또한 사용자의 이름이 모든 azki.org 서비스에 일관되게 표시되도록 azki.org 계정과 연결된 과거 이름을 교체할 수 있습니다. 내 이메일 주소나 나를 식별하는 정보를 다른 사용자가 가지고 있는 경우 azki.org은 그 사용자에게 내 공개 azki.org 프로필 정보(예: 이름 및 사진)를 표시할 수 있습니다.

사용자가 azki.org에 문의하는 경우 azki.org은 사용자가 겪고 있는 문제 해결에 도움이 되도록 사용자와의 커뮤니케이션 기록을 보관할 수 있습니다. azki.org은 변경 예정 사항 또는 개선사항 등 azki.org 서비스 관련 정보를 제공하기 위해 사용자의 이메일 주소를 사용할 수 있습니다.

azki.org은 쿠키 및 기타 기술(예: 픽셀 태그)을 통해 수집한 정보를 사용자 환경 및 전반적인 azki.org 서비스 품질을 개선하는 데 사용합니다. 예를 들어 사용자의 언어 환경설정을 저장함으로써 azki.org은 사용자가 원하는 언어로 서비스를 표시할 수 있게 됩니다. 사용자에게 맞춤 광고를 표시할 때 azki.org은 쿠키 또는 익명 식별자를 민감한 카테고리(인종, 종교, 성적 취향 또는 건강을 기반으로 하는 카테고리)와 연결하지 않습니다.

azki.org은 예를 들어 사용자가 아는 사람들과 쉽게 공유하도록 돕기 위한 목적 등으로, 하나의 서비스에 제공한 개인정보를 다른 azki.org 서비스의 정보(개인정보 포함)와 조합할 수 있습니다. azki.org은 사용자가 사전 동의하지 않는 한 DoubleClick 쿠키 정보를 개인 식별이 가능한 정보와 조합하지 않습니다.

본 개인정보취급방침에 명시된 목적과 다른 용도로 정보를 이용할 경우 azki.org은 먼저 사용자의 동의를 요청합니다.

azki.org은 개인정보를 전 세계의 여러 국가에 있는 azki.org 서버에서 처리합니다. azki.org은 사용자가 거주하는 국가 이외의 지역에 있는 서버에서 사용자의 개인정보를 처리할 수 있습니다.

개인정보 액세스 및 업데이트

azki.org은 사용자가 azki.org 서비스를 사용하는 동안 언제든지 자신의 개인정보에 액세스할 수 있도록 하고자 합니다. 해당 정보가 잘못된 경우, azki.org은 합법적인 사업 목적 또는 법률적 목적을 위해 유지해야 하는 경우가 아니라면 이러한 정보를 신속하게 업데이트하거나 삭제할 수 있는 방법을 제공하기 위해 노력합니다. 개인정보를 업데이트하는 경우 azki.org은 요청을 처리하기 전에 사용자 신원 확인을 요청할 수 있습니다.

azki.org은 비합리적으로 반복적인 요청, 과도한 기술적 노력이 필요한 요청(예: 새로운 시스템을 개발하거나 기존 관행을 근본적으로 바꾸어야 하는 경우), 타인의 개인정보를 침해하는 요청 또는 매우 비현실적인 요청(예: 백업 테이프에 있는 정보 관련 요청)을 거부할 수 있습니다.

azki.org은 과도한 노력이 요구되지 않는 한 정보 액세스 및 수정 서비스를 무료로 제공합니다. azki.org은 우발적이거나 악의적인 삭제 행위로부터 정보를 보호하는 방식으로 서비스를 유지 관리하고자 합니다. 이에 따라 azki.org은 사용자가 azki.org 서비스에서 정보를 삭제한 후에도 사본을 azki.org 활성 서버에서 즉시 삭제하지 않을 수 있으며 백업 시스템에서 정보를 삭제하지 않을 수 있습니다.

azki.org에서 공유하는 정보

azki.org은 다음 경우를 제외하고는 azki.org 이외의 회사, 조직 및 개인과 개인정보를 공유하지 않습니다.

사용자가 동의하는 경우
azki.org은 사용자가 동의한 경우 azki.org 이외의 회사, 조직 및 개인과 개인정보를 공유합니다. 민감한 개인정보를 공유해야 하는 경우 azki.org은 사용자의 사전 동의를 요청합니다.
법률상 필요한 경우
azki.org은 다음 목적을 위해 개인정보에 대한 액세스, 이용, 보존 또는 공개가 필요하다고 믿는 경우 azki.org 이외의 회사, 조직 또는 개인과 개인정보를 공유합니다.
- 관련법, 규제, 법적 절차 및 강제력이 있는 정부 요청의 준수
- 서비스 약관 위반 조사를 포함한 관련 서비스 약관 집행
- 사기, 보안 또는 기술적 문제를 감지, 예방 또는 해결
- azki.org, azki.org 사용자, 일반 대중의 권리, 재산, 안전을 위험 요소로부터 보호

azki.org은 개인 식별이 불가능한 집계 정보를 대중 및 azki.org 파트너(예: 게시자, 광고주 또는 연결된 사이트)와 공유할 수 있습니다. 예를 들어 azki.org은 azki.org 서비스의 일반적인 사용 경향을 보여주는 정보를 대중에 공개할 수 있습니다.

azki.org은 인수, 합병, 또는 자산의 매각이 있을 경우 관련 개인정보의 기밀을 계속 유지하며, 개인정보가 타사에 전달되어 해당 업체의 개인정보취급방침의 적용을 받기 전에 해당 사용자에게 미리 공지합니다.

정보 보안

azki.org은 보유하는 정보에 대한 무단 액세스, 변경, 공개 또는 삭제로부터 azki.org 및 azki.org 사용자를 보호하기 위해 노력합니다. 특히 azki.org은

시스템에 대한 무단 액세스를 감시하기 위해 물리적 보안 조치를 포함하여 azki.org의 정보 수집, 저장 및 처리 관행을 검토합니다.
azki.org은 개인정보 접근 권한을 azki.org 대신 개인정보를 처리하기 위해 정보를 알아야 하는 azki.org 운영자, 계약업자(위탁업자) 및 대리인으로 제한합니다. 이들은 계약을 통해 엄격한 기밀유지의 의무를 갖게 되며 이러한 의무를 어길 경우 제재를 받거나 계약이 해지될 수 있습니다.

본 방침의 적용

azki.org 개인정보취급방침은 azki.org 및 제휴사가 제공하는 모든 서비스에 적용되나 본 개인정보취급방침과 통합되지 않는 별도의 개인정보취급방침이 있는 서비스에는 적용되지 않습니다.

azki.org 개인정보취급방침은 타사 또는 타인이 제공하는 서비스에는 적용되지 않습니다. azki.org 개인정보취급방침은 azki.org 서비스를 광고하고 관련 광고를 게재 또는 제공하기 위해 쿠키, 픽셀 태그 및 기타 기술을 사용하는 다른 회사 및 조직의 정보 관행에는 적용되지 않습니다.

집행

azki.org은 개인정보취급방침의 자체적인 준수를 정기적으로 검토합니다. 또한 여러 자체 규제 프레임워크를 준수합니다. 불만사항에 대한 공식 서면 신고서가 접수되면 azki.org은 신고서 발송자에게 연락하여 후속조치를 취합니다. azki.org은 개인정보 전송과 관련하여 사용자와 직접 해결할 수 없는 불만사항이 있는 경우 문제 해결을 위해 현지 데이터 보호 당국을 비롯한 해당 규제 당국과 협력합니다.

변경

azki.org 개인정보취급방침은 수시로 변경될 수 있습니다. azki.org은 사용자의 명시적인 동의 없이 본 개인정보취급방침에 설명된 사용자의 권한을 축소하지 않습니다. azki.org은 개인정보취급방침에 변경이 있을 경우 해당 내용을 본 페이지에 게시하며 변경사항이 중대할 경우에는 일부 서비스에서 개인정보취급방침과 관련한 변경 고지 이메일을 발송하는 등 적극적으로 알립니다. azki.org은 또한 사용자가 확인할 수 있도록 본 개인정보취급방침의 이전 버전을 보관합니다.

MySQL 전체 데이터베이스 백업과 복구

아즈키 — Mon, 6 May 2013 11:16:57 +0900

MySQL 전체 데이터베이스 백업과 복구

백업 형식

# mysqldump -u{계정명} -p --all-databases > {파일명.sql}

복구 형식

# mysql -u{계정명} -p < {파일명.sql}

가끔 쓰는데 종종 까먹어서 적어둠..

세상에 팔수 있는 것..

아즈키 — Tue, 26 Feb 2013 13:28:05 +0900

세상에 팔수 있는 것은 3가지 뿐이다.

절실하게 필요한것

불편을 개선 하는것

욕망을 채워주는것

그러기 위해서는

상대에게 죽을것 같은 절실함을 안겨줘야 하고

상대가 모르고 있는 불편함을 깨우쳐줘야 하고

상대는 정작 필요없는 욕망을 심어줘야 한다.

위 글을 본건 물건 파는 이야기(Daum웹툰 미생 댓글)였지만, 소프트웨어에서도 통하는 이야기이길래 퍼옴. 절실히 필요한 프로그램, 편리하게 해주는 앱, 욕망을 채워주는 서비스. 잊지말자.

smali 언어 체험

아즈키 — Wed, 30 Jan 2013 19:45:59 +0900

아래는 apk 를 decompile 할 때 생성되는 smali 파일과 dex2jar 로 decompile 한 jar 을 비교한거(아래 관련글 2개에 이어 쓴 글).

2013/01/15 - [bring/steal] - 안드로이드 apk 디컴파일(Decompile) / 소스보기

2013/01/29 - [bring/steal] - 안드로이드 apk 디컴파일(Decompile) 후 다시 컴파일(Recompile) / 소스수정

compile 전 원본 source:

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

TextView tv = (TextView) findViewById(R.id.test_text);

int a = 33;

String b = "abcd";

a = a * b.length();

tv.setText(String.valueOf(a) + "QQ" + b);

Log.d("PPP", "RRR" + String.valueOf(a));

}

dex2jar 로 만든 jar 를 decompile 한 java source:

protected void onCreate(Bundle paramBundle)

{

super.onCreate(paramBundle);

setContentView(2130903040);

TextView localTextView = (TextView)findViewById(2131165184);

int i = 33 * "abcd".length();

localTextView.setText(String.valueOf(i) + "QQ" + "abcd");

Log.d("PPP", "RRR" + String.valueOf(i));

}

smali code:

# virtual methods

.method protected onCreate(Landroid/os/Bundle;)V

.locals 6

.parameter "savedInstanceState"

.prologue

.line 13

invoke-super {p0, p1}, Landroid/app/Activity;->onCreate(Landroid/os/Bundle;)V

.line 14

const/high16 v3, 0x7f03

invoke-virtual {p0, v3}, Lorg/azki/smali/MainActivity;->setContentView(I)V

.line 16

const/high16 v3, 0x7f07

invoke-virtual {p0, v3}, Lorg/azki/smali/MainActivity;->findViewById(I)Landroid/view/View;

move-result-object v2

check-cast v2, Landroid/widget/TextView;

.line 18

.local v2, tv:Landroid/widget/TextView;

const/16 v0, 0x21

.line 19

.local v0, a:I

const-string v1, "abcd"

.line 20

.local v1, b:Ljava/lang/String;

invoke-virtual {v1}, Ljava/lang/String;->length()I

move-result v3

mul-int/2addr v0, v3

.line 21

new-instance v3, Ljava/lang/StringBuilder;

invoke-static {v0}, Ljava/lang/String;->valueOf(I)Ljava/lang/String;

move-result-object v4

invoke-static {v4}, Ljava/lang/String;->valueOf(Ljava/lang/Object;)Ljava/lang/String;

move-result-object v4

invoke-direct {v3, v4}, Ljava/lang/StringBuilder;-><init>(Ljava/lang/String;)V

const-string v4, "QQ"

invoke-virtual {v3, v4}, Ljava/lang/StringBuilder;->append(Ljava/lang/String;)Ljava/lang/StringBuilder;

move-result-object v3

invoke-virtual {v3, v1}, Ljava/lang/StringBuilder;->append(Ljava/lang/String;)Ljava/lang/StringBuilder;

move-result-object v3

invoke-virtual {v3}, Ljava/lang/StringBuilder;->toString()Ljava/lang/String;

move-result-object v3

invoke-virtual {v2, v3}, Landroid/widget/TextView;->setText(Ljava/lang/CharSequence;)V

.line 22

const-string v3, "PPP"

new-instance v4, Ljava/lang/StringBuilder;

const-string v5, "RRR"

invoke-direct {v4, v5}, Ljava/lang/StringBuilder;-><init>(Ljava/lang/String;)V

invoke-static {v0}, Ljava/lang/String;->valueOf(I)Ljava/lang/String;

move-result-object v5

invoke-virtual {v4, v5}, Ljava/lang/StringBuilder;->append(Ljava/lang/String;)Ljava/lang/StringBuilder;

move-result-object v4

invoke-virtual {v4}, Ljava/lang/StringBuilder;->toString()Ljava/lang/String;

move-result-object v4

invoke-static {v3, v4}, Landroid/util/Log;->d(Ljava/lang/String;Ljava/lang/String;)I

.line 23

return-void

.end method

ps. 다른 apk를 해킹할 때 가장 유용할 것 같은 smali 구문을 뽑아본다면..

실제 찍어보고 싶은 값이 v4 이고, 해당 메소드에서 마지막 변수가 v5 일 때 임시 태그인 v6를 생성하고 Log.d

const-string v6, "TAG"

invoke-static {v6, v4}, Landroid/util/Log;->d(Ljava/lang/String;Ljava/lang/String;)I

분기문

if-ne v0, v1, :cond_0

# v0 과 v1 이 틀리면 cond_0 로 jump.

:cond_0

if-eq v0, v1, :cond_1

# v0 과 v1 이 같으면 cond_0 로 jump.

:cond_1

if-ge v0, v1, :cond_2

# v0 가 v1 보다 크거나 같으면 cond_2 로 jump.

:cond_2

if-le v0, v1, :cond_3

# v0 가 v1 보다 작거나 같으면 cond_3 로 jump.

:cond_3

자세히

http://code.google.com/p/smali/w/list

dalvik bytecode : http://source.android.com/tech/dalvik/dalvik-bytecode.html

dalvik dex format : http://source.android.com/tech/dalvik/dex-format.html

즐핵 with 양심.

안드로이드 apk 디컴파일(Decompile) 후 다시 컴파일(Recompile) / 소스수정

아즈키 — Tue, 29 Jan 2013 20:50:39 +0900

android decompile and recompile.

이전 글(소스보기)에 이어 이번에는 소스 수정한 후 다시 컴파일 하는 것까지 해보자.

2013/01/15 - [bring/steal] - 안드로이드 apk 디컴파일(Decompile) / 소스보기

1. 준비물

JRE

이건 알아서 설치.

APK Extracter

이전 글(소스보기) 참고. 여러가지 방법이 있음. apk 받을 수만 있으면 됨.

APK TOOL

http://code.google.com/p/android-apktool/
apktool.jar

텍스트 에디터

알아서.. 아무거나

signapk.jar 및 키파일

안드로이드 full source 안에 있다고 함. 따로 분리되어서 인터넷에 떠돌아다니니 찾아 받으셔도 됨. 일반적인 경우 키 파일도 대충 아무거나 생성해서 쓰면 됨.
signapk.zip

2. 방법

2.1 APK 파일을 받자.

APK 파일 추출기로 받으삼. 참고로 필자는 "MN 앱 관리"라는 국산 제품을 사용했음. 그 프로그램에서는 앱을 길게 누르면 뜨는 메뉴에서 "설치파일 보내기" 누르면 컴퓨터로 옮길 수 있었음.

2.2. PC로 옮긴 APK 파일을 apktool 로 decode 하자.

아래는 naverapp 이라는 폴더로 디코드한 예.

java -jar apktool.jar d com.nhn.android.search-1.apk naverapp

naverapp 폴더 안에 풀린 리소스들과 smali 파일들이 나타난다. smali 파일에서 원하는 부분을 수정하면 된다. (smali 파일은 dalvik 바이트코드를 디어셈블한 간이 코드, 자세한건 http://code.google.com/p/smali/ 를 참고).

2.3. 수정한 코드를 다시 build 하자.

아래는 naverapp 이라는 폴더를 naverapp.apk 로 다시 빌드한 예.

java -jar apktool.jar b naverapp naverapp.apk

이런.. 에러가 발생했다. 대략 보니 res\values-en\strings.xml:40 위치에 하나와 res\xml 안에 있는 widget 관련 파일들이다. 그냥 수정하고 다시 시도하자. 40 라인은 별 필요없어 보이니 값을 제거하고, widget 관련 파일들은 widgetCategory 라는 attribute 가 문제인듯 싶으니 해당 attribute 를 제거해준다. 그리고 다시 명령어를 실행하면 다행히 성공.

naverapp.apk 가 생성되었다. 하지만 이 apk 를 그대로 폰에 올리면 설치가 안된다. signing 작업을 해줘야함.

2.4. 빌드한 apk 파일을 signapk 로 signing 해주자.

아래는 naverapp.apk 를 naverapp_signed.apk 로 signing 한 예.

java -jar signapk.jar testkey.x509.pem testkey.pk8 naverapp.apk naverapp_signed.apk

2.5 다 된 naverapp_signed.apk 파일을 폰에 올려보자.

이건 여러가지 방법이 있는데 혹시 모르면 알아서 찾아보셈. 참고로 필자는 개인 웹서버에 올려서 모바일 브라우저에서 다운받아 설치하는 방법을 주로 사용하고 있다.

필자가 예제로 빌드한 apk 파일은 용량이 10MB가 넘어서 못 올렸고, 대신 그 스크린 샷만 첨부한다.

필자는 \smali\com\nhn\android\search\ui\main\tab\NaverHomeTabFragment.smali 파일의 2532 라인(상단 왼쪽 NAVER 버튼 등을 누르면 네이버로 이동)과 2561 라인(처음 실행하면 네이버로 이동)을 수정하여 Daum 사이트로 이동하게 수정해 보았다.

const-string v2, "naver-home"

const-string v3, "http://m.naver.com?app_page=main"

invoke-virtual {v1, v2, v3}, Lcom/nhn/android/apptoolkit/AppConfig;->getServerAddress(Ljava/lang/String;Ljava/lang/String;)Ljava/lang/String;

를 아래처럼 변경.

const-string v2, "naver-home"

const-string v3, "http://m.daum.net/"

invoke-virtual {v1, v2, v3}, Lcom/nhn/android/apptoolkit/AppConfig;->getServerAddress(Ljava/lang/String;Ljava/lang/String;)Ljava/lang/String;

그럼 즐핵.

ps. 다음앱 같은 일부의 경우 AndroidManifest.xml 파일에 android:sharedUserId="daum.uid.shared" 가 들어있어서 설치시 signing 에러가 발생한다. AndroidManifest.xml 파일의 android:sharedUserId="daum.uid.shared" 을 삭제하고 빌드해야한다.

기타 관련 사이트 :

http://code.google.com/p/smali/

http://netmite.com/android/mydroid/dalvik/docs/dalvik-bytecode.html

안드로이드 apk 디컴파일(Decompile) / 소스보기

아즈키 — Tue, 15 Jan 2013 18:47:01 +0900

1. 준비물

(아래 소개한 프로그램들은 같은 기능을 하는 다른 프로그램을 써도 됨).

APK Extracter

Play스토어에서 검색하면 많이 나옴.

반디집

http://apps.bandisoft.com/bandizip/

BANDIZIP-PORTABLE.ZIP

dex2jar

http://code.google.com/p/dex2jar/downloads/list

dex2jar-0.0.9.12-a.zip

DJ(Java Decompiler) GUI

http://jd.benow.ca/

jd-gui-0.3.5.windows.zip

~업데이트 추가~

윈도우용 0.3.6 버전

jd-gui-0.3.6.windows.zip

맥용 0.3.5 버전

jd-gui-0.3.5.osx.i686.dmg

2. 방법

2.1 APK 파일을 받자.

2.2. PC로 옮긴 APK 파일을 반디집으로 풀자.

아래는 다음앱의 예. 코드는 classes.dex 파일에 있다.

2.3 dex 파일을 jar 파일로 변경하자.

dex2jar 를 이용해서 dex 파일을 jar 파일로 변경하자. 커맨드는 dex2jar classes.dex

2.4 jar 파일을 decompile 해서 소스를 보자.

필자의 경우 JD-GUI 를 이용하였다. 이건 머 jar 를 푼 이후에 class 파일을 디컴파일해도 되고 알아서. JD-GUI 는 jar 파일을 열면 바로 소스가 이렇게 보임. 끗~!

ps. 요새는 decompile 을 방지하기 위해 소스를 꼬아주는 솔루션도 있고 하니 이렇게 깨끗하게 잘 안나오는 경우도 있음(주로 클래스명, 변수명등을 A,B,C 이런식으로 바꿔주는 형태).

유니티3d(unity3d) 3.x 버전 실행 안되는 문제 해결(Windows7, Windows8 64bit 에서)

아즈키 — Tue, 11 Dec 2012 10:32:10 +0900

4.0 은 실행이 잘되는데 3.5.x 버전은 윈도우 64bit 에서는 실행이 잘 안되미..

온갖 삽질을 하다 구글링으로 찾은 정보

시스템정보에서 고급 시스템 설정 들어가서 성능에서 DEP 설정에 Unity 실행파일을 추가.

코드 깎는 노인

아즈키 — Thu, 22 Nov 2012 17:04:59 +0900

코드 깎는 노인

벌써 사 일전 일이다. 공대서 밤새다 가는길에 마스터이로 캐리나 해볼까 하고 PC방을 갔다.
피씨방 한 구석에서 비쥬얼 스튜디오를 들여다 보고 있는 노인이 있었다. 진행하던 시스템 개발 프로젝트 버그나 잡아달라고 부탁을 했다. 값을 굉장히 비싸게 부르는 것 같았다. 좀 싸게 해줄수 없느냐고 물었더니

"그깟 MFC 하나 가지고 값을 깎으려오? 비싸거든 딴데 하청주시우"

대단히 무뚝뚝한 노인이었다. 더 깎지도 못하고 빨리 신택스 오류나 잡아 달라고 부탁했다.
그는 잠자코 열심히 보고 있었다. 처음에는 디버거를 돌리는가 했더니, 저물도록 테이블을 만들었다가 드랍했다가 이리 저리 부질없는 쿼리나 돌려 보고 굼뜨기 시작하더니, 이내 마냥 늑장이다. 내가 보기에는 그만하면 다 됐는데, 자꾸만 더 짜고 있다. 인제 다 됐으니 그냥 달라고 해도 못 들은 체한다. 과제 제출 시간이 다 되었으니 빨리 달라고 해도 통 못 들은 체 대꾸가 없다. 점점 제출시간이 빠듯해 왔다. 갑갑하고 지루하고, 인제는 초조할 지경이다.
더 짜지 아니해도 좋으니 그만 달라고 했더니, 화를 버럭 내며,

"끓을 만큼 끓어야 밥이 되지, 생쌀이 재촉한다고 밥이 되나?"
하면서 오히려 야단이다. 나도 기가 막혀서,
"살 사람이 좋다는데 무슨 기능을 추가한단 말이오? 노인장, 외고집이시구려. 제출해야 된다니까……."
노인은
"다른 데 하청주시우. 난 코드 지우것소." 하는 퉁명스런 대답이다.

지금까지 기다리고 있다가 그냥 갈 수도 없고, 제출은 어차피 늦은 것 같고, 교수님은 광분하셨고 해서, 될 대로 되라고 체념(諦念)할 수밖에 없었다.
"그럼 마음대로 짜 보시오."
"글쎄, 재촉을 하면 점점 코드가 더러워진다니까. 코드란 아름답게 짜야지, 전역 변수 따윌 쓰면 되나?"
좀 누그러진 말투다.

이번에는 숫제 작업하던 비쥬얼 스튜디오랑 MySQL 콘솔을 최소화 시킨 후 태연스럽게 랭크게임에서 정글 마스터이로 똥을 싸고 있지 않은가? 나도 그만 지쳐 버려 구경꾼이 되고 말았다. 얼마 후에, 노인은 또 짜기 시작한다. 얼마 후에 다시 비쥬얼 스튜디오을 켜고 F7누르고 컨트롤 F5 누르고 이리저리 돌려 보더니, 다 됐다고 내준다. 사실, 다 되기는 아까부터 다 되어 있던 프로젝트다.

차를 놓치고 다음 차로 가야 하는 나는 불쾌하기 짝이 없었다. 그 따위로 장사를 해 가지고 장사가 될 턱이 없다. 클라이언트 본위(本位)가 아니고 개발자 본위다. 불친절(不親切)하고 무뚝뚝한 노인이다. 생각할수록 화가 났다.

그러다가 뒤를 돌아보니, 노인은 태연히 허리를 펴고 도서관 추녀를 바라보고 있다. 그 때, 어딘지 모르게 공대생 다워 보이는, 그 바라보고 있는 옆 모습, 그리고 잠을 못자 거무죽죽한 눈매와 찌든 담배냄새에 내 마음은 약간 누그러졌다. 노인에 대한 멸시와 증오심이 공대생에 대한 측은함으로 바뀐 것이었다.

다음날 다시 공대로 가서 코드를 발표 했더니, 교수님은 코드가 예쁘고 자료구조가 아름답게 잘 되었으며 우아한 Entity-Contoller-IOHandler패턴이 적용되었다고 야단이다. 작년 애들이 짰던 것보다 참 좋다는 것이다. 그러나 나는 전의 것이나 별로 다른 것 같지가 않았다.

그런데 대학원 형들의 설명을 들어 보니, 코드가 깔끔하면 퍼포먼스가 떨어져 제대로 기능하지 못하며, 퍼포먼스가 잘 나오면 으레 코드가 더럽거나 심지어는 감히 입에 담을 수 조차 없는 볼드모트같은 존재인 goto까지는 쓰는 판국인데, 이처럼 딱 맞는 코드는 잘 만나기 힘들다는 것이다.

나는 비로소 마음이 확 풀렸다. 그리고 그 노인에 대한 내 태도를 뉘우쳤다. 참으로 미안했다.

- 출처 미상 : 페친 누군가가 올렸길래 퍼옴.

스택 기반 시간관리 앱

아즈키 — Sat, 2 Jun 2012 14:40:41 +0900

직접 만들어서 사용하고 있는 시간 관리 앱이다.

소스 : https://github.com/azki/StackTimeScheduler

http://xrath.com/2012/05/time-management-based-on-stack 를 읽고 삘 받아서(?) 만들었는데, 만들고 나니 원래 글의 취지랑은 꽤 멀어져버린 방식이 되버렸다. 내 취향에 맞아야하니까. 암튼 앱을 실행하면 아래와 같이

시간이 흘러가고.
뭘 하고 있는지 나오고.
하고 있는 것을 끝낼 수 있고.
새롭게 시작할 수 있는 것을 적을 수 있고.
시작할 수 있다.

기본적인 사용의 예시를 들어보자. 설거지라는 일을 시작했다. 설거지라고 적고 start를 한다. 그럼 시간이 계속 흐른다. 설거지를 30분 정도하다가 도중에 드라마가 시작해서 드라마를 보고자 한다. 그럼 설거지를 end하지 않고, 드라마라고 적고 start를 누른다. 그럼 타이머는 30분에서 0분이 되고 다시 돌기 시작한다. 그리고 드라마를 1시간동안 보고 다시 설거지를 하고자 한다면 end를 누르면 자동으로 태스크가 설거지로 돌아오고, 시간도 30분으로 돌아오게 된다. history에는 내가 설거지 중간에 드라마로 1시간을 소비했다는 것이 남는다. 설거지를 30분 더 하고 end를 누르면 태스크는 idle이 되고 history에 설거지에 1시간을 소비했다고 남는다. idle 태스크는 end 되지 않는다. 하는 일이 없어도 시간은 멈추지 않으니까.

나중에는 서버 동기화등을 통해서 그래프나 달력등으로 시각화도 한번 해보면 괜찮겠다는 생각이 든다.

ps. 한 일주일 정도 써봣는데, 결국은 폰 꺼내고 몇글자 적는 것이 귀찮아져서 사용 포기.

eot url tool. eot 웹폰트의 URL 수정 툴

아즈키 — Mon, 7 May 2012 15:33:46 +0900

오늘은 요런 것을 만들어서 오픈 소스로 공개합니다. =_=;

https://github.com/azki/eot_url_tool

Microsoft WEFT로 만든 웹폰트의 URL을 변경시켜주는 프로그램입니다. eot 포맷의 webfont 라이선스 URL을 확인하거나, 변경할 수 있습니다. 해당 파일의 스펙은 http://www.w3.org/Submission/EOT/ 에서 참고하였습니다.

등록된 URL을 읽기 위해서는.
```
> eot_url_tool in.eot
```

URL을 새로 세팅하기 위해서는.

> eot_url_tool in.eot out.eot http://daum.net http://uie.daum.net

ex)

C:\>eot_url_tool
usage: eot_url_tool input_file [output_file [URL [URL...]]]

ex1. read urls.
        eot_url_tool in.eot
ex2. set urls.
        eot_url_tool in.eot out.eot http://daum.net http://uie.daum.net


C:\>eot_url_tool YDgirl.eot
http://daum.net http://www.yoonfont.co.kr
C:\>eot_url_tool YDgirl.eot YDgirl2.eot http://azki.org
complete.
C:\>eot_url_tool YDgirl2.eot
http://azki.org
C:\>

ps. 대량 작업을 위해 콘솔 프로그램으로 만들었는데, 개인용도로 사용하실 분 UI로 만들어진 http://forge.tistory.com/6 를 쓰시는 것이 더 좋을듯 싶네요. 그리고 저 또한 사용자에게 주의를 요합니다(경고 문구가 좋아서 배껴왔어요 -ㅁ-).

* 이 프로그램을 사용하다 발생한 문제에 대해서 저는 책임을 질 수 없으니, 문제가 발생할만한 부분에서는 사용하지 말아주세요.

소프트웨어 만들 때 쓰는 시간..

아즈키 — Fri, 20 Apr 2012 23:07:46 +0900

이민석 교수님의 슬라이드에서 마음에 드는(걸리는) 한장이 있어 퍼왔습니다.
(출처: http://www.slideshare.net/MinsukLee/yangchungmiddleschoollecture20120420)

항상 본질은 중요하다. 특히 UI가 들어간 관련된 프로그램에서는 UX 향상을 위해 항상 많은 고민과 시도를 하게 되는 것 같다. 사랑받는 소프트웨어를 만들고 싶다는 욕구는 작업을 더디게 하지만, 고된 정신노동을 즐길 수 있는 원동력이 되는 것 같다. 언젠간 정말 많은 사랑을 받는 그런 소프트웨어를 만들고 싶다. 왠지 사랑 결핍 증후군 같지만, 이 분야에 뛰어든 나의 작은 꿈이다. 그러기 위해 저 많은 부분을 차지하는 "인간에 대한 고찰"을 항상 잊지말고 열심히 해야겠구나~ =_= ~

ps. 그런데 "프로그램 짜기"에 기술적인 설계도, 수학적 설계도 포함되지 않나요?ㅎ 물론 그렇게 따지면 인간에 대한 고찰도 포함시킬 수도 있겠지만 ^^;

JOB INTERVIEW QUESTIONNAIRE

아즈키 — Tue, 17 Apr 2012 23:04:20 +0900

JOB INTERVIEW QUESTIONNAIRE

@version 1.0

Contributors

@bentruyman (http://bentruyman.com/), @roger_raymond (http://twitter.com/iansym), @ajpiano (http://ajpiano.com/), @paul_irish (http://paulirish.com/), @SlexAxton (http://alexsexton.com/), @boazsender (http://boazsender.com/), @miketaylr (http://miketaylr.com/), @vladikoff (http://vladfilippov.com/), @gf3 (http://gf3.ca/), @jon_neal (http://twitter.com/jon_neal), @wookiehangover (http://wookiehangover.com/) and @darcy_clarke (http://darcyclarke.me)

General Questions:

Are you on Twitter?
- If so, who do you follow on Twitter?
Are you on GitHub?
- If so, what are some examples of repos you follow
What blogs do you follow?
What version control systems have you used?
What is your preferred development environment? (OS, Editor, Browsers, Tools etc.)
Can you describe your workflow when you create a web page?
Can you describe the difference between progressive enhancement and graceful degradation?
- Bonus points for the answer "no one can"
- Extra bonus points for describing feature detection
Explain what "Semantic HTML" means.
What does "minification" do?
Why is it better to serve site assets from multiple domains?
- How many resources will a browser download from a given domain at a time?
If you have 8 different stylesheets for a given design, how would you integrate them into the site?
- Looking for file concatenation.
- Points off for @import, unless it works in conjunction with a build system.
If you jumped on a project and they used tabs and you used spaces, what would you do?
- issue :retab! command
Write a simple slideshow page
- Bonus points if it does not use JS.
What tools do you use to test your code's performance?
If you could master one technology this year, what would it be?
Name 3 ways to decrease page load. (perceived or actual load time)
Explain the importance of standards.

HTML-Specific Questions:

What's a doctype do, and how many can you name?
What's the difference between standards mode and quirks mode?
What are the limitations when serving XHTML pages?
- Are there any problems with serving pages as application/xhtml+xml?
How do you serve a page with content in multiple languages?
Can you use XHTML syntax in HTML5? How do you use XML in HTML5?
What are data- attributes good for?
What are the content models in HTML4 and are they different in HTML5?
Consider HTML5 as an open web platform. What are the building blocks of HTML5?
Describe the difference between cookies, sessionStorage and localStorage.

JS-Specific Questions

Which JavaScript libraries have you used?
How is JavaScript different from Java?
What are undefined and undeclared variables?
What is a closure, and how/why would you use one?
- Your favorite pattern used to create them? argyle (Only applicable to IIFEs)
What's a typical use case for anonymous functions?
Explain the "JavaScript module pattern" and when you'd use it.
- Bonus points for mentioning clean namespacing.
- What if your modules are namespace-less?
how do you organize your code? (module pattern, classical inheritance?)
What's the difference between host objects and native objects?
Difference between: javascript function Person(){} var person = Person() var person = new Person()
What's the difference between .call and .apply?
explain Function.prototype.bind?
When do you optimize your code?
Can you explain how inheritance works in JavaScript?
- Bonus points for the funny answer: "no one can"
- Extra bonus points if they take a stab at explaining it
When would you use document.write()?
- Correct answer: 1999 - time to weed out the junior devs
What's the difference between feature detection, feature inference, and using the UA string
Explain AJAX in as much detail as possible
Explain how JSONP works (and how it's not really AJAX)
Have you ever used JavaScript templating, and if so, what/how?
Explain "hoisting".
What is FOUC? How do you avoid FOUC?
Describe event bubbling.
What's the difference between an "attribute" and a "property"?
Why is extending built in JavaScript objects not a good idea?
Why is extending built ins a good idea?
Difference between document load event and document ready event?
What is the difference between == and ===?
Explain how you would get a query string parameter from the browser window's URL.
Explain the same-origin policy with regards to JavaScript.
Explain event delegation.
Describe inheritance patterns in JavaScript.
Make this work: javascript [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
Describe a strategy for memoization (avoiding calculation repetition) in JavaScript.
Why is it called a Ternary statement, what does the word "Ternary" indicate?
What is the arity of a function?

JS-Code Examples:

>~~3.14

Question: What value is returned from the above statement? Answer: 3

"i'm a lasagna hog".split("").reverse().join("");

Question: What value is returned from the above statement? Answer: "goh angasal a m'i"

( window.foo || ( window.foo = "bar" ) );

Question: What is the value of window.foo? Answer: "bar" if intially window.foo was false, undefined or zero else it will retain its value.

var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);

Question: What is the outcome of the two alerts above? Answer: "Hello World" & ReferenceError: bar is not defined

jQuery-Specific Questions:

Explain "chaining".
What does .end() do?
How, and why, would you namespace a bound event handler?
What is the effects (or fx) queue?
What is the difference between .get(), [], and .eq()?
What is the difference between .bind(), .live(), and .delegate()?
What is the difference between $ and $.fn? Or just what is $.fn.
Optimize this selector: javascript $(".foo div#bar:eq(0)")

CSS-Specific Questions:

Describe what a "reset" CSS file does and how it's useful.
Describe Floats and how they work.
What are the various clearing techniques and which is appropriate for what context?
Explain CSS sprites, and how you would implement them on a page or site.
What are the differences between the IE box model and the W3C box model?
What are your favourite image replacement techniques and which do you use when?
CSS property hacks, conditionally included .css files, or... something else?
How do you serve your pages for feature-constrained browsers?
- What techniques/processes do you use?
What are the different ways to visually hide content (and make it available only for screen readers)?
Have you ever used a grid system, and if so, what do you prefer?
Have you used or implement media queries or mobile specific layouts/CSS?
Any familiarity with styling SVG?
How do you optimize your webpages for print?
What are some of the "gotchas" for writing efficient CSS?
Do you use CSS preprocessors?
- If so, describe what you like and dislike about the CSS preprocessors you have used.
How would you implement a web design comp that uses non-standard fonts? (avoid mentioning webfonts so they can figure it out)
Explain how a browser determines what elements match a CSS selector?

Optional fun Questions:

What's the coolest thing you've ever coded, what are you most proud of?
Do you know the HTML5 gang sign?
Are you now, or have you ever been, on a boat.
Tell me your favorite parts about Firebug / Webkit Inspector.
Do you have any pet projects? What kind?
Explain the significance of "cornify".
On a piece of paper, write down the letters A B C D E vertically. Now put these in descending order without writing one line of code.
- Wait and see if they turn the paper upside down
This should make the laugh and is a fine way to relieve some tension at the end of the interview.
Pirate or Ninja?
- Bonus if it's a combo and a good reason was given (+2 for zombie monkey pirate ninjas)
If not Web Development what would you be doing?
Where in the world is Carmen Sandiego? (hint: their answer is always wrong)
What's your favorite feature of Internet Explorer?
Complete this sentence: Brendan Eich and Doug Crockford are the __________ of javascript.
jQuery: a great library or the greatest library? Discuss.

출처: https://github.com/darcyclarke/Front-end-Developer-Interview-Questions

자주 안쓰여서 자꾸 까먹는 정규식(RegExp) 두가지

아즈키 — Tue, 10 Apr 2012 13:58:51 +0900

(?=ABC)

Positive lookahead. Matches a group after your main expression without including it in the result.
ABC가 뒤에 따라 나오긴 해야되는데, 매칭에 포함시키지 않음.

"12ABC".match(/2(?=ABC)/)

["2"]

"123ABC".match(/2(?=ABC)/)

null

단, 앞으로는 안되미.

"ABC12".match(/(?=ABC)1/)

null

(?!ABC)

Negative lookahead. Specifies a group that can not match after your main expression (ie. if it matches, the result is discarded).
ABC가 뒤에 따라 나오면 안되긔.

"123ABC".match(/2(?!ABC)/)

["2"]

"12ABC".match(/2(?!ABC)/)

null

역시, 앞으로는 안되미.

"ABC12".match(/(?!ABC)12/)

["12"]

사용 가능한 기능표 ( 출처: https://www.regular-expressions.info/refadv.html )

Feature	Syntax	Description	Example	Java	JavaScript
Comment	`(?#comment)`	Everything between `(?#` and `)` is ignored by the regex engine.	`a(?#foobar)b` matches `ab`	no	no
Branch reset group	`(?\|regex)`	If the regex inside the branch reset group has multiple alternatives with capturing groups, then the capturing group numbers are the same in all the alternatives.	`(x)(?\|(a)\|(bc)\|(def))\2`matches `xaa`, `xbcbc`, or `xdefdef` with the first group capturing `x` and the second group capturing `a`, `bc`, or `def`	no	no
Atomic group	`(?>regex)`	Atomic groups prevent the regex engine from backtracking back into the group after a match has been found for the group. If the remainder of the regex fails, the engine may backtrack over the group if a quantifier or alternation makes it optional. But it will not backtrack into the group to try other permutations of the group.	`a(?>bc\|b)c` matches `abcc`but not `abc`	YES	no
Positive lookahead	`(?=regex)`	Matches at a position where the pattern inside the lookahead can be matched. Matches only the position. It does not consume any characters or expand the match. In a pattern like `one(?=two)three`, both `two` and `three` have to match at the position where the match of `one` ends.	`t(?=s)` matches the second `t`in `streets`.	YES	YES
Negative lookahead	`(?!regex)`	Similar to positive lookahead, except that negative lookahead only succeeds if the regex inside the lookahead fails to match.	`t(?!s)` matches the first `t` in `streets`.	YES	YES
Positive lookbehind	`(?<=regex)`	Matches at a position if the pattern inside the lookbehind can be matched ending at that position.	`(?<=s)t` matches the first `t` in `streets`.	YES	no
Negative lookbehind	`(?<!regex)`	Matches at a position if the pattern inside the lookbehind cannot be matched ending at that position.	`(?<!s)t` matches the second `t` in `streets`.	YES	no
Lookbehind	`(?<=regex\|longer regex)`	Alternatives inside lookbehind can differ in length.	`(?<=is\|e)t` matches the second and fourth `t` in `twisty streets`.	YES	n/a
Lookbehind	`(?<=x{n,m})`	Quantifiers with a finite maximum number of repetitions can be used inside lookbehind.	`(?<=s\w{1,7})t` matches only the fourth `t` in `twisty streets`.	6 4 fail	n/a
Lookbehind	`(?<=regex)`	The full regular expression syntax can be used inside lookbehind.	`(?<=s\w+)t` matches only the fourth `t` in `twisty streets`.	no	n/a
Lookbehind	`(group)(?<=\1)`	Backreferences can be used inside lookbehind. Syntax prohibited in lookbehind is also prohibited in the referenced capturing group.	`(\w).+(?<=\1)` matches `twisty street` in `twisty streets`.	no	n/a
Keep text out of the regex match	`\K`	The text matched by the part of the regex to the left of the `\K`is omitted from the overall regex match. Other than that the regex is matched normally from left to right. Capturing groups to the left of the `\K` capture as usual.	`s\Kt` matches only the first `t`in `streets`.	no	no
Lookaround conditional	`(?(?=regex)then\|else)`where `(?=regex)` is any valid lookaround and `then` and `else` are any valid regexes	If the lookaround succeeds, the "then" part must match for the overall regex to match. If the lookaround fails, the "else" part must match for the overall regex to match. The lookaround is zero-length. The "then" and "else" parts consume their matches like normal regexes.	`(?(?<=a)b\|c)` matches the second `b` and the first `c` in `babxcac`	no	no
Implicit lookahead conditional	`(?(regex)then\|else)`where `regex`, `then`, and `else` are any valid regexes and `regex` is not the name of a capturing group	If "regex" is not the name of a capturing group, then it is interpreted as a lookahead as if you had written `(?(?=regex)then\|else)`. If the lookahead succeeds, the "then" part must match for the overall regex to match. If the lookahead fails, the "else" part must match for the overall regex to match. The lookaround is zero-length. The "then" and "else" parts consume their matches like normal regexes.	`(?(\d{2})7\|c)` matches the first `7` and the `c` in `747c`	no	no
Named conditional	`(?(name)then\|else)` where `name` is the name of a capturing group and `then` and `else` are any valid regexes	If the capturing group with the given name took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`(?<one>a)?(?(one)b\|c)`matches `ab`, the first `c`, and the second `c` in `babxcac`	no	no
Named conditional	`(?(<name>)then\|else)`where `name` is the name of a capturing group and `then` and `else` are any valid regexes	If the capturing group with the given name took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`(?<one>a)?(?(<one>)b\|c)`matches `ab`, the first `c`, and the second `c` in `babxcac`	no	no
Named conditional	`(?('name')then\|else)`where `name` is the name of a capturing group and `then` and `else` are any valid regexes	If the capturing group with the given name took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`(?'one'a)?(?('one')b\|c)`matches `ab`, the first `c`, and the second `c` in `babxcac`	no	no
Conditional	`(?(1)then\|else)` where `1`is the number of a capturing group and `then` and `else` are any valid regexes	If the referenced capturing group took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`(a)?(?(1)b\|c)` matches `ab`, the first `c`, and the second `c` in `babxcac`	no	no
Relative conditional	`(?(-1)then\|else)` where `-1` is a negative integer and `then` and `else` are any valid regexes	Conditional that tests the capturing group that can be found by counting as many opening parentheses of named or numbered capturing groups as specified by the number from right to left starting immediately before the conditional. If the referenced capturing group took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`(a)?(?(-1)b\|c)` matches `ab`, the first `c`, and the second `c` in `babxcac`	no	no
Forward conditional	`(?(+1)then\|else)` where `+1` is a positive integer and `then` and `else` are any valid regexes	Conditional that tests the capturing group that can be found by counting as many opening parentheses of named or numbered capturing groups as specified by the number from left to right starting at the "then" part of conditional. If the referenced capturing group took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`((?(+1)b\|c)(d)?){2}`matches `cc` and `cdb` in `bdbdccxcdcxcdb`	no	no
Conditional	`(?(+1)then\|else)` where `1`is the number of a capturing group and `then` and `else` are any valid regexes	The `+` is ignored and the number is taken as an absolute reference to a capturing group. If the referenced capturing group took part in the match attempt thus far, the "then" part must match for the overall regex to match. If the capturing group did not take part in the match thus far, the "else" part must match for the overall regex to match.	`(a)?(?(+1)b\|c)` matches `ab`, the first `c`, and the second `c` in `babxcac`	no	no
Feature	Syntax	Description	Example	Java	JavaScript