xe 오픈 세미나(2014 05) - xe 모듈 강의 - 날기

XE 모듈 개발 걸음마부터 날기까지 - 날기

5월 XE 오픈 세미나

XE 모듈 개발걸음마부터 날기까지

날기

XE 모듈 개발 걸음마부터 날기까지 - 달리기


소개

신승엽 (난다날아)NHN Entertainment

● SocialXE 개발● XE Core 개발

(2011.7 ~ 2013.6)

XE 모듈 개발 걸음마부터 날기까지 - 달리기


이 강의는...

● 걸음마 - 개발환경 구축, XE 설치● 걷기 - XE 모듈 개념, 간단한 모듈 개발● 달리기 - 개발한 모듈 발전 시키기● 날기 - XE 디버깅 기법 및 자유토론



Debug in XEconfig/config.inc.php or config.user.inc.php

define('__DEBUG__', 1);



__DEBUG__● 0(0x000): 아무 것도 출력하지 않음● 1(0x001): debugPrint() 통한 메시지 출력● 2(0x010): 실행 시간, 요청/응답 정보 출력● 4(0x100): DB 쿼리 히스토리 출력● ex

○ 3(0x011): debugPrint(), 실행시간, 요청/응답 정보○ 7(0x111): 모든 정보



출력 방식config/config.inc.php or config.user.inc.php

define('__DEBUG_OUTPUT__', 0);



__DEBUG_OUTPUT__● 0: files/_debug_message.php 파일● 1: HTML 출력의 하단에 주석으로 표시● 2: Firebug 콘솔에 표시



__DEBUG_OUTPUT__myboard.view.php

_debug_message.php



http://www.youtube.com/watch?v=qPckaKVSAIw



xdebug 원격 디버깅1. xdebug 확장 설치2. eclipse 플러그인 설치3. remote 서버, 프로젝트 설정4. 디버깅 환경 설정5. 디버깅



xdebug 설치phpinfo 페이지 생성

소스보기

xdebug 설치 안내 페이지에 붙여넣기http://xdebug.org/wizard.php

http://www.google.com/url?q=http%3A%2F%2Fxdebug.org%2Fwizard.php&sa=D&sntz=1&usg=AFQjCNH0gLgHsTcuqXTdKcaDwNDqPRSo-w

http://www.google.com/url?q=http%3A%2F%2Fxdebug.org%2Fwizard.php&sa=D&sntz=1&usg=AFQjCNH0gLgHsTcuqXTdKcaDwNDqPRSo-w



xdebug 설치안내에 따라 설치



xdebug 설치php.ini에 xdebug 설정 추가



xdebug 설치phpinfo에 xdebug 항목 확인



eclipse 플러그인 설치Help > Install New Software...



Remote 서버 추가RSE Perspective 열기: Window > Open Perspective > Other > Remote System Explorer

서버 추가: 왼쪽 트리의 컨텍스트 메뉴에서 New > Connection...



Remote 서버 추가SSH Only 선택



Remote 서버 추가Host name 입력 후 Finish



Remote 서버 추가추가된 서버의 컨텍스트 메뉴에서 Connect

“ Port가 22가 아닐 경우Ssh Shells > Properties > Subsystem > Port에서 변경



Remote 서버 추가ID와 비밀번호를 입력하고 접속



Remote 프로젝트 생성Sftp Files > … > xe 폴더 컨텍스트 메뉴에서 Create Remote Project



PHP 서버 추가Window > Preferences > PHP > PHP Servers > New



PHP 서버 추가Name과 Base URL 입력 후 Finish



Debug 구성Run > Debug Configurations > PHP Web Application > New



Debug 구성Name 입력, PHP Server는 앞서 생성한 서버로 선택한 후 File의 Browse



Debug 구성Remote 프로젝트의 index.php 선택



Debug 구성URL의 Auto Generate 체크 해제 후 url 보정



Debug 구성Debugger 탭 > Server Debugger를 XDebug로, Break at First 체크 해제 후 Apply, Close



Debug 시작PHP Perspective 열기: Window > Open Perspective > Other > PHPindex.php에 breakpoint 설정 후 상단 Debug 버튼 클릭



Debug 시작breakpoint에서 실행이 멈춘 모습



xDebug 동작 절차

Debugger Client

디버깅 시작

PHP 서버URL 요청

withXDEBUG_SESSION_START




Debugger Client

Port(9000) listening

PHP 서버

Connect to client

클라이언트로 역으로 접속xdebug.remote_host=xx.xx.xx.xx

xdebug.remote_port=9000

xDebug session 연결이 안 되는 경우● 방화벽 체크● PC가 공유기(NAT) 환경일 경우 포트포워딩 설정● ssh tunneling 고려 - Debug Configurations > Debugger 탭“




Debugger Client

ESTABLISHED

PHP 서버

ESTABLISHED접속 후 dbgp 프로토콜 통신




Debugger Client

디버깅 종료

PHP 서버

디버깅 종료

URL 요청with

XDEBUG_SESSION_STOP



Debug Perspective디버깅을 위한 화면 구성



Debug Perspective프로그램 흐름 제어를 위한 도구 모음



Debug Perspective스택 뷰



Debug Perspective소스 코드 뷰



Debug Perspective현재 scope의 변수 뷰



Debug Perspective설정된 breakpoint 뷰



Debug Perspective사용자 정의 조사식 뷰



흐름 제어 도구 모음Resum(F8): 다음 breakpoint를 만나거나 종료될 때까지 프로그램 실행

Terminate(Ctrl + F2): 디버깅 종료

Step Into(F5): 현재 커서 아래 함수의 내부로 진행 (Stack push)

Step Over(F6): 현재 함수(스택)에서 진행

Step Return(F7): 현재 함수의 마지막까지 실행 호출 시점으로 진행 (Stack pop)



DEMO

http://www.youtube.com/watch?v=ZdiXEm5Oxcg



Q&A Time