XE?나에게 넌 ~

김민수 / misol / misol.kr@gmail.com

말할 내용• XE 프로젝트에 참여한 이야기• 제로보드의 추억• 내가 써야겠다 .• 주변에서도 쓰네

• XE 를 쓰던 곳들에 대한 생각• 어디서 쓰고 있었을까• 거기서 왜 썼을까 ? 제 생각엔…

• 누리 프로젝트 이야기• 왜 시작했나 ? 왜 끝냈나 ?• GitHub 로 아주 간단하게 XE 에 코드 기여 해보기

XE 에 처음 참여한 이유• 제로보드 때문 !

• Zero 라는 사람을 돕고 싶어서 .• Zero 라는 사람이 만든 커뮤니티에 기여하고 싶어서 .

• 그래서 처음엔 뭘 했나 ?• 2008 년 제로보드 XE 문서화팀 구성원 .

XE 커미터까지 한 이유• 내가 쓰려고• 쓰다보니 답답한게 있어서• 쓰다보니 버그가 보여서• 쓰다보니 .. 등등

• 내 주변에서 쓰이는 것을 보고• 보다보니 답답한게 있어서• 보다보니 버그가 보여서• 보다보니… 등등

• 뿌듯해서 , 내 흔적을 남기려고…• 칭찬은 고래도 춤추게 한다 .

웹이 뭐라고 생각하시나요 ?

• 네이버 , 다음• 싸이월드• 페이스북 , 트위터• 쿠팡 , 티켓몬스터 , 위메이크프라이스• 교보문고 , 알라딘• KB 국민은행 , 신한은행 , 하나은행• 기글하드웨어 , 플웨즈 , 클리앙

그렇다면 XE 는 ?언제 쓸까요 ? 언제 쓰고 있었는지 , 제 주변에서 살펴봤습니다 .

XE 를 쓰던 곳들• 고려대학교 교양물리실 http://inphy.korea.ac.kr/

• SNU Life http://snulife.com/

• XE 공식사이트 http://www.xpressengine.com/

• 소녀시대 팬클럽 http://www.sosirang.com/

• 기글하드웨어 http://gigglehd.com/

• IT Viewpoint http://www.itviewpoint.com/

• 초기 쿠팡 http://www.coupang.com/

• NAVER NULI http://html.nhncorp.com/

• 몇몇 국회의원 홈페이지 기타 등등

고려대학교 교양물리실• 내용 구성• 일반물리학 문제• 일반물리학 과제 등• 수업 관련 내용들

• 모양 구성• 자체 레이아웃• 기본 게시판 스킨• 자체 위젯 스킨

SNU Life

• 내용 구성• 커뮤니티• 캠퍼스 정보• 강의 정보• 그 외 대학 생활 정보

• 모양 구성• 자체 레이아웃

(sejin7940_layout_snulife)• 그 외 sejin 님 작품으로 보이는

코드들 발견• 게시판은 스케치북 변형인듯

(sketchbook5_snulife)

XE 공식 사이트• 아우 칙칙해

• 내용 구성• 커뮤니티• XE 자료

• 모양 구성• 자체 레이아웃• 기본 게시판 스킨

소녀시대 팬클럽• 내용 구성• 소녀시대 자료• 커뮤니티• 사진이 많은듯

• 모양 구성• 소녀시대를

전면배치 (팬클럽이라 그런듯 )• 자체 레이아웃 ,

자체 스킨

소녀시대 팬클럽 ( 계속 )• 게시판 스킨이

독특하다 .• 거의 모든 게시판

스킨을 자체 제작한 것으로 보인다 .• 기본 스킨은 거의

보이지 않는다 .• 소녀시대 효과인지

정말 예쁘다 .( 공홈과 대비 . 안칙칙 !)

기글 하드웨어• 내용 구성• 커뮤니티• 하드웨어 정보

• 모양 구성• 자체 레이아웃• 수정된 기본 게시판

스킨• 위젯은 기본

위젯스킨으로 보임

네이버 널리• XE 아님• 초기에 XE 로

사이트를 구성했으나 , 현재는 XE 를 탈피한 것으로 보인다 .• 블로그 주소는 예전

자료의 링크를 위해서인지 XE 의 주소 형식을 따르고 있다 .

거기서 왜 썼을까 ?

• Strength• 대기업이 지원한다 .( 빠른 보안업데이트 버그패치 등 사후지원이 될것이란 믿음 )• 부기기능 붙이기가 쉽다 .• 게시판 기능이 충실하다 .• 웹 언어 지식이 없어도 웬만큼 사이트를 만들 수 있다 .

• Weakness• 특이한 기능을 모듈이나 애드온으로 붙이려면 구조를 이해해야한다 .• Core 업데이트로 인한 호환성 깨짐이 종종 있었다 .• 구조를 모르면 만들기 어렵다

• Opportunity• 시간이 약이 된걸까 사용자 층이 두꺼워졌다 .• 개발에 뛰어들려는 사람들이 늘어나는 것 같다 .• 부가기능을 붙이거나 제거해도 사이트 전체 운영에 영향을 크게 주지 않을 수 있다 .

• Threat• 개발자 층이 생각보다 두껍지는 않은 것 같다 .( 체감 )• 대기업 지원이 끊기면 명맥을 잇기 어려울 수도 있다 .

왜 XE 를 썼을까 ?

1. 충실한 게시판 기능2. 회원 관리 기능3. (X)HTML 표준을 지키려는 노력4. 모듈 구조5. 제로보드 4 의 지원중단6. XE 에 익숙한 개발자7. 네이버의 지원 /홍보

만든 프로그램이 많이 쓰이려면• 어떤 사람이 쓰는지부터 생각해보자 .• 지금은 XE 에 없는 기능이어도 좋다 .• 사실 XE 는 웹이 할 수 있는 모든 일을 할 수 있다 .• XE 의 구조 때문에 편해지는 일도 있지만 , 복잡해질 수도 있다 .

• 그리고 가능한 예쁘게… .

잘 모르겠다면 ..

• 자료실 반응을 보자 .

• 커뮤니티에서 간 (?) 을 보자 .

요약 책갈피 , 지도 에디터 컴포넌트

• XE 를 쓰는 사람 중에는 코드를 만지기 싫어하는 사람이 많다 .

채팅 위젯 자료실 인기순위 3 위

• XE 는 회원간 의사소통이 활발한 사이트에 쓰인다 .

AJAX Board

• XE 사이트 운영자 중에는 ‘실시간’에 대한 애정이 있는 사람이 꽤 있다 .

그래서 결론• XE 에 공개된 프로그램들 중 없는 기능이지만 , 다른 웹사이트에서 많이 쓰는 기능 ( 요약책갈피 , 지도 컴포넌트 ) 또는유명 사이트에 적용된 기능 (AJAX Board, 담벼락 ) 을 노리자 .

• XE 에 공개된 프로그램들에 있는 기능이라면 , 더 낫게 만들 수 있는 기능을 노리자 .( 구글 플러스 애드온 )

• XE 에 없는 기능이지만 , 상업용 사이트에 꼭 필요한 기능을 노리자 .(결제 )

누리 프로젝트 이야기XE 가 죽어가는 것 같았고 ,새로운 기능을 원했고 ,XE 를 살리고 싶었다 .

그리고 무엇보다 , 같이 할 사람들이 있었다 .

제가 생각하는 선순환

새로운 도전

새로운 기술

시험안정된 기술

안정적 적용

깃 허브 간단 !!!! XE 코드 기여법• 접속하라 https://

github.com/xpressen-gine

XE 를 가지치자 !(fork)

XE 를 가지치자 !!!( 계속 )

• 자신의 계정에 XE 프로젝트를 가지치기 .

기다리자

나만의 XE 저장소 완성 . 이제 시작

수정해보기• 아무 파일이나 선택해서

수정해본다 .• 파일로 이동은 클릭을 하면 된다 .

예시 .

• 목표• common_layout.html 과 mobile_layout.html 이 나눠져있는게 앞으로 XE 의 성장에 도움이 되지 않는다는 생각이 든다 .• 이 둘을 합하는 제안을 넣어보고 싶다 .

• Mobile_layout.html 에 있는 특수 기능들을 common_layout.html 파일에서도 가능하게 제안하자 .• Common_layout.html 을 수정하는 것 보다는 PHP 코드로 넣는게 나을

것 같다 .

예시 ( 계속 )

수정하기• 얍얍

저지르자 !

• 그래도 된다

그래도 되는 이유• 내 저장소다

한 파일만 더 수정해보자• Common_layout.h

tml

• utf-8 을 UTF-8 로 .

• 왜 ?

• 하나로 통일했으니 그냥 손봐주기 (?)

라기보단 여러파일 커밋하는거 보여주려고 예시용 .

지금 수정한 파일• 두개 !

• 그런데 ? 이건 그냥 내 저장소에 있는 파일이다 .

• XE 에선 내가 무슨 일을 저질렀는지 모른다 !!!!• 모르는건 전화해서 알려줄 수 있는데 , 깃 허브에서 XE 프로젝트에 반영이

안된다는거 !!!• 어떡하지 ?

끌어가라 요청하기• Pull request

끌어가기 요청 만들기

질문 있으신가요 ?남은 시간 내에서…misol.kr@gmail.com