DustBin

[theanimalblog]

Renard Roux Red Fox. Photo by r.gelly

[yoont-blog]

haha

[theanimalblog]

Renard Roux Red Fox. Photo by r.gelly

[yoont-blog]

ios 저장소 관련 가이드라인

ios 스토어 가이드라인중 icloud 추가 되면서 저장소 관련된 리젝 내용이 추가됨. 사용자가 직접 생성한 파일은 /documents 에 저장이 가능하지만 이외에 웹에서 다운 받는 파일들은 /documents 를 이용할 경우 리젝 사유가 된다 sql파일을 다운 받아 업데이트 하거나, 압축 바이너리를 다운 받을때는 /tmp 폴더를 이용해야 하고 삭제 프로세스는 필수로 작동해야 하고, 발간물이나 이미지 파일등의 리소스는 /library/caches 폴더에 저장 되어야 한다. 테스트 해보니 /documents 폴더에 저장이 되면 어플 사용 공간 전체가 늘어나고(settings에서 봤을때) icloud 백업 리소스로 잡힘. documents/ 에 꼭 저장해야 할 경우에는 icloud 에 적용 되지 않는 파일 이라는 마킹을 해줘야 한다고 함.

[yoont-blog]

고장난 이어폰으로 핸즈프리 만들기

아이팟 - 일렉기타 연결 회로 성공후에 남은 재료들로 할 수 있는게 뭐가 있을가 생각 하던중에

선이 끊겨서 차마 버리지 못하던 TDK 이어폰이 생각났다.

바로 이놈.. 튜닝 시리즈 중에 Live 인데

고가의 이어폰은 아니지만 가성비가 꽤나 좋아서 아끼던 이어폰 이었다.

버리기에는 아쉽고.. 그렇다고 작동은 전혀 안하고..

이놈에게 CPR을 해보기로 했다.

우선 위의 이어폰과 

어느 휴대폰의 것이었는지는 모르지만.. 서랍에 처박혀 있던 핸즈프리를 찾아 내었다.

이제 연결만 하면 되는데..

준비물은, 납땜을 위한 인두와 납, 그리고 고정을 하기 위한 글루건.

인두는 2만원 안쪽으로 구매 가능하고.. 가능하면 실험실 같은데서 빌리는게 현명하고

글루건은 문구점 같은데 가면 작은 사이즈는 5천원 정도면 구입 가능하다.

조립에 앞서 이어폰 플러그에 대해서 설명 하자면

발로 그린 거니깐 대충 알아보길..

이 그림은 아이폰 처럼 이어폰과 마이크를 같이 지원 하는 잭을 위한

4극 플러그 이다. 4 conductor 라고도 표현 하며

구분 하는 방법은 잭 앞 부분을 봤을때 까만색 선으로 칸이 나뉘어 있는데 칸이 4개면 4 conductor 3개 이면 3 conductor(보통 스테레오 이어폰) 2개 이면 2conductor 이고 Mono 이어폰 용이다.

4극 플러그는 크게 미국식과 유럽식으로 구분을 하는데

극성을 보았을때 앞에서 부터 Left - Right - GND(그라운드) - Mic 인것이 미국식이고

Left - Right - Mic - GND 의 구성으로 그라운드와 Mic의 위치가 바뀐것이 유럽식이다.

둘은 원칙적으로 호환 되지 않으나 요새는 자동 감지 해준다는 이야기도 있다

발로 그린 저 그림은 미국식 - 흔히 아이팟 류에서 사용하는 - 이다.

플러그의 뒤쪽은 가장 길에 나와 있는 것이 Mic 이고 나머지 3개는 가장 튀어 나와 있는 것부터 차례대로 Left, Right, GND 이다.

쓸데 없는 설명을 덧붙이자면 Mic는 보통 2Conductor이다. Mic-GND.

플러그와 이어폰 라인을 연결 하기 위해서 우선 가위나, 칼 같은 도구를 이용해서

피복만 가볍게 벗겨 내면, 나일론(?) 선 위에 유색의 전선이 감겨 있는 선이 3개 나온다.

모노 이어폰의 경우에는 2개이고 스테레오 이어폰의 경우에는 선이 3개이다.

흔히 빨간색이 GND 라고 하지만....

TDK는 색 구성이 이상했다... 이것때문에 엄청나게 고생 했는데..

이어폰 스피커 분해가 쉽다면 양쪽을 분해해서 어떤 line이 연결되어 있나 확인해보는것이

가장 확실한 방법이다. 양쪽에 다 존재 하는 색상이 GND라고 생각하면 된다.

연결하기에 앞서 각각의 색으로 도금된 라인을 그대로 납땜 하면 아무 소리도 나지 않는다...

보통은 3라인이 꼬아져서 피복이 입혀져 있으므로.. 합선을 막기 위해 도금을 해 놓는것이다.

도금을 긁어서 벗겨내도 되지만 가장 손쉬운 방법은 라이터로 살짝 지지는 방법이다.

전선에 불이 붙으므로 놀라지 말고 훅 불어서 끄도록 하자.

살짝 지지고 나서 젖은 휴지나 물티슈로 닦아 내면 도금이 벗겨진 금색의 구리선이 나온다.

TDK는 초록색이 GND이고 금색과 붉은색이 각각 left right 였다.

우선 초록색을 GND에 납땜하고, left와 right도 각각 납땜해준다.

이대로 잭에 꽂아 보면 소리가 이어폰을 통해 소리가 나온다 !

이제 남은것은 마이크 인데 마이크는 생각보다 간단하다 라인이 2개뿐.

아예 외부 마이크를 연결한다고 해도 역시 라인은 2개 이므로 그대로 연결 해주면 된다.

핸즈프리를 활용하는 것이라면 이어폰으로 나가는 라인 이외에 2개 이거나.

이어폰의 GND와 남은 하나의 라인이므로.. 쉽게 유추 가능하다.

가장 길에 뻗어 있는 단자에 Mic를 연결하고 이어폰의 GND를 연결한곳에 Mic의 GND를

같이 납땜 하며 붙여 주면

일단 완성이다. 이제 남은일은 마감질.. 마감질은 각자가 창의 적인 방법으로 하면 된다.

나 같은 경우에는 글루건으로 굳히고 캡을 씌웠다..

글로 보면 복잡해 보일지 몰라도 직접해보면 굉장히 간단한 편이다..

A/S도 왠만하면 되지 않는게 이어폰인데, 비싼 이어폰이 갑자기 안될때 버리지 말고

직접 수리 하도록하자..

[yoont-blog]

express 에서 session 이용하기

express에서는 쿠키 세션을 지원한다.

var store = new express.session.MemoryStore;

//var MemStore = require('connect').session.MemoryStore;

app.use(express.cookieParser());

  app.use(express.session({

    secret: 'secret',

    store: store

    //MemStore({

      //reapInterval: 6000 * 10

    //})

  }));

express의 메모리 스토어를 그대로 이용하여도 되고

connect 의 메모리 스토어를 이용해도 된다.

reapInterval을 이용해줄 수도 있다.

이전에는 세션을 이용하기 위해서 cookieDecoder()를 이용했으나,

최신버전에서는 cookieParse()를 이용한다.

주의 할점은 라우터를 use 하기전에 세션이 use 되어야 한다는점.

[yoont-blog]

nodejs 에서 javascript 및 css minifier

connect-assetmanager

제일 잘 만들어 졌다고 한다. 좀더 써봐야 알겠지만..

app.js 같은 기본 파일에서 추가하는게 좋고, 뭐 물론 모듈로 만들어서 require 해도 되지만

간략하게 날코딩 하자면

먼저

$ npm install connect-assetmanager

$ npm install connect-assetmanager-handler (optional이지만, preManipulate 나 post Manipulate 를 이용 하려면 역시 설치 하시오.)

var assetManager = require('connect-assetmanager');

var assetHandler = require('connect-assetmanager-handlers');

먼더 라이브러리를 불러오고

var assetManagerGroups = {

  '[js 그룹명]': {

    'route': [regular expresstion]

    , 'path': '해당 js 폴더'

    , 'dataType': 'javascript'

    , 'files': [  파일명 Array  ]

  }

  , '[ css 그룹명 ]': {

    'route': [regular expresstion]

    , 'path': '해당 css 폴더'

    , 'dataType': 'css'

    , 'files': [  파일명 Array  ]

    , 'preManipulate': {

      // Regexp to match user-agents including MSIE.

      'MSIE': [

        assetHandler.yuiCssOptimize

        , assetHandler.fixVendorPrefixes

        , assetHandler.fixGradients

        , assetHandler.stripDataUrlsPrefix

      ],

      // Matches all (regex start line)

      '^': [

        assetHandler.yuiCssOptimize

        , assetHandler.fixVendorPrefixes

        , assetHandler.fixGradients

        , assetHandler.replaceImageRefToBase64(root)

      ]

    }

  }

};

그룹명은 그냥 text. 슬래쉬 문자도 먹힌다. 구분하기 편하려면 이런점도 이용하면 좋을듯

route 는 정규 표현식을 지원한다.

일단은 위에 코드는 preManipulate 만 테스트 해본건데, postMenipulate 이용해서 uglify 하는 짓도 가능하다.

일단 json 만들었으면, middleware 추가합시다.

var assetsManagerMiddleware = assetManager(assetManagerGroups);

app.configure(function(){

  app.use("/", assetsManagerMiddleware, express.static(root));

}

추가가 되었다. configure는 환경에 맞게 바꾸면 되고

jade 에서 이용하거나 html에서 불러올때는

간단하게 src='/the/[그룹명]/[route]' 로 불러 오면된다.

document path 말고 url 도 지원하니깐 오픈소스 프로젝트에 있는 놈들도 불러다 minify 할 수 있지만, 괜히 그런짓은 하지말자, 특별히 로딩될 스크립트가 너무 많지 않은이상.. 쓸데 없는 트래픽 낭비이므로,,, 뭐 가벼운 파일이면 머지 하는게 물론 당연히 좋다.

[yoont-blog]

express 에서 pretty print 설정

app.set('view options', {pretty: true});

뷰옵션으로 설정하는 방법.

app.locals.pretty = true;

local에서 설정하는 방법.

pretty 를 true 로 설정 하면 태그가 자동 줄바꿈이 되어서 나옴.

줄바꿈도 캐릭터라 이것도 줄여서 극 경량화 하려면 false로 하는게 좋으나

급하게 디버깅 할때 토할거 같아서 걍 true가 보기 편하더라

[yoont-blog]

첫 포스팅

문서화의 중요함은 어디서도 언급하는 이야기 이고,

헤비한 업무를 진행해본 사람이라면 누구나 그 중요성을 느끼리라 생각한다.

항상 마감이 코앞까지 임박한 빡빡한 프로젝트들을 주로 진행해온 몇년을 뒤돌아 보면 그동안 했던 작업들을 코드와 주석 정도 수준에서 정리는 해놓았지만, 체계적으로 기록하지는 않았다. 반성의 일환으로 난생 처음으로 블로깅을 하기로 결심했다.

팔로어는 이슈도 아니고, 문득하니 찾아보기 위해서는 조회가 편리해야 했기에, 텀블러를 선택했으나, 잘한건지는 모르겠군. 깔끔하긴 정말 깔끔하다

잠시잠깐 고민하다 대충 붙인 이름이 안암동아리랑 이었는데,

강원도 지방의 아리랑의 기원으로 알려져 있는 '도원가곡' 에서 아리랑은 한자어(한자도 우리말이다. 일본 조차도 표준 한자를 정의하는데, 외래어 취급하는건 우리 나라 밖에 없다. 무한하게 많은 한자는 중국기원의, 일본기원의, 한국기원의 글자들이 많다고 한다.)로 哦義郞(아의랑)이다.

 다양한 해석이 있지만, 의미 그대로 해석 하면 '옳음을 읊조리는 사내' 혹은 '의로운자 임을 되뇌이다' 정도 되겠다. 좋은 말이지만, 말그대로 그저 읊조리거나 되뇌이는 소극적이고 서글픈 느낌의 단어라고 한다.

 본인도 많은 생각과 많은 고민을 하면서 살아가지만, 어느하나 적극적인 행보는 없고, 그저 소극적으로 되뇌이고만 있기에 우선은 아리랑.

 앞으로 개발 하면서 생기는 이슈라던가. 정리 해놓을 만한 코드라던가. 허접하게나마 만들어진 wrapper class 같은것들을 올릴생각.

 방정리를 못하는 성격 대로 블로그 정리가 제일큰 이슈가 아닐까