공간정보와 인터넷지도

며칠동안 샤오미 밴드(Mi Band)와 샤오미 체중계(Mi Scale)를 사용해 본 소감입니다. 샤오미밴드는 한 두달 정도 정도 사용해 왔고, 일주일 전 부터 체중계까지 구입해서 사용중입니다.

샤오미 제품이 거의 그렇듯이 가격은 저렴하지만, 기능은 좋습니다. 기능이 뛰어나다기 보다는 기본적인 기능에 충실하고 가성비가 뛰어나죠.

샤오미밴드 - 15000원 정도

샤오미 체중계 - 35000원 정도

현재... GPX 파일(XML 파일의 일종입니다.)을 해석해서 mySQL DB에 넣기 위해 고민 중에 있었습니다. 

제가 예전에 만들어 둔 프로그램에서는 그냥 javascript - ajax로 읽어 들인 후 사용했었습니다. 원래는 이 부분을 사용하려고 했습니다. 그런데, 이 기능을 이용할 경우, 한 개의 waypoint를 추출해서 배열을 만들고, ajax를 통해 PHP로 넘겨주면, PHP속에서 mySQL에 INSERT 시키는 방법을 사용해야 합니다. 그러면 당연히 터무니 없이 속도가 떨어질 것으로 예상됩니다.

그러던 중, W3C PHP 투토리얼 사이트에서 XML Parser에 관한 내용을 보게 되었습니다. 이걸 이용하면 그냥 PHP에서 XML(GPX파일)을 Parsing 한 후, 바로 MySQL로 넣어줄 수 있으니, 훨씬 작업이 간편할 것이라 생각했습니다.

PHP XML Parser는 두 가지 종류가 있습니다. 하나는 SimpleXML Parser이고, 다른 하나는 XML expat 입니다. SimpleXML은 말 그대로 아주 간단합니다. 그냥 파일이나 string을 지정하면, 전체를 구조체로 읽어 들이는 방식입니다. 그 다음엔 $xml->book[0]->title 과 같이 간단한 참조 방식으로 사용하면 됩니다. 

이에 비해 expat는 상당히 복잡합니다. expat는 이벤트 방식의 Parser라고 하고요, 예를 들어 아래와 같은 문장이 있다면...

<from>Jani</from>

이것을 다음과 같은 3개의 이벤트(사실은 4개의 이벤트)로 보내줍니다. 이런 방식으로 파일 전체가 이벤트로 처리되는 겁니다.

• Start element: from
• Start CDATA section, value: Jani
• Close element: from
  

언뜻 보기에는 많이 복잡해 보였습니다. 그래서 포기할까 생각했습니다. 그런데, 파일의 크기가 클 수록 이 방식이 빠르고 편하다는 설명을 보고 시도해 보기로 했습니다. (simpleXML Parser의 경우 한꺼번에 메모리로 읽어 들이는 방식이라서 시스템에 따라서 문제가 발생할 수도 있답니다.)

expat Parser는 4개의 함수만 사용하면 거의 80%의 문제는 해결할 수 있다고 합니다. 제가 설명할 것도 바로 이 4가지 함수입니다. (일단 예제는 W3C의 예제를 이용하겠습니다.)

• $parser=xml_parser_create(); // parser를 생성합니다.
• xml_set_element_handler($parser,"start","stop"); // 생성한 Parser에 Start event handler 와 Stop event handler를 등록. 당연히 "start"/"stop" 은 함수명입니다.
• xml_set_character_data_handler($parser,"char"); // Parser에 Data event handler를 등록합니다. "char"가 그 함수고요, 물론 이름은 다른 이름을 사용해도 됩니다.
• xml_parse($parser,$data,feof($fp)); // parser를 실행합니다.

아래는 W3C 사이트에 있는 예제입니다. 빨간 표시를 한게 위에서 설명한 4개의 함수입니다.

xml_parser_create() 아래로 있는 start(), stop(), char()가 바로 event 핸들러입니다. 이 함수들 3개를 적당히 이용해서 데이터를 처리해주면 됩니다.

이 파일을 사용해서 note.xml을 parsing하는 순서를 보여드리면...

먼저 첫줄 <?xml... 은 그냥 무시됩니다. 

두번째 줄 <note>가 들어오면, start event handler로 등록된 start() 함수가 호출되는데, 이때 $element_name에는 "NOTE"가 지정됩니다. 따라서 case 문 등을 사용해 이를 처리해 줍니다.

그 다음엔 data event handler가 호출됩니다. (<NOTE>의 경우에는 data에 공백 "  " 만 전달됩니다.)

그 다음엔 <to>Tove</to>가 처리될 차례죠. 이것도 비슷한 방식으로 아래와 같은 순서로 처리됩니다.

이런 식으로 계속 이벤트를 처리하는 방식으로 처리하면 됩니다. 하나의 노드가 여러개의 이벤트로 나눠오기 때문에 데이터를 처리하는 게 복잡합니다만, 그래도 가능합니다.

====

아래는 제가 테스트해본 프로그램입니다. W3C의 books 예제파일 을 읽어들여서 이를 mySQL 에 삽입하는 예제입니다. 

여기에서 약간 중요한 점이 두 가지 있습니다. 위의 예제와는 달리, xml에 attribute가 있어서 이를 처리하는 부분이 추가되었는데요, 여기에서 each() 함수를 사용했습니다. 또 다른 하나는, mySQL에 입력할 때, prepared statement를 사용했습니다. $stmt=$conn->prepare()를 사용하여 미리 구문만 mySQL로 보내어 미리 최적화를 시킨 후, $stmt->execute();로 실행시켰습니다. 이렇게 해야 실행속도가 빨라진 답니다.

나머지는 아래의 코멘트를 참고하세요.

민, 푸른하늘

요즘 다시 PHP 연습중입니다. 하나 만들고 싶은 게 있어서요. 

예전에는 그냥 일반 텍스트에디터를 사용해서 연습을 했었습니다. 그런데 이번에 easyPHP를 설치하다보니, 디버거를 사용할 수 있다는 것을 알게 되어서 일단 easyPHP에 XDebug를 설치했습니다.

그런데, 디버거를 사용하는게 마땅치 않았습니다. eclipse PDT라는 통합개발환경 IDE에서 디버깅을 할 수 있다는 글을 따라해 보기도 했고, notepad++에 플러그인으로 설치했다는 글을 따라하기도 했습니다. 크롬 익스텐션을 설치해보기도 했고요. 물론 모두 실패했습니다. 

그래서 마지막이라는 심정으로 다시한번 검색을 해서 netbeans IDE와 XDebug를 연동할 수 있다는 글을 따라했습니다. 억지로 성공했네요. 

일단 NetBeans IDE는 여기에서 설치하실 수 있습니다. 저는 PHP x64 버전으로 설치했습니다.

설치한 후, NetBeans에서는 아래 그림처럼 설정합니다. Tools -> Options 에 있습니다. 여기에서 Debugger Port는 XDebug 설정값(php.ini)와 동일하게 설정해야 합니다.

한가지, Watches and Ballon Evaluation 을 켜면 변수들의 값을 확인하는데는 편하지만, 불안정하다고 하여 그냥 꺼뒀습니다.

다음으로 폴더설정... 이게 좀 까다로웠습니다. NetBeans의 Project 설정과 easyPHP의 실행환경하고 맞춰주어야만, NetBeans에서 디버거를 실행시킬 때 자동으로 실행시킬 수 있기 때문입니다.

먼저 아래가 easyPHP의 대시보드입니다. 여기에서 폴더가 두개 지정되어 있습니다. Workding Directories와 Portable Directory 입니다. 

여기에 각각 파일을 넣고 실행해보면 Working Directory의 경우, http://127.0.0.1/edsa-WD/ 로 실행되며, Portable Directory는 http://127.0.0.1/로 실행됩니다. 즉, Portable Directory로 지정되어 있는 위치가 root directory로 인식되는 것입니다.  따라서 NetBeans의 실행 디렉토리도 여기로 맞춰 주면 됩니다. (참고로, Working directory 의 경우 edsa-가 강제로 추가되어서 설정하기가 힘들었습니다.)

즉 NetBeans에서 프로젝트를 생성할 때... 먼저 File -> New Project 를 선택하면 아래와 같이 뜨고

다음으로... 프로젝트 이름과 소스 위치를 정하는 화면에서는 자신이 관리하는 위치를 지정해 줍니다. (그냥 프로젝트를 easyPHP의 Portable Directory로 지정된 위치 내에 만든다면 다음단계는 생략해도 됩니다.)

다음으로 실행환경을 아래와 같이 정해줍니다. 반드시 Source Folder의 내용을 다른 위치에 복사하도록 지정을 하고, 그 위치를 easyPHP의 Portable Directory와 맞춰줍니다. 이렇게 하면 자신이 관리하는 위치에서 작업을 하더라도 실행할 때는 해당위치로 복사가 되어, localhost에서 실행될 수 있습니다.

===

이렇게 해둔 상태에서 원하는 파일에서 마우스 오른쪽버튼을 누르고 Debug를 지정하면...

다음과 같이 웹브라우저에서 해당프로그램이 Debug 상태로 실행됩니다. 아래를 잘보면 localhost의 응답을 기다리는 중... 으로 표시됩니다.

아울러, Netbeans 편집화면에서는 아래와 같이 디버그용 버튼들이 활성화되고, PHP 첫라인인 <?php 에서 실행이 중지된 상태로 사용자의 입력을 기다리게 됩니다. 단추나 F7(Step into), F8(Step Over) 등을 이용해 한줄씩 실행시키고 변수의 상태를 확인하면서 디버깅하면 됩니다.

====

이상입니다. 아직 NetBeans를 잘 몰라서 억지로 여기까지만 설정을 했습니다. 앞으로 좀더 사용하다보면 좀 더 깔끔한 방법이 생길지도 모르겠습니다.

민, 푸른하늘

프로그램 개발을 위해서는 Debugger가 필수입니다. 특히 대형프로젝트가 될 수록 Debugger 없이는 거의 개발이 불가능합니다. 

제가 사용중인 easyPHP에도 디버거를 설치할 수 있습니다. (다만 실행은 별도의 환경이 필요합니다. 이건 다른 글에서...) 디버거는 널리 사용되고 있는 XDebug를 사용했습니다.

XDebug를 설치하려면 먼저 easyPHP에서 실행환경을 체크해야 합니다. 저는 아래와 같이 easyPHP 의 대시보디에서 "Portable Directory"로 등록된 곳에 원래 들어있는 phpinfo.php를 사용했습니다. 그냥 <?php echo phpinfo(); ?>와 같이 한줄 짜서 실행시켜도 됩니다.

그러면 다음과 같은 화면을 볼 수 있습니다. 여기에서 빨간 표시를 한 4가지를 체크해야 합니다.

이제 xdebug.org 다운로드 사이트 로 이동하여 적당한 dll을 다운받아야 합니다. 위에서 확인한 정보를 바탕으로 적당한 것을 선택하면 됩니다. PHP 5.6 버전이고, VC11이며, x86이니 32bit 버전입니다. 마지막으로 Thread Safety가 enabled로 되어 있으면 TS버전을 받으면 됩니다. 이렇게 다운로드 받은 파일을 적당한 곳에 복사해줍니다.(저는 easyPHP 디렉토리에 넣어주었습니다.)

다음은 설치된 내용을 설정화일에 반영해야 합니다. 이를 위해서 php.ini 파일을 편집합니다. php.ini 파일은 easyPHP 설치위치 ->eds-binaries -> php -> php버전명 속에 들어 있습니다. 저의 경우에는 아래와 같습니다.

\EasyPHP-Devserver-16.1\eds-binaries\php\php5619vc11x86x160426163245

이 php.ini 파일을 적당한 편집기로 열고, zend 를 검색해보면 #zend_extension 이라는  부분이 있습니다. 여기에 아래와 같이 추가해 줍니다. 물론 자신의 경로명과 파일명을 넣어야겠죠.

zend_extension="C:\Program Files (x86)\EasyPHP-Devserver-16.1\eds-binaries\php\php5619vc11x86x160426163245\php_xdebug-2.4.0-5.6-vc11.dll"

그리고 바로 아래에 다음과 같은 항목들을 추가해줍니다.

xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000

그 다음엔 Apache 서버를 껐다가 다시 실행시키고, 다시 phpinfo.php를 실행시킵니다. 이때 아래와 같이 Zend engine 부분에 with Xdebug... 라는 행이 추가되면 성공입니다.

====

그런데, 이렇게 실행해도 아무런 변화가 없습니다. 이 상태에서는 디버거를 실행시킬 수도 없고요. 그래서 별도의 환경을 구축해야 합니다. 이건 NetBeans 디버깅환경 설정을 읽어보시기 바랍니다.

민, 푸른하늘

예전에 반쯤 공부하다가 팽겨쳐 뒀던 PHP를 다시 공부하기로 했습니다. 

먼저 예전처럼 Zend Server를 설치하기로 했습니다. 제가 공부하는 책에서 Zend Server를 설치하여 사용하기 때문이었습니다.

그런데 그동안 업그레이드가 되면서 무료버전이 사라졌더군요. Free Trial 버전은 1개월, 기타 학생용버전 등은 1년 이후에는 정식버전을 사야하는 것 같았습니다. 뭐 그래서 과감하게 포기. 설치하다가 에러가 발생하는 게 아니었으면 계속 갔을지도 모르지만...

하여튼... 그래서 best WAMP로 검색을 좀 해봤습니다. WAMP는 Windows + Apache + MySQL + PHP 로 구성된 Suite를 말합니다. 물론 Zend Server를 순위에 올린 사이트도 있었지만, 다른 제품도 많이 있더군요. 저는 그중에서 easyPHP가 제일 마음에 들었습니다. 쉽다니까. ㅎㅎ

easyPHP.org 에 접속하면 아래와 같은 화면이 보입니다. 좌측은 DevServer 즉, 개발용 서버이고, 우측은 WebServer, 즉 단순 서버용입니다. 저는 최신버전의 DevServer를 택했습니다.

버튼을 클릭하면 설치프로그램이 다운로드 되고, 그것을 실행시키면 다음과 같은 화면이 나옵니다. 아무런 설정이 필요 없습니다. 그냥 자동으로 설치됩니다.

그런데, 설치가 끝난 후 실행시키려면 다음과 같은 화면이 뜹니다. 뭔가 설치를 해야 한다고 나오네요.

원래 첫화면에도 "Visual C++ Redistributable for Visual Studio 2015 x86 or x64 required" 라고 되어 있는데, 자신의 컴퓨터에 맞게 x86 버전이나 x64 버전을 설치하면 됩니다. 

그런데... 이 두개의 파일을 모두 설치했음에도 동일한 에러가 발생하네요. 그래서 좀 더 찾아보니, "Visual C++ Redistributable for Visual Studio 2012"도 설치해야 한답니다. 그래서... ㅠㅠ 어쨌든 이렇게 다 설치를 했더니 에러가 발생하지 않았습니다. 

자... 이제 시작.!!! 바탕화면에 깔린 아이콘을 클릭!!! 그런데 아무런 변화가 없었습니다. 잠시 기다려도 감감 무소식. 무슨 화면같은게 뜨던가, 웹브라우저에 뭔가 나타나던가... 그래야 할텐데 아무것도 나타나지 않았습니다. 또한 홈페이지에는 당연히 뭔가 문서가 있겠지 싶었는데, 아무것도 안보이니 정말 황당했습니다. 

이때 아래와 같이 윈도 오른쪽 아래에 있는 '숨겨진 아이콘'에서 DevServer 아이콘을 클릭하고 Open Dashboard를 선택하면...

웹브라우저에 아래와 같은 화면이 나타납니다. 저는 여기에서 아래처럼 3가지를 먼저 설정했습니다. phpMyAdmin은 아직 제가 몰라서 나중으로...

여기에서 HTTP SERVER를 누르고 APACHE 서버를 선택해서 Start를 눌러주고요,

DB SERVER에서 MYSQL을 선택하고 Start를 눌러주면 됩니다. 그러고 나서 다시 Dashboard로 돌아오면 아래와 같은 모습이 됩니다.

이제 마지막으로 작업공간을 지정하면 됩니다. 윗쪽은 easyPHP에서 사용하는 디렉토리명이고, 아래는 실제 사용할 폴더명을 복사해서 넣어주면 됩니다. 

====

이 정도하면, 개발용 설정은 거의(아주 간략하게만) 끝났습니다. 하나만 실험을 해보죠.

먼저 아래와 같은 내용으로 hello.php 라는 파일을 만들어 작업 디렉토리에 넣어줍니다.

이제 작업 디렉토리를 확장시켜보면 아래와 같이 hello.php 가 들어있습니다.

hello.php 오른쪽에 있는 눈모양의 그림을 클릭하면, 새로운 창이 열리고 실행됩니다.

===

2016/5/14 추가

그동안 easyPHP를 계속 사용해 왔지만, 에러가 계속 발생하여 여러번 재설치하다가 오늘 드디어 XAMPP를 설치했습니다. (참고로 easyPHP는 별도로 삭제 프로그램이 없으며, 그냥 설치된 디렉토리를 찾아 지워주기만 하면 삭제가 완료됩니다.)

XAMPP도 설치는 그다지 까다로울 것이 없습니다. 그냥 AphacheFriends 사이트에서 원하는 파일을 다운로드 받아 실행만 시키면 됩니다. 저는 PHP the right way의 권고에 따라 PHP7 버전으로 설치했습니다. Backward compatibility의 문제가 거의 없고, 속도도 빠르다고 하니까요.

다만 설치 초기에 UAC 설정으로 인해 잘 돌아가지 않을 수 있다... 는 경고가 뜨는데, Program Files(x86)에 설치하지 말고 별도의 폴더 (예: c:\xampp)에 설치해주면 문제가 없다고 합니다.

그 다음에는 easyPHP와 그다지 다를 건 없었습니다. xamppcontrol.exe을 실행시켜 보면 아래와 같은 창이 뜨는데, 여기에서 Apache와 MySQL (실제로는 MariaDB)를 실행시킬 수 있고, 설정도 바꿀 수 있습니다. Port 번호만 유의하면 문제가 없습니다.

또한 XDebug 설정도 EasyPHP의 경우와 거의 동일합니다. 자신의 버전에 맞는 XDebug 파일을 복사해 두고, php.ini 파일을 적당하게 수정만 해주면 완료입니다. 

머... 이상으로 대충~~

민, 푸른하늘

이 글은 예전에도 관심은 있었지만 포기하고 있다가, 그래도 한번 배워야지 싶어서 며칠 들여다보고, 제 마음대로 정리한 글입니다.

왜 사용해야 하나?

Git은 소스관리 도구입니다. 물론 프로그램 소스 뿐만 아니라, 텍스트형식이라면 뭐든지 추적관리할 수 있습니다. Git을 사용하면 파일을의 변화를 모두 기록합니다. 따라서 언제든지 돌릴 수 있습니다. 따라서 거의 필수적이라고 생각합니다. 특히, 클라우드 저장소인 GitHub.com 와 함께사용하면 언제든 접근할 수 있고, 다른 사람들과 협업 가능해서 활용도가 높습니다.

혼자서도 필요한가? 

저는 아주 간단히 제가 필요한 프로그램을 가끔 개발합니다. 개발한다고 하기도 민망할 수준입니다. 그래도 Git이 필요한가... 라고 고민을 해봤는데, 아직 완벽하게 이해하지 못했지만, 소스관리 목적만으로도 충분히 활용할 가치가 있다고 생각합니다. 회사와 집, 그리고 노트북과 PC를 왔다갔다 하면서 개발한다면 GitHub와 같이 이용하면 좋을 것 같습니다.

아래는 제가 필요한 만큼만 정리한 겁니다. 그래서 첫번째 부분은 혼자, 하나의 기기로 개발하는 경우 (GitHub를 사용할 필요없이) 필요한 명렁어들만 정리했습니다. 두번째 부분은 역시 혼자 개발하지만, 여러 곳, 여러기기로 개발할 때 필요한 명령어들을 정리했습니다.

Git을 혼자서 사용

원한다면 Git을 혼자서 로칼에서만 작업할 수도 있다. 

• Git 도구를 다운로드 받기
• 초기 설정
• 원하는 곳에 디렉토리 만들기
• git init : 로칼 저장소가 만들어짐. 
• git config --global user.name "Your Name Here"
• git config --global user.email  "Your Email here"
• 파일 보관하는 방법
• git add <files> : 관리하기 원하는 파일을 stage(index)에 추가. 
• git commit -m "message" : add로 추가된 파일들을 로칼 저장소(local repository)에 추가함. 이때 이유를 "message"에 명확히 담아줄 것
• .gitignore에 추가하면 관리하고 싶지 않은 파일(*.o, *.bak 등)이 표시되는 것을 막을 수 있다.
• 기타 자주 사용하는 명령어
• git status -s 짧게
• git diff : 수정했지만, staged 가 아닌 파일을 비교가능
• git diff --cached : staged 된 파일과, commit된 파일을 비교
• git log : commit 한 내용들 보여줌
• git log -p : diff 도 함께 보여줌
• git log --oneline : 한줄에 하나씩만
• git show [hash-value]
• 기타 필요한 명령어
• git commit --amend : 바로전 commit을 수정. 메시지 수정 혹은 파일 추가 등등 비슷한 내용을 계속 commit 할 때, commit 숫자를 늘릴 필요 없이 바로전 commit을 수정해줌.
• git reset HEAD --<file명> : staged 되어 있는 파일을 제외시킬 때
• git checkout -- <file명> : 파일의 변경을 취소하고, 바로 전 commit 상태로 되돌림
• git config --global alias.unstage 'reset HEAD --' : unstage라는 alias로 만듦. git unstage <file명>

여러 기기에서 사용할 때. 원격 저장소가 필요

• GitHub에 원격저장소(remote repository) 만들기. 디렉토리명과 같도록 하는 것이 좋음
• 원격저장소(remote repository)에 처음으로 저장하기
• GitHub에 원격저장소 생성

• 원격저장소의 주소 복사
• git remote add origin [원격저장소 주소]
• git push origin master : 현재까지 로칼 저장소에 저장된 내용을 원격저장소에 보관함
• 다른 기기에서 원격저장소로부터  최초로 받아오기
• mkdir [directory 명]
• GitHub에서 원격저장소의 주소 복사
• git clone [원격저장소 주소]
• 일상 작업
• git pull : 다른 기기에서 작업하여 원격저장소에 저장된 내용을 가져와서 Merge함
• .... git add / commit : 기타 작업 수행 
• git push origin master
• remote의 상태보기
• git remote -v
• git remote show

Branch로 작업할 때. 

계속 수정중인 경우, master는 그대로 두고, branch를 만들어 단위작업을 수행. 완료되면 master와 합침. 수정작업을 branch로 분리하여 수행하면 여러가지 변경을 독립적으로 진행할 수 있어 좋음.

• git branch [branch-name] : 현재 사용중인 branch를 가르키는 새로운 branch 생성
• git checkout [branch-name] : 해당 branch로 이동. 그러면 현재 directory의 파일들이 바뀜
• 그 다음엔 일상적인 작업을 하면 원래의 branch와 새로운 branch에 각각 따로 저장됨
• 완전히 이상없음을 확인하면 merge하면 됨
• git branch master -> git merge [branch-name]
• 완료하기 전에 다른 작업이 필요하면 master branch로 돌아가 필요한 부분에서 새로운 branch를 생성하여 완료하고 다시 예전 branch로 돌아가 작업하면 됨. 완료된 후 merge.
• merge 후 필요 없는 branch는 git branch -d [branch-name] 명령으로 삭제
• 확인하는 방법
• git log --oneline --decorate --graph --all
• 충돌 발생시 처리. 
• 각각의 branch에서 동일한 파일/위치를 편집하고 merge하면 충돌 발생

user@user-PC MINGW64 ~/GIT/git-training (master)

$ git merge testbranch

Auto-merging test.txt

CONFLICT (content): Merge conflict in test.txt

Automatic merge failed; fix conflicts and then commit the result.

• 이 상황에서 충돌이 발생한 파일(test.txt)을 열어보면 아래와 같이 충돌난 부분이 보임

<<<<<<< HEAD

This change is for master branch. Different from "testbranch"'s version

=======

Changed again for branch test.

>>>>>>> testbranch

• <<<< 부터 >>>> 까지를 편집하여 정리함
• 완료 된 후, git commit 명령을 사용하면 두 개의 branch  merge 작업이 완료됨
• 처리 순서
• 로컬에서 git checkout master 명령으로 master 브랜치로 이동
• git merge [branch name] 명령으로 브랜치를 합침
• git push origin [branch name] 명령으로 gitHub로 송부
• git branch -d [branch name] 명령으로 브랜치를 삭제
• 그 다음 gitHub에 접속
• [branch name] 브랜치에 들어감
• Pull request 수행
• Pull request 를 Merge 함.

• 기타 명령
• git branch --merge 를 하면 merge가 된 branch가 보임. *가 없는 branch는 삭제
• git branch --no-merge

1. 시작. 전반적인 개념.

• https://rogerdudler.github.io/git-guide/index.ko.html
  
• 잘 사용하려면 여기에 있는 내용을 어느 정도 이해할 수 있어야 함.
• 하지만, 이해하기 쉽지 않음. 뭘 배워야 하는지 미리 파악하기 위함.
• 맨 아래쪽에 안내서들 목록이 있음.

2. 기본적인 Git 사용법.

• http://www.educloud.co.kr/archives/3660
• 주로 add / commit / push 사용에 대한 연습 위주
• 심화학습부분에 fetch 등이 등장
• https://nolboo.github.io/blog/2013/10/06/github-for-beginner/

• 일련의 설명과 함께 가장 기본적인 사용법
• 맨 아래에 Resource 가 있음.

3. 심화 학습이 필요하다면

• https://help.github.com/categories/bootcamp/
• Set Up Git
• Create A Repo
• Fork A Repo
• Be Social
• GitHub Glossary
• Good Resources for Learning Git and GitHub
  

• https://git-scm.com/book/ko/v2
• Git book 번역판. 인쇄판도 존재함

4. Permission denied(publickey) 에러에 대한 대처

• 사용자의 ssh가 등록되지 않아서 발생하는 문제
• 이 에러가 발생하면 push, clone 등이 불가능함

• http://tmondev.blog.me/220759303637

3년전쯤 아주 간단하게 통돌이 로스터를 제작해서 지금까지 거의 한주에 250그램 * 3번-4번씩 커피를 구워 먹었습니다. 처음엔 아무 생각 없이 만들었던 터라 불편한 점들을 약간씩 개조해서 지금까지 잘 사용해 왔습니다.

이번에 새로 통돌이 로스터를 제작했습니다. 거의 한시간씩 손으로 돌리는 게 귀찮기도 하지만, 나무재질이다보니 군데군데 타들어가서 (아직 더 쓸 수는 있지만) 할 수 없이 새로 만들게 되었습니다.

아래는 준비과정부터 최종조립까지 모든 과정을 정리한 글입니다. 이 글을 처음 쓴게 2월 9일로 되어 있으니... 거의 2개월에 걸쳐 썼네요. 오늘 조립 끝내고 이 글까지 정리하니 기분이 아주 좋습니다. ㅎㅎㅎ 로스터 자작을 생각하시는 분들께 참고가 되길 바랍니다.

==

먼저 며칠동안 네이버 커피마루 카페 자작로스터 게시판을 읽고 필요한 자료를 정리했습니다. 그러면서 어떻게 만들 것인지 궁리를 했구요. 정리된 자료는 여기를 보시면 되는데, 제가 필요한 것만 정리한 거라 별 도움은 되지 않을 것 같네요.

어쨌든 그래서... 이번에 제작할 통돌이 로스터는 아래와 같이 제작하기로 했습니다.

• 모터 - 3년동안 열심히 핸드휠로 돌렸으니, 이번에는 자동으로 구을 예정입니다. 다만 모터축과 통돌이 축이 동일선상에 있으면 모터가 튀어나와 불편하고, 손잡이를 달 수 없어서 베벨기어를 사용하여 90도로 꺽어 설치하기로 했습니다.
• 통돌이 한쪽에 깔대기를 달기로 했습니다. 중간에 온도도 체크하고 커피 상태로 확인할 수 있습니다. 그보다 더 중요한 것은 그 구멍으로 한꺼번에 쏟는 방식으로 바꿀 예정입니다. 예전에는 멸치다시통의 클램프를 일일이 풀어서 쏟아야 했기 때문에 약간 데일 위험도 있고, 시간도 오래 걸렸기 때문입니다.
• 알루미늄 반사판 - 예전에는 간이식으로 반사판을 만들었는데, 이번엔 좀 튼튼하게 설치할 예정입니다.

아래가 스케치업에서 대략 그려본 모습입니다. 통의 크기는 먼저 휴대용버너를 구입하고, 그에 맞도록 결정했는데, 멸치통+깔대기를 조합하면 길이가 길어져서 약간 튀어나오게 만들었습니다.

이 설계도는 아래에서 받으시면 됩니다. 스케치업으로 만들었습니다. 구체적인 치수는 도면에서 확인하시기 바랍니다.

coffee_roaster.skp

===

먼저 제일 중요한 부품인 휴대용 버너와 드럼입니다. 휴대용버너는 아무거나 고르면 되고, 그냥 집에 있는 걸 사용해도 무방합니다. 다만, 저는 가장 가스 소비량이 많은 걸로 골랐습니다. 화력이 좀 더 셀 것 같아서요.

드럼은 이번에도 멸치다시통을 사용합니다. 오픈마켓에서 멸치다시통을 찾아보면 아주 많습니다. 저는 5호를 사용합니다. 지름은 16cm, 높이는 18cm 입니다. 5호라고 되어 있어도 회사별로 크기는 제각각이므로 잘 보고 선택하셔야 합니다. 

멸치다시통은 우선 뚜껑을 고정시켜주는 클램프를 떼어냈습니다. 그냥 무식하게 망치와 드라이버 그리고 뻰찌로 떼어냈습니다. 약간 찢어진 부분이 생기긴 했습니다만, 별로 사용에는 지장이 없을 것 같습니다.

그 다음 멸치다시통 속에 교반날개를 달아야 합니다. 멸치다시통의 폭이 화구의 크기보다 크기 때문에 그냥 사용할 경우, 가운데 부분은 타고, 바깥부분은 아직 터지지도 않은 상태가 되어버립니다. 따라서 교반날개는 콩이 안쪽으로 들어오도록 방향을 맞춰서 달아야 합니다. 아래가 교반날개를 단 모습입니다.

날개는 아래 처럼 생긴 "스텐찜기"를 사용했습니다. 약간만 힘을 주면 날개들이 각기 떨어져 나오고요, 이걸 뻰찌로 눌러주면 90도로 꺽을 수 있습니다.

아래는 찜기를 펴고 구부린 모습. 약간 지저분한 건 집에서 사용하던 걸 재활용했기 때문입니다. ㅎㅎ

아래는 멸치다시통 속에 교반날개를 단 모습입니다. 회전방향을 정하고... (저는 손잡이를 기준으로 시계방향으로 회전시키도록 했습니다. 밖에 있는 콩들이 안쪽으로 모이도록 달아주었습니다.

그런데 문제는 멸치 다시통 위에 올려진 스텐 깔대기 입니다. 넓은 쪽 크기는 멸치다시통보다 약간 큰 정도가 좋고, 좁은 쪽은 가능한 한 넓은 게 좋습니다. 스텐 깔대기도 오픈마켓에서 검색하면 많이 나오긴 하지만, 문제는 멸치다시통과 스텐깔대기의 크기가 잘 맞지 않는다는 겁니다. 그래서 한참 검색하다가 결국 이번에 저랑 같이 제작하기로 한 분이 직접 황학동에 있는 주방기구 거리에 나가서 가장 잘 맞는 녀석으로 골랐습니다. 사실은 스텐 깔대기 좁은 쪽이 손이 들어갈 정도로 좀 넓은 걸 찾았는데, 그나마 제일 넓은 게 3cm 정도가 최대였습니다. 

아래는 멸치다시통에 스텐 깔대기를 씌우고 철사로 고정한 모습입니다. 처음에 이 두개를 어떻게 고정해야 하나... 용접이 좋을까... 나사를 박으려면 안쪽에서 잡아주지 못해서 헛돌텐데... 이런 고민하다가 내부를 손봐야 할 때도 있을 테니 철사로 묶어두기로 했습니다. (같이 제작하는 분의 아이디어입니다.) 잘 보시면 다른 나사들도 보이실텐데, 교반날개를 고정한 나사입니다.

====

그 다음 나무 프레임. 원래 스텐으로 하고 싶은 생각이 꿀떡 같았지만, 그랬다가는 비용이 껑충 뛰고... 만약 스텐으로 할 경우에는 이런 모양이 아니고 밀폐식으로 가야하고... 그러다 보면 그냥 자작품을 구입하는 게 나을 정도가 되는지라... 나무로 프레임을 짜기로 했습니다.

나무프레임도 그냥 오픈마켓에서 '목재 재단' 혹은 'DIY 목재' 등으로 검색하면 많이 나옵니다. 크기만 정확하게 정해주면 원하는 크기로 재단해서 보내주니 간단하게 작업할 수 있습니다. 저는 이번에는 같이 제작하기로 한 분이 판재도 있고, 공구도 있어서 직접 재단하였습니다. 

그 다음 구동부입니다. 아래 그림처럼 회전축과 모터, 베어링 그리고 두 개를 연결할 베벨기어로 구성됩니다. 

제일 먼저 결정할 것이 회전축입니다. 베어링과 기어 모두 회전축에 맞아야 하기 때문입니다. 저는 여러번의 시행착오끝에 8/3 인치 전산볼트로 결정했습니다만, 7mm 또는 8mm 를 사용하는 것이 더 편할 것 같습니다. 

원래 회전축은 원래 볼트를 사용할 예정이었습니다. 여기에서 10mm 에 220mm 짜리 육각볼트가 있어서 구매를 했는데, 나중에 결합하려고 봤더니 문제가 있었습니다. 다름이 아니라, 나사가 중간부분부터 시작되어서... 이걸 멸치통에 결합하려면 용접이든 납땜이든 별도의 조치가 필요한 것이었습니다. 

그래서 결국.... 머리가 없이 전체가 나사산으로만 이루어진 전산볼트를 사용하게 되었습니다. 원래는 그것도 10mm 짜리가 되어야 하는데, 미리 제작해둔 손잡이의 구멍이 9mm 로 만들어져서, 10mm짜리를 전혀 끼울 수 없다보니 8/3인치(약 9.5mm) 1m 짜리 로 구매하였습니다. 물론 이에 맞는 너트와 와샤도 새로 구입했고요. 처음부터 전산볼트를 사용할 걸.... 그냥 쇠톱으로 자르면 되는데, 좀 편하고자 했다가 망쳤네요.

그 다음 베어링입니다. 베어링은 두 가지가 필요합니다. 회전축에는 내경은 10mm, 외경은 30mm짜리 볼 베어링을 구입했습니다. 깔대기쪽은 약간 작은 베어링 2개를 설치해서 그 위에 깔대기 입구를 올려놓는 방식으로 설치하기로 했고요(내경 10mm, 외경 25mm). (** 그런데 깔대기쪽은 베어링 없이도 소음이 별로 없어 그냥 설치하지 않았습니다.)

다음은 모터. 회전속도는 60 RPM 정도가 좋다고 합니다. 그래서 속도는 상대적으로 늦으면서 힘이 받쳐주는 기어드 모터(geared motor)를 사용해야 합니다. AC 방식과 DC 방식이 있는데, 컨버터가 필요 없도록 AC 방식을 사용하기로 했습니다. 물론 회전축 내경은 10mm 로요. 그런데 우리나라 제품들은 대부분 회전축 내경이 7mm 혹은 8mm 가 많았고, 10mm는 찾지 못했습니다. 그래서 중국 알리바바를 검색해서 하나 찾긴 했습니다. 그런데 문의를 해도 답도 없고... 값도 싼것도 아니고... (하나당 40달러정도) 그래서 그냥 포기하고 구로공구상가에 나가서 하나 사왔습니다.

아래가 구입한 모터입니다. DC 모터이고, 12볼트짜리입니다. 문제는 원래 회전축이 10mm 짜리를 원했는데, 그런건 어디에도 없더군요. 그래서서 모터집 사장님이 권해주신 싼 걸로 (15,000원) 구입했습니다. 회전축 직경은 7mm.

아래는 DC 전원입니다. 12볼트 DC 전원은 많이 구할 수 있어서 가격부담도 그다지 없습니다.

모터는 아래 그림과 같이 벽면에 수직으로 붙일 예정입니다. 제가 구상중인 통돌이는 손잡이로 들어서 옮기는 걸 생각하고 있는데, 한쪽은 손잡이, 다른쪽은 쏟는 구멍이 있어서 모터 축을 회전축과 일치 시킬 수 없기 때문입니다. 그래서 아래와 같이 베벨기어가 필요합니다.

베벨기어도 Aliexpress에서 찾았습니다. 회전축이 10mm 인 것도 여러가지가 있어서 구하기 어렵지 않았습니다. 여기에 들어가보시면 됩니다. 

기타 여러가지 부자재들. 베어링은 위에서 설명했으니 설명하고... 왼쪽 아래 테이프는 알루미늄 테이프입니다. 베벨기어와 베어링이 회전축보다 약간 크기가 커서 헐렁거리지 않도록 알루미늄테이프로 감아준 후 양쪽에서 볼트로 조여주었습니다. 볼트 - 스프링와샤 - 베어링 - 스프링와샤 - 볼트 이런 순서로요.

그리고 위 사진 오른쪽에 있는 건 배관 자재로 판매하는 새들, 혹은 양새들이라고 부르는 물건입니다. 관을 고정시키기 위한 용도인데, 제 모터가 실린더 형으로 생겨서 이걸로 고정했습니다. 

=====

이제 조립에 들어갑니다. 먼저 통과 회전축 등을 조립했습니다.

아래는 좀더 자세한 모습입니다. 보시는 것처럼, 모든 걸 볼트-와샤로 고정했습니다. 먼저 이렇게 대충 설치한 후, 통에 설치하면서 간격을 조절했습니다. 맨 오른쪽에 있는 손잡이... 이게 가장 럭셔리한겁니다. 호두나무로 깍은 겁니다. 아주 비쌉니다. 이걸로 하실 필요 없습니다. ㅎㅎㅎ

아... 이때 통 밑바닥을 뚫는 방법... 처음은 위치를 잡아서 못으로 살짝 찍어둔 후, 드릴 작은 걸로 구멍을 뚫어줍니다. 하지만, 대부분 가정용 드릴엔 10mm 구멍용 비트가 없기 때문에, 아래와 같은 스텝드릴비트가 필요합니다. 저는 여기에서 구입했습니다. 참고하세요.

그 다음은 모터부. 대충 아래와 같이 설치했습니다. 구입한 양새들의 크기가 좀 작다보니, 중간에 간격을 매워줄 게 필요해서, 3D 프린터로 찍었습니다. 잘 보시면 모터와 베벨 기어 사이에도 3D 프린터로 만들어 끼운 게 보이실 겁니다. 모터의 축은 7mm, 기어의 회전축은 10mm 이다보니, 두개를 꽉 맞물려 돌아가도록 하기 위해서는 어댑터가 필요했거든요.

아래가 베벨기어 어댑터의 모습입니다. 아마도 이번에 3D 프린터가 없었더라면 불가능은 아니더라도 많이 괴로웠을 것 같습니다. 

아래는 모터부를 조립한 모습입니다. 모터와 기어의 위치를 조정해서 잘 맞추는 게 사실 제일 까다로운 작업이었습니다. 베어링 앞에 있는 건 베어링을 비롯해 회전축이 앞쪽으로 나오지 않도록 고정해주는 Stopper 입니다. 그냥 통조림 깡통을 잘라 붙였습니다. ㅎㅎ

=====

추가 : 여기에 정리한 내용은 엄청난 시행착오를 그냥 적은 것이므로, 이걸 그대로 따라하는 것은 좋지도, 현실적이지 않습니다. 특히, 모터/회전축/베어링/베벨기어를 맞추기위해 상당한 삽질이 이루어졌기 때문입니다. 설계를 끝내면 그걸 가지고 (구로공구상가 말고) 청계천으로 가보는 게 좋을 것 같습니다. 아래의 글을 참고하세요.

중앙유통단지, 청계천에 가다(모터집, 체인기어집, 금속가공집 탐방기)

====

아래가 이런 과정을 통해 만들어진 완성품입니다. 오늘 조립했습니다. 조립에 걸린 시간은 두 시간 정도. 사실 준비 과정이 길었지, 조립하는 건 그냥 드라이버만 있으면 되는 수준. ㅎ

깨끗하죠? 딱 생각한 만큼 만들어졌습니다. 아니 생각한 것보다 훨씬 이쁘게 만들어져서 너무 기분이 좋네요.

아래는 만들자 마자 시범으로 볶는 모습. 좀 지저분합니다. 체프가 날리다보니 청소를 간단히 하려면 어쩔 수가 없습니다.

마지막으로 동영상입니다. 이걸로 세번 구워봤습니다. 

물론 만족입니다. 소음이 약간 거슬리기는 하지만, 손으로 돌려줄 필요 없고, 그냥 쏟아부으면 되니, 아주 간단해 졌습니다. 물론 옆에서 지켜야 하는 건 변함이 없지만, 이제는 혼자 해도 문제가 없을 것 같습니다.

아무튼... 너무 기분이 좋습니다. 두어달 생각해 왔던 걸 마무리 지으니, 십년묵은 체증이 쑥 내려간 느낌이네요. ㅎㅎㅎ

민, 푸른하늘

3년전쯤 아주 간단하게 통돌이 로스터를 제작해서 지금까지 거의 한주에 250그램 * 3번-4번씩 커피를 구워 먹었습니다. 아무 생각 없이 만들었던 터라 약간씩 개조해서 지금까지 잘 사용해 왔습니다.

이제 새로 통돌이 로스터를 제작하려고 합니다. 거의 한시간씩 손으로 돌리는 게 귀찮기도 하지만, 나무재질이다보니 군데군데 타들어가서 (아직 더 쓸 수는 있지만) 새로 만들기로 했습니다.

이번에는 모터를 달기로했습니다. 그리고 (별로 필요는 없을 것 같지만) 중간에 온도도 체크하고 커피 상태로 확인할 수 있도록 구멍을 내기로 했고, 그 구멍으로 한꺼번에 쏟는 방식으로 바꿀 예정입니다.

일단 그 전에 기존 자작기 들을 훝어봤습니다. 네이버 커피마루 카페 자작로스터 게시판에서 2000년 이후의 글들을 읽으면서 필요한 부분만 정리한 것입니다. 본격적인 제작기는 다음에~

재료...

원형 소켓. http://cafe.naver.com/coffeemaru/165580 (파이프 소켓으로 검색) 

          스텐소켓

교반날개 - 찜기 

전산 볼트 - 8mm 정도가 좋음

서클커터

바이메탈 온도계 (7500원) 튀김용 온도계

강화유리 창 35파이

판재 - 브라질 레드파인 집성목 - 변형에 상대적으로 강함

재료 사는 곳. devicemart.co.kr - http://cafe.naver.com/coffeemaru/87994 참조

기어드 모터 (6W 면 충분. 60RPM)

AC220 모터. 싱크러너스 모터(부화기 모터) 6와트 28회전

베어링 - 카트리지 베어링. 내열 베어링. 베어링 홀더. 유니트베어링으로 하면 스토퍼가 필요없음. 베어링 쇼핑몰에서 한꺼번에 찾아볼 것. 샤우드/커플링 까지. 세라믹 베어링

베어링 몰 - http://www.ebearing.co.kr/

베어링 쓰는법 - 덧글에서 확인 - http://cafe.naver.com/coffeemaru/152778

스텐 깔대기 -  호퍼. 곡물용. 고점도용. stainless funnel

멸치다시통 - 5호 16cm x 18cm

알루미늄 테이프 -

부싱 - 

핸들 - 핸드휠 http://www.hanats.co.kr/

커플링 - 

단열재 - 세라크울 - http://cafe.naver.com/coffeemaru/101788 

          세라믹 보드.

단열로 효율 올리기

스텐 구멍확장... 스텝 드릴 - 파이프 리머 http://cafe.naver.com/coffeemaru/102188

알루미늄 판. - 옆면은 1.5T 뚜껑은 3T

DC 모터 전후진 방법 - http://cafe.naver.com/coffeemaru/106345

탐침봉 - 샘플러 - http://itempage3.auction.co.kr/DetailView.aspx?ItemNo=B259372759&keyword=%c5%bd%c4%a7%ba%c0&scoredtype=0

http://item2.gmarket.co.kr/item/detailview/Item.aspx?goodscode=278730708&pos_shop_cd=SH&pos_class_cd=111111111&pos_class_kind=T&keyword_order=%c5%bd%c4%a7%ba%c0&keyword_seqno=8998222205&search_keyword=%c5%bd%c4%a7%ba%c0

손잡이 - 망치자루. 망치손잡이

원목옷걸이 - http://item2.gmarket.co.kr/item/detailview/Item.aspx?goodscode=644503977&pos_shop_cd=SH&pos_class_cd=111111111&pos_class_kind=T&keyword_seqno=8998487805&search_keyword=%bf%f8%b8%f1%bc%d5%c0%e2%c0%cc

=====

구매가이드 - http://cafe.naver.com/coffeemaru/65859

열풍식, 준 열풍식, 준전도식, 직화-타공드럼식

간편 스텐 통돌이 - http://cafe.naver.com/coffeemaru/110847

일체형로스터 제작방법. -http://cafe.naver.com/coffeemaru/119328

http://cafe.naver.com/coffeemaru/119332

일체형 로스터 설계자료 http://cafe.naver.com/coffeemaru/125356

참고할 만한 글

커씨로 - http://cafe.naver.com/coffeemaru/52699

초간지된장남 - 싸이클론 제작기 - http://cafe.naver.com/coffeemaru/76553

중국 소형 싸이클론 http://cafe.naver.com/coffeemaru/147984

통큰이 - http://cafe.naver.com/coffeemaru/76717

budwizer = 하이로스터 튜닝 - http://cafe.naver.com/coffeemaru/77673

초간지된장남 - 쿨러 자작기 - http://cafe.naver.com/coffeemaru/81238

알파 - 알루미늄 통돌이 - http://cafe.naver.com/coffeemaru/84592

설계도면 있음. dxf 파일. 특히 교반날개 참고할 것

진악산 - 코끼리 로스터기 - http://cafe.naver.com/coffeemaru/87092

알루미늄판재로 꺽어서 제작

리벳건/리벳못, 60방 헝겁사포. 쇠톱으로 제작

galmegi - 학교프로젝트 - http://cafe.naver.com/coffeemaru/88384

이런식으로 만들 예정임

빵쟁이 - 수동 로스터에 모터달기 - http://cafe.naver.com/coffeemaru/90750

카브리올레 - 통째로 쏟아붇는 식 - http://cafe.naver.com/coffeemaru/91015

스텐 깔대기 (헤라시보리로 제작하면 비쌈)

바리스타진 - 분석해보자 꼬마로스터!! - http://cafe.naver.com/coffeemaru/91139

꽉군 - 통돌이 개조 - 베어링 다는 법 - http://cafe.naver.com/coffeemaru/94743

주님향기 - 로스터 따라하기 2호 - http://cafe.naver.com/coffeemaru/95655

부장 - 유니온 샘플로스터 개조 -http://cafe.naver.com/coffeemaru/31526

위드마루 통돌이 1.10 - http://cafe.naver.com/coffeemaru/101756

위드마루 통돌이 누구 따라하기 - http://cafe.naver.com/coffeemaru/102108

http://cafe.naver.com/coffeemaru/102188

http://cafe.naver.com/coffeemaru/102626

mixkj 자작로스터 - http://cafe.naver.com/coffeemaru/102357

http://cafe.naver.com/coffeemaru/103967

빠삐융 - 밀폐식 나무 로스터 - http://cafe.naver.com/coffeemaru/105891

자세한 제작법 있음.

쩌로 - 쩌로분해기 http://cafe.naver.com/coffeemaru/107988

사진여행 - 독돌이 - http://cafe.naver.com/coffeemaru/149116

on1914 - 상세 자작 - 너트연결 - http://cafe.naver.com/coffeemaru/162704

하조사 - 상세가이드 - http://cafe.naver.com/coffeenarucafe/17357

저는 구글 서비스를 많이 사용하는 편입니다. 클라우드 서비스가 본격적으로 시작되기 전.. 구글어스/구글지도로 부터 시작해서 gmail 이 1GB 제공할 때부터 본격적으로 구글 서비스를 써왔습니다. 

요즘은 훨씬 더 의존도가 높습니다. 구글 오피스... 라고까지 부르기엔 아직 많이 약하지만, 구글 스프레드시트, 구글 독스도 많이 사용중입니다. 스마트폰을 사용하면서부터는 메일/주소록/일정표 등을 모두 구글 클라우드에 동기화 시키고 있습니다.

그중 구글 드라이브도 아주 많이 사용하고 있습니다. 다음이나 네이버에서 훨씬 많은 용량을 제공해준다고 했을 때도, 고작 15GB 를 제공해주는(그것도 메일용량까지 합해서) 구글 드라이브를 사용해 왔습니다. 그런데 최근 구글포토(Google Photo) 서비스로 고해상도 사진까지 무료로 올릴 수 있게 되고, PC 자동백업도 지원되면서 이제 드롭박스 같은 서비스도 별 필요성을 못느끼고 있습니다.

지금 보니 구글포토로 백업받은 사진이 30GB 나 되네요. ㅎㅎ

하지만, 15GB는 여전히 문제입니다. 좀 큰 파일을 공유하려면 여전히 신경이 쓰이고... gmail과 공간을 공유하다보니, 가끔 보관하고 있던 메일 중에서 첨부파일 크기가 큰 것을 지워줘야 했습니다. 아래가 현재 사용중인 현황인데... 역시나 제일 많이 차지하는 게 Gmail 이네요. 그렇다고 유료용량을 쓰기는 아무래도 아깝죠.

그런데 며칠전 우연하게 구글 드라이브를 1TB까지 공짜로 사용할 수 있다는 걸 알게 되었습니다. 원래 소식은 Google Maps Official Blog 입니다. 무조건은 아니고, 일정 자격을 획득하면 평생 1TB를 무료로 사용할 수 있다는 것입니다.

간단히 이야기해서... Local Guide(지역 가이드) 프로그램에 가입을 한 후, 자기 주변에 있는 여러가지 지역 정보를 구글맵에 올려서 4레벨이 되면 1TB를 제공한다는 것입니다. 지역가이드에 가입을 하면 아래와 같은 안내문이 나타납니다.

그다음 구글지도에 들어가서 좌측 맨 위에 있는 메뉴(줄4개)를 눌러보면 아래와 같이 표시되는데 여기에서 참여를 누르면 됩니다.

그 다음엔 할일에 들어 있는 자신의 위치기록을 검토해 리뷰를 남기거나, 새로운 장소를 추가하거나, 내용이 잘못된 것을 수정하는 등의 작업을 할때마다 1점씩 올라가게 됩니다.

이런식으로 점수를 쌓으면 레벨이 올라갑니다. 아래가 기준인데, 레벨4, 즉 200점 이상이면 2년동안 구글 드라이브 용량을 1TB 무료로 제공한다고 되어 있습니다. 자세한 내용은 여기를 읽어보세요.

• Level 1 (0 - 4 points): Enter exclusive contests (think new Google devices!) in select countries. 
• Level 2 (5 - 49 points): Get early access to new Google products and features. 
• Level 3 (50 - 199 points): Show up in the Google Maps app with your official Local Guides badge. 
• Level 4 (200 - 499 points): Receive a free 1 TB upgrade of your Drive storage, allowing you to keep all the stories, photos, and videos from your travels in one safe place. 
• Level 5 (500+ points): The very top Local Guides will become eligible to apply to attend our inaugural summit in 2016, where you’ll be able to meet other top Guides from around the world, explore the Google campus, and get the latest info about Google Maps. Look out for details early next year.

아래는 제 현황입니다. 현재 3레벨. 아이콘 오른쪽 아래에 십자 모양이 지역가이드라는 표시입니다. 현재 66점이니 134점만 더 채우면 구글드라이브가 1TB로 늘어나게 된 답니다. 

머... 주변에 잘 다니는 음식점 같은 곳에 들르면 사진을 찍은 뒤에 장소를 추가하고, 사진을 추가하고, 리뷰를 남기면 3점 정도 됩니다. 서두를 필요도 없이 천천히 하다보면 언젠간 채워지겠죠.

그런데... 2년간이라... 2년뒤에는? 어떻게 될까요? 머... 설마... 하는 기분으로 시작합니다. 

이상입니다.

To Kill a Mockingbird (Harper Lee)

앵무새 죽이기(하퍼 리)

며칠전 재미있는 기사를 읽었습니다. "1960년 7월 출간돼 4000만부 이상 팔린 ‘앵무새 죽이기’의 후속편이 발견" 되었고, 이 책을 발견한 변호사는 출간한다고 하고 정작 본인은 발간을 원하지 않는다는 내용이었습니다.

제가 별로 책을 많이 읽는 편은 아니라서 그렇겠지만, 오래전에 제목 정도만 들은 듯한 '앵무새 죽이기'라는 책이 퓰리처 상을 수상했고 4000만부 이상이 팔린 베스트셀러라는 점에 놀랐습니다. 그보다 더 놀라웠던 것은 이 속편("가서 파수꾼을 세워라(Go set a Watchman)")이 앵무새 죽이기 보다 먼저 쓰여 졌는데, 그 동안 원고를 잃어버렸다가 최근에 다시 찾았다는 것이었습니다. 아무리 하퍼 리 란 분이 평생에 책한권으로 족하다라고 했다지만, 기왕 써놓은 원고를 잃어버렸다가 다시 찾는다는 게 말이 되나 싶거든요.

또, 앵무새 죽이기는 이 '속편'속에 들어 있는 작은 에피소드에 관심을 가진 출판업자가 별도의 소설로 쓰도록 권한 결과였다고 하네요. 이 소설에 얽힌 이야기야 말로 정말 소설이지 않을까... 싶을 정도였습니다. 

'앵무새 이야기'의 공간적 배경은 앨라배마 주에 있는 메이컴이라는 가상 도시입니다. 시대적 배경은 1930년대 대공황 전후이고요. 참고로 속편(Go set a Watchman)은 시대적 배경만 20년 후인 1950년대라고 합니다. 

어린 주인공 스카웃이 오빠인 젬과 방학마다 옆집으로 놀러오는 딜과 함께 겪은 경험담을 스카웃의 입장에서 풀어내고 있습니다. 주요 사건이라면 오랫동안 칩거를 하고 있는 부 래들리를 직접 보고 싶어 집에서 끌어내려고 시도하는 과정에서 일어나는 해프닝, 그리고 질낮은 이웰이라는 백인이 자기딸을 흑인이 겁탈하였다고 고발하여 재판을 받게 하고 끝내 죽임에 이르도록 하는 이야기 정도. 대부분이 10살정도 된 스카웃이 그 동네에 살고 있는 여러 등장인물들의 생활이야기가 담겨져 있습니다. 

그런데 저는 솔직히 그다지 감명을 받지 못했습니다. "강간과 인종차별이라는 무거운 이야기를 따뜻한 시선으로 그려내고 있다"라고 평을 받고 있고, 세밀한 묘사로 그 당시의 모습이 눈에 그려질 듯 잡하지는 듯 했지만, 인종차별이 별로 실감나지 않는 저에게 그냥 단조로운 일상적인 이야기에 가깝지 않았나 싶습니다. 

4000만부 이상 팔렸다는 이유는, 아마도 미국인들이 잊고 있었던, 노예 해방이 되었으나 엄연히 인종차별은 존재했던 옛 남부 이야기에 대한 향수 때문이 아니었을까 싶었습니다. 선생님을 비롯해 대부분의 "교양있는" 중산층이면서도 흑인들에 대한 노골적인 차별을 하고 있는 이율배반적인 상황속에서, 그 많은 사람들의 우려와 미움 속에서도 살인 누명을 쓴 흑인을 끝까지 변호한 스카웃의 아버지 애티커스가 사실상의 주인공입니다. 극히 보수적인 남부의 분위기 속에서 '숙녀'로 키워야 한다는 많은 압박속에서도 딸을 합리적으로 키우고자 했던 애티커스야 말로, 노예제도, 인종차별이라는 흑역사만 존재한 것은 아니라는 것을 내세우고 싶은, 자신들의 자존심을 지켜준 영웅이 아니었을까 싶네요.

뭐... 그래도... 읽었다는 게 다행이고... 아마도 속편도 읽어보게 되지 않을까... 싶네요.

민, 푸른하늘

크롬캐스트(Chromecast)는 TV의 HDMI 포트에 연결하여 사용하는 미디어 스트리밍 기기입니다. 간단하게 말해서 PC나 스마트폰, 태블릿 등의 화면을 TV로 보내서 볼 수 있는 장비라고 생각하면 됩니다.

제가 구글 크롬캐스트를 지난 7월에 구입했으니, 벌써 6개월 정도 사용했네요. 그 당시에는 지원되는 게 많지 않았습니다. 지금은 정확히 기억은 안나지만, 안드로이드 기기의 화면은 미러링이 가능했는데, 아이폰은 잘 안되었던 것 같고, 제한없이 사용할 수 있는 건 유튜브 외 몇가지 어플 정도... 였던 걸로 기억합니다. PC 화면은 크롬 브라우저 화면만 전송할 수 있었고요.

그러니까... PC에 저장해둔 사진이나, 비디오 등을 직접 TV로 보낼 수 있는 방법은 없었습니다. 구입당시에도 미러링 기능은 향후 지원한다고 되어 있었습니다. 그런데 오늘 가족들이 모여서 노트북에 저장된 사진을 보려고 여기저기 검색하다보니, 이제는 PC 화면 전송도 거의 문제가 없는 것 같네요.

크롬캐스트 설정

크롬캐스트를 사용하려면, 먼저 약간의 설정이 필요합니다. 

먼저 크롬캐스트를 TV의 HDMI 포트에 연결하고 전원을 연결해주면 됩니다. 전원은 USB 전원을 사용하므로, TV에서 HDMI와 USB를 모두 지원할 경우, 아래처럼 연결해 주면 간단합니다. USB가 없을 경우엔 크롬캐스트 구입시 포함된 외부전원코드를 사용하면 됩니다.

그 다음, 스마트기기에 크롬캐스트 앱을 설치해야 합니다. 설치하는 방법은 기기에 따라 다르겠지만, 안드로이드의 경우엔 구글 Play 스토어, iOS의 경우엔 앱스토어에서 다운 받으면 됩니다.

PC에서는 먼저 chrome browser를 설치한 후, 아래와 같이 Google Cast 라는 확장 프로그램을 설치하면 됩니다.

그 다음엔 크롬캐스트를 설정하는 절차가 필요하지만, 크롬캐스트 앱을 실행하고 시키는대로만 따라 하면 전혀 어렵지 않습니다. 자세한 내용은 구글링 해보시길....

안드로이드 화면 미러링

크롬캐스트를 통해 TV로 화면을 보내는 방법은 모바일 앱 또는 Web용 App에서 화면을 전송하는 방법과, 화면 전체를 미러링 하는 방법이 있습니다. 먼저 안드로이드 기기의 화면을 전체를 미러링하는 방법입니다. 

안드로이드에서 크롬캐스트를 통해 TV로 화면 전체를 보내려는 경우, 화면을 미러링하도록 명령을 내려야 합니다. 다만, 제작회사나 안드로이드 버전에 따라 약간씩 다르기 때문에 아래에 있는 여러가지 방법 중 어떤 것이 적합한지 알아보셔야 합니다.

첫번째, 설정 - 디스플레이 에 들어가면 맨 아래에 화면전송이 나타나는데요, 이걸 클릭하면 크롬캐스트 목록이 나타나고 이걸 클릭해주기만 하면 됩니다. (갤럭시 S3에서 확인)

두번째, 더 간단하게 설정하는 방법이 있습니다. 넥서스 7의 경우에는 아래와 캡처사진과 같이 화면을 끌어내리면 크롬캐스트 기기명이 보이는데, 이걸 클릭만 해주면 그때부터 안드로이드 화면이 바로 TV로 나오게 됩니다. 

또, 크롬캐스트 앱을 실행시킨 후 메뉴를 누르면 아래와 같이 화면 전송메뉴가 있어, 이를 누르면 화면이 전송됩니다.

이 기능을 사용하면 게임같은 걸 대형화면에서 즐길 수 있고... 특히 화면 조정이 필요없이 좌우로 기울여서 조정하는 게임이라면 실감나게 즐길 수 있습니다. 다만, 네트워크 상황 등에 따라 화면 지연이 발생할 수도 있습니다.

아이폰의 경우에도 크롬캐스트를 설치하면 맨 아래에 있는 방법으로 화면을 미러링 할 수 있을 듯 하지만, 제가 테스트를 해볼 수 없어 생략합니다. 저에게 있는 아이폰 계통 기기는 아이패드1 뿐이거든요. ㅎㅎ

앱 화면 전송

크롬캐스트를 지원하는 앱을 통해 앱의 화면을 TV로 보내는 방법입니다. (안드로이드 버전이 낮은 경우엔 이처럼 화면 전체를 미러링하는 방법이 없어 이 방법만 가능합니다.)

다음은 유튜브 화면인데, 오른쪽 위에 있는 아이콘을 눌러주면 유튜브 화면이 TV로 전송됩니다. (이 아이콘이 나타나지 않을 경우, 설치해둔 크롬캐스트앱을 실행하여, 크롬캐스트와 연결해주면 됩니다.) 다만, 스마트 기기에선 화면이 완전히 꺼져버리고, TV에서만 나오게 됩니다. 스마트 기기에서는 빨리보기/일시 정지 등 영상 조정만 가능합니다.

다음은 사진(photo) 어플을 시행한 모습입니다. 여기에서도 크롬캐스트 아이콘을 클릭해주면 화면이 TV로 전송됩니다.

그리고 다음은 기타 크롬캐스트를 지원하는 앱들입니다. 여기 들어가보시면 확인할 수 있습니다. 처음에는 몇가지 되지 않았는데, 지금은 꽤 많이 늘어났습니다.

이렇게 앱에서 크롬캐스트를 직접 지원하는 경우에도 원한다면 앞서 설명한 화면 미러링을 통해 TV로 송출할 수도 있습니다. 그렇지만 가급적 앱에서 직접 연결시키는 게 좋습니다. 서버->스마트기기->TV 로 연결되는 게 아니라, 서버에서 TV로 직접 연결되기 때문에 속도도 차이가 나고 해상도도 더 높기 때문입니다. 아울러, 스마트 기기에서는 화면이 정지되므로, 배터리가 덜 소모되는 장점이 있습니다.

즉, 아래 그림처럼, 처음에는 스마트기기에서 접속을 하지만, 일단 미디어를 선택하면 그 다음부터는 클라우드 서버로부터 직접 전송받는 방식입니다.

크롬브라우저 화면 전송

PC의 화면을 크롬캐스트(Chromecast)를 사용해서 TV로 보내려면, 반드시 크롬 브라우저가 필요합니다. 

크롬 브라우저를 설치한 후에는 크롬캐스트 확장프로그램을 설치해야 합니다. 설정-확장프로그램 으로 들어간 후, 맨 아래에 내려가 더 많은 확장프로그램 다운로드로 들어간 후 아래와 같이 검색하여 설치하시면 됩니다.

이 확장 프로그램을 설치하면 크롬브라우저 오른쪽 위에 아래와 같이 크롬캐스트 아이콘이 추가됩니다. 이 아이콘을 누르면, 현재 탭의 화면이 TV로 전송됩니다. 

이때, 크롬브라우저 내에서 유튜브와 같이 크롬캐스트를 직접 지원하는 경우에는 PC의 화면은 꺼져버리고 유튜브와 PC가 직접 연결이 됩니다. 

PC 화면 미러링

이제 마지막입니다. 원래 구글이 크롬캐스트를 발매할 때에는 PC화면 전체를 TV로 미러링하는 기능은 없었습니다. 그런데 최근에 가족이 모두 모여, 노트북에 들어 있는 사진을 TV로 가족이 함께 보는 방법을 고민하다가 최근에 이 기능이 활성화된 것을 알아냈습니다. 

아래와 같이 크롬브라우저에서 크롬캐스트 아이콘을 클릭한 뒤, 오른쪽 위에 있는 삼각형을 누른 후 "전체 화면 전송 (실험용)"을 누르면 됩니다. 그러면 컴퓨터 화면에 나오는 모든 화면이 TV로 전송되게 됩니다.

물론, 이 방법은 여러가지 문제가 있을 수도 있습니다. "(실험용)" 이랍니다. 그리고 전송속도가 약간 늦은 편이라서 화면이 약간 끊기는 듯 느껴집니다. 그리고 컴퓨터에서도 화면과 소리가 나오고, TV에서도 화면과 소리가 나오며, 약간의 시차까지 있어서 불편하기도 합니다. 

하지만, 이 방법을 사용하면 PC에 저장된 미디어를 거실에 있는 가족들과 함께 공유하는데는 아주 쓸만합니다. 몇 년전만해도, 그래픽카드에서 선을 뽑아 TV로 연결하거나, 별도의 전용기기를 구입했었는데, 이제는 작은 동글하나로 해결이되네요. ㅎㅎㅎ 

PC에 저장된 영화보기

마지막입니다. PC에 다운로드 받은 영화를 TV에서 보는 방법입니다. 물론 바로 위에서 설명한 미러링 방법을 사용해서도 영화를 볼 수 있지만, 화면이 약간 지연되고, 끊기는 등의 문제가 있어, 특히 속도가 빠른 영화는 마음 푹놓고 감상하기 힘듧니다. 그리고 중간에 잠깐 쉬었다 보고 싶거나 빨리 돌리거나... 등등의 조절이 필요한 경우, PC 앞까지 가야만 합니다.

이때, Zimly 라는 어플을 사용하면 훨씬 편하게 감상할 수 있습니다. 다만, 이 어플을 사용하려면, PC 와 TV 외에도 안드로이드 기기가 하나 더 있어야 합니다. 이때, PC는 서버가 되고, 안드로이드 기기는 콘트롤러가 된다고 생각하면 됩니다.

원래 글에는 Zimly라는 어플을 사용해서 편리했었는데, 이제는 홈페이지까지 사라졌네요. 우리나라 기업이 만들었던 것 같은데, 그래서 더욱 안타깝습니다. 그래서 대안으로 VideoStream이라는 크롬앱을 사용하는 방법을 알려드립니다.

먼저 아래와 같이 Chrome 웹 스토어에 들어가서 videostream이라고 검색을 해서  VS Launcher를 설치합니다.

그러면 크롬 브라우저 오른쪽 위에 다음과 같은 아이콘이 새로 설치됩니다.

이 아이콘을 누르면 아래와 같이 https://getvideostream.com/ 사이트로 이동됩니다.

이제 파란색 [Get Streaming]을 누르고 VideoStream 어플을 설치해줍니다.(자세한 사항은 생략합니다.)  바탕화면에 있는 아이콘이나 크롬브라우저 오른쪽 위에 있는 아이콘을 누르면 아래와 같은 화면이 나오게 됩니다. 이제 다운로드 받은 영화를 크롬캐스트를 사용해서 TV에서 볼 수 있게 되었습니다.

가운데 있는 파란색[Choose a Video] 버튼을 클릭하면 아래와 같은 화면이 나오는데, 여기에서 영화파일을 선택해 줍니다. (한글이 깨지네요. ㅠㅠ)

여기에서 원하는 파일을 선택하고 크롬캐스트를 연결하면 TV에서 영화가 나옵니다. 다만 이때 문제가 있습니다. VideoStream은 한글 자막파일에 많이 사용되는 .smi 파일을 지원해주지 않는다는 것입니다. 그래서 .smi 파일을 .srt 포맷으로 변경시켜주어야 합니다. 저는 아래에 있는 smi2srt.exe 를 사용해서 변환합니다. 이 파일을 .smi 파일이 있는 폴더에 넣어준 후 더블 클릭하면 자동으로 변환해 줍니다.

smi2srt.exe

그런데... 기본적으로 영화파일명과 자막파일명을 일치시키면 자동으로 자막을 사용해야 할 것 같은데, VideoStream은 그러지 않아서 별도로 읽어 들여야 합니다. (무슨 이런 개같은 프로그램이... ㅠㅠ) 아래에서 화살표에 있는 아이콘을 클릭하여...

아래와 같이 [Add External Subtitle File]을 눌러 .srt 파일을 선택하면 됩니다. 만약 글씨가 깨져 나오면 그 바로 위에 있는 인코딩을 바꿔줘야 하고요. 한글 자막은 대부분 Korean(EUC) 로 되어 있을텐데, 아니면 Unicode로 설정하면 문제가 없을 겁니다.

그리고... 구글플레이에서 VideoStream 이라고 검색해보면 안드로이드용 앱도 있는데, 이걸 사용하면 PC에 왔다갔다 하지 않아도 TV 앞에서 제어할 수 있습니다. 참고하세요.

이상입니다. 부디... 도움이 되시길...

민, 푸른하늘

아래는 예전에 쓴 글인데 혹시나해서 남겨둡니다.

먼저 PC 웹브라우저에서 Zim.ly에 접속합니다. 오른쪽 위에 있는 "Downloads"를 누르고 "Streamer for Windows"를 눌러 설치해줍니다. 맥용 프로그램도 있네요.

Zimly 의 설치가 끝나면, 아래와 같이 시스템 트레이로 들어가게 됩니다. 

이 아이콘을 클릭하면 먼저 아래와 같은 로그인 창이 뜹니다. PC와 다른 스마트 기기를 연결하기 위한 목적입니다. PIN 번호를 입력해서 연결할 수도 있고 페이스북을 통해 연결할 수도 있지만, 저는 Google+ 로 연결했습니다. Google에 로그인되어 있는 상태라면 아래와 같이 동의 버튼만 눌러주면 연결됩니다.

다음은 서버관리화면입니다. 처음에는 빈화면이 나올텐데, 오른쪽 아래에 있는 "+" 아이콘을 누르면 폴더추가 화면이 뜨고, 여기에서 영화가 들어있는 폴더를 선택하고 "추가"버튼을 눌러주면 됩니다. 이렇게만 해주면 서버의 설정은 완료됩니다.

그 다음 안드로이드 기기(또는 iOS 기기)를 설정합니다. 플레이스토어에서 Zimly를 검색해서 설치합니다. 그 뒤 Zimly를 실행하고, 서버와 연결해줍니다. 아래 제일 좌측이 연결화면인데, PC에서 로그인할 때와 동일한 방식을 사용하면 서로 연결이 됩니다.

연결이 완료된 후, 폴더를 찾아 들어가면, PC와 Storage가 나오는데, PC는 바로 위에서 공유한 폴더가 나타나고, Storage는 스마트기기내에 들어 있는 미디어를 찾아 실행 시킬 수 있습니다.

이제 원하는 파일을 실행시키면 해당 동영상을 스마트폰에서 볼 수 있습니다. 이 상태에서 크롬캐스트 아이콘을 클릭하면 TV에 화면이 전송되고요. (스마트기기의 화면은 꺼집니다.)

이상입니다. 부디... 도움이 되시길...

민, 푸른하늘

다시 책한권을 사서 새로 공부하기 시작했습니다. 이번에는 PHP, MySQL, JavaScript, CSS, HTML5가 모두 들어 있는 책입니다. 물론 입문서겠죠. 

저는 웹기술이 본격적으로 도입될 즈음 프로그램에서 손을 떼고, 현재의 분야로 옮겼기 때문에 사실 웹쪽이 어떻게 발전되어 왔는지 거의 모르고 있었습니다. 그래서 제가 이전에 시험삼아 개발한 kmap_geocaching 사이트도 거의 Javascript로만 구현되어 있습니다. (물론 다른 부분들도 조금씩 포함되어 있기는 하지만요.)

그런데, 이 책을 사서 개요부분을 읽어보니 정말 순서가 잘못되었다는 걸 깨닫게 되었습니다. 서버쪽과 클라이언트쪽을 동시에 다루어야 하는데, 저는 클라이언트쪽만 공부한 셈이었죠. 

아무튼... 이 모든 기술을 좀 더 이해하기 위해서는 제 PC 쪽에 서버를 설치해 두는 게 좋겠다... 싶어서 이책 2장에 나온대로 Zend Server를 설치했습니다. 그 과정은 사실 어려울 건 없는데, 중간에 막히는 바람에 몇시간 고생을 한게 아까와서 좀 정리를 해두려고 합니다.

우선 Zend Server는 웹개발에 필수적인 서버를 구성하기 위한 WAMP(Windows, Apache, MySQL and PHP")의 일종입니다. Mac의 경우엔 MAMP, Linux의 경우엔 LAMP라고 한답니다. 이런 구성요소들을 각기 따로 설치할 경우, 환경을 맞춰주는 작업이 복잡할 수 밖에 없는데, 이것들을 한꺼번에 모아서 하나의 패키지인 것처럼 설치하는 겁니다.

어쨌든 설치방법...

1. Zend Website 에서 무료버전을 다운로드 받는다. 

2. 설치시작.... 설치방법은 http://hyeonstorage.tistory.com/56 참조 

제가 설치한 버전은 7.0.0 이지만, 설치방법은 거의 비슷합니다.

3. 에러 수정

설치가 완료되면, 기본 웹브라우저가 뜨고 http://localhost:10081/Zendserver 로 연결되고, 여기에서 추가적으로 몇가지를 설정해야 하는데, 그냥 아래와 같은 에러만 발생합니다. 아마도 Windows가 한글버전이기 때문이지 않을까 싶습니다만...

어쨌든 이 현상을 확인하기 위해 제가 Zend Server를 설치한 폴더에서 에러 로그 파일(C:\Program Files (x86)\Zend\Apache2\logs )을 확인해 보면...

[Tue Jul 22 17:09:33 2014] [error] Zend Enabler cannot load because of a problem in its configuration file: XML parse error on line 1 column 1 - invalid byte '?' at position 3 of a 3-byte sequence

4. 재부팅

그런데 이 파일을 수정하고 http://localhost:10081 를 실행해봐도 동일한 Internal Server Error 가 발생합니다. 사실 그때문에 고생을 많이 했죠... 이미 잘못된 설정으로 Zend Server 가 실행중이기 때문입니다. 따라서 재부팅을 시켜주면 문제가 해결됩니다.

최종적으로 아래 화면이 뜨면 완료!

====

대충대충 썼네요. 참고하세요.

민, 푸른하늘

이제 PHP 투토리얼 시리즈 마지막입니다. AJAX네요. 어차피 클라이언트와 데이터를 주고 받으려면 AJAX를 제일 많이 쓰지 않을까... 하는 생각이 듭니다. 써봐야 알겠지만요.

AJAX의 개념

• Asynchronous Javascript and XML
• 빠르고 동적인 웹페이지를 만드는 기술
• 서버간에 작은 데이터만 교환하면서 웹페이지가 비동기적으로 갱신되도록. 즉, 화면의 일부만 갱신 가능
• GoogleMaps, Gmail, Youtube 등이 모두 AJAX 활용
• AJAX는 인터넷 표준에 기초함
• XMLHttpRequest (데이터를 비동기적으로 서버와 주고 받음)
• Javascript/DOM (정보의 표현)
• CSS (데이터 스타일)
• XML (데이터 전달 포맷)

AJAX 와 MySQL

• AJAX를 사용하여 데이터베이스와 대화식으로 통신
• html 파일

• PHP 파일

AJAX XML

• form에서는 거의 동일함. PHP에서 XML을 처리하는 방법만 차이남
• XML을 직접 처리하는 방법은 많이 까다로워서... 생략
• 차라리 XML 그 자체를 반환한 후, 클라이언트 쪽에서 JQuery로 처리하는 게 나을 듯

AJAX Live Search

• 실시간으로 XML에서 검색하여 존재하는 것을 모두 보여주는 방식
• 키보드를 누를때마다 계속해서 검색 결과가 바뀜

다섯번째는 XML. 

XML Expat Parser

• XML Parser는 두가지 종류가 있음
• Tree 기반 parser : XML 문서를 트리구조로 변환, 문서 전체를 분석하고, 트리의 각 요소에 접근. DOM(Document Object Model)
• Event 기반 parser : XML 문서를 이벤트의 연속으로 봄. 특정 이벤트가 발생하면 그와 연결된 함수를 호출하는 방식. 문서의 구조보다 내용에 집중. 더 빠르다. XML 구조에 문제가 있어도 문제없음. 
• Expat Parser는 Event 기반 parser임. PHP 웹 어플에 최적
• Expat Parser는 PHP 에 내장되어 있음

XML DOM

• 레벨 1 : XML document
• 레벨 2 : Root element : <from>
• 레벨 3 : text element : "Jani"

SimpleXML

• PHP5에서 새롭게 등장
• XML 요소의 이름과 text를 간단하게 추출
• 코드를 간단하게 짤 수 있음
• XML 문서를 객체로 변환함
• 요소는 SimpleXMLElement 객체의 속성(attribute)로 변환됨. 어느 레벨에 여러개의 요소가 있을 경우 배열에 들어가게 됨
• 속성은 associative 배열로 접근가능 (index가 attribute의 name)
• 요소의 text는 문자열로 변환됨. 여러개의 text 노드가 있을 경우, 순서대로 배열됨
• SimpleXML은 XML파일로부터 데이터를 읽거나 추출하거나, 텍스트 노드/속성을 편집할 때 빠르고 간단하게 수행가능
• 복잡한 XML의 경우, Expat이나 DOM을 사용하는 것이 나음

이제 4번째네요... PHP로 할 수 있는 게 정말 다양하다는 걸 다시한번 느꼈습니다. 그리고... 그냥 javascript면 대충 해결되겠지... 라고 생각했는데... 참으로 거시기하네요. 오히려 웹앱을 개발하려면 서버측 개발이 더 중요한데 말이죠.

MySQL  개요

• MySQL은 웹에서 사용되는 DBMS. 서버에서 수행됨. 크기에 관계없이 사용가능. 
• 빠르고, 신뢰성 높고, 사용하기 쉬움. 표준 SQL의 지원, 다양한 platform 지원, 무료
• Oracle에서 개발 보급. 이름은 공동개발자의 딸의 이름(My)를 따서 지음
• 특히 MySQL + PHP 를 하면 cross-platform 으로 매우 유용함
• MySQL을 어떻게 사용하는가는 SQL을 얼마나 잘 할 수 있는가에 달려있음.

MySQL 서버에 접속

Create DB / Create Table

• cafe24 호스팅의 경우, 새로운 DB를 생성할 수 없음. 기존의 DB를 사용해야 함. 
• 기존 DB 명은 사용자id와 동일

Insert a row

• INSERT INTO table_name VALUES (value1, value2, value3,...)
• INSERT INTO table_name (column1, column2, column3,...) VALUES (value1, value2, value3,...)

• 데이터 입력을 받는 폼

• 실제로 Table에 입력해 주는 php

Read Data from MySQL

• mysqli_query()를 사용하여 SELECT 문을 사용하면 데이터를 읽을 수 있음
• mysqli_fetch_array를 사용하면 한 record 씩 배열로 받아짐.
• 그 결과를 html로 표현함.

W3C PHP 강좌 제3장 입니다. 1장 기초 및 2장 Form도 참고하세요.

다차원 배열

• PHP의 배열(Array)는 key/value의 리스트
• PHP의 다차원 배열은 여러개의 배열을 담은 배열(array containing one or more arrays)
• 2차원 배열은 배열의 배열

• echo $cars[0][0]." : in stock ".$cars[0][1]." : sold ".$cars[0][2].".<br />"; 와 같이 참조가능

날짜와 시간

• date(format, timestamp) : timestamp는 옵션. default는 현재시간.
• echo "Today is " . date("Y-m-d") . "<br />";     // 여기에서 Y, m, d, 1 (요일) 등 사용가능
• &copy 2010-<?php date("Y") ?>                         // @2010-2014 로 표시됨
• echo "The time is : " . date("h:i:s") . <br />";    // 여기에서 h, i(시간), s, a(오전 오후)  등 사용가능 

• date_default_timezone_set()                             // 시간대 설정
• mktime(hour, min, sec, month, day, year)         // 시간 생성
• strtotime("10:30am April 15 1999"); strtotime("tomorrow")    // 인간이 사용하는 시간을 저장

Include

• Include (혹은 require)는 지정한 텍스트/코드/등을 읽어들이는 문장으로, php, html 등을 반복적으로 사용할 때 유용함. 두 문장은 기능적으로 동일
• include 의 경우, 에러가 발생하더라도 경고만 하고 계속진행
• require의 경우, 에러가 발생하면 정지
• include 'filename'; 또는 require 'filename'; 으로 사용
• 공통 라이브러리로 사용하거나, 메뉴로 사용하거나, 변수 저장소로 사용하거나... 

File Handling

• readfile() : 파일을 읽어서 output buffer로 보냄. (즉, 일반적으로는 화면에 그대로 표시됨)
• fopen("filename", "mode");     // 모드는 r/w/a/x/r+/w+/a+/r+

• File upload form

• file_upload.php
• 다만 여기에 파일의 최대크기, file type 등을 체크하는 기능이 필요

Cookies

• 쿠키는 사용자를 구분하는데 주로 사용된다. 쿠키는 서버에서 사용자 컴퓨터에 심는 작은 파일로서, 컴퓨터가 동일한 요청을 하면 쿠키도 함께 전송된다. PHP를 사용하면 쿠키를 생성할 수도, 값을 불러올 수도 있다.

• setcookie()는 자동으로 URLencode 됨. 원하지 않을때는 setrawcookie() 사용.
• 쿠키를 읽을 때는 별도의 file open 작업이 필요없음. 

Session

• 세션... 한번의 접속?? 이때 세션에 따른 정보를 저장해 둘 수 있음

PHP Error

• die() 로 처리
• 별도의 에러 처리 루틴을 만듦
• 에러 보고 

PHP Filter

• 의심스런 곳에서 입력된 데이터의 유효성 검증 및 필터링
• PHP filter 는 데이터 필터링을 손쉽게 하기 위한 확장
• 대부분의 웹앱은 외부 입력이 필요. 필터를 사용하면 항상 올바른 입력이 들어오도록
• 모든 종류의 외부 데이터는 다 필터링을 해야 함
• form 으로부터의 입력
• 쿠키
• 웹 서비스 데이터
• 서버 변수
• 데이터 쿼리 결과
• Validating Filter
• 사용자 입력의 검증
• 정확한 포맷 확인 (이메일 또는 URL 등)
• 성공시 기대한 타입을 반환, 실패시 FALSE 반환

• Sanitizing Filter
• 문자열에서 특정 문자를 허용/불가
• No data의 포맷 룰
• 항상 문자열을 반환함