SlideShare a Scribd company logo
1 of 42
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/
xpressengine
XE를 가지치자!(fork)
XE를 가지치자!!!(계속)
• 자신의 계정에 XE
프로젝트를 가지치
기.
기다리자
나만의 XE 저장소 완성. 이제 시작
수정해보기
• 아무 파일이나 선택해서 수정해
본다.
• 파일로 이동은 클릭을 하면 된
다.
예시.
• 목표
• common_layout.html과 mobile_layout.html 이 나눠져있는게 앞으로
XE의 성장에 도움이 되지 않는다는 생각이 든다.
• 이 둘을 합하는 제안을 넣어보고 싶다.
• Mobile_layout.html에 있는 특수 기능들을 common_layout.html 파일
에서도 가능하게 제안하자.
• Common_layout.html을 수정하는 것 보다는 PHP 코드로 넣는게 나을
것 같다.
예시(계속)
수정하기
• 얍얍
저지르자!
• 그래도 된다
그래도 되는 이유
• 내 저장소다
한 파일만 더 수정해보자
• Common_layout.ht
ml
• utf-8을 UTF-8로.
• 왜?
• 하나로 통일했으니
그냥 손봐주기(?)
라기보단 여러파일
커밋하는거 보여주
려고 예시용.
지금 수정한 파일
• 두개!
• 그런데? 이건 그냥 내 저장소에 있는 파일이다.
• XE에선 내가 무슨 일을 저질렀는지 모른다!!!!
• 모르는건 전화해서 알려줄 수 있는데, 깃 허브에서 XE 프로젝트에 반영
이 안된다는거!!!
• 어떡하지?
끌어가라 요청하기
• Pull request
끌어가기 요청 만들기
질문 있으신가요?
남은 시간 내에서…
misol.kr@gmail.com

More Related Content

Viewers also liked

Xarxes socials i administració pública
Xarxes socials i administració públicaXarxes socials i administració pública
Xarxes socials i administració públicaNoemí Roig
 
Xella-interview format d2
Xella-interview format d2Xella-interview format d2
Xella-interview format d2Architectura
 
X1 diagnostic breif 2 powerpoint
X1 diagnostic breif 2 powerpointX1 diagnostic breif 2 powerpoint
X1 diagnostic breif 2 powerpointshoopdawoop
 
WiseLog v6 Chinese
WiseLog v6 ChineseWiseLog v6 Chinese
WiseLog v6 ChineseNethru
 
WHAT TO DO WHEN YOU ARE BROKE!
WHAT TO DO WHEN YOU ARE BROKE!WHAT TO DO WHEN YOU ARE BROKE!
WHAT TO DO WHEN YOU ARE BROKE!TrevorPorritt
 
Xella BIMobject LIVe Milan Presentation
Xella BIMobject LIVe Milan PresentationXella BIMobject LIVe Milan Presentation
Xella BIMobject LIVe Milan PresentationBIMobject
 
Xarxa senders 2 a. part equipaments
Xarxa senders 2 a. part equipamentsXarxa senders 2 a. part equipaments
Xarxa senders 2 a. part equipamentsRotllan Marta
 
X2 T02 02 complex factors (2011)
X2 T02 02 complex factors (2011)X2 T02 02 complex factors (2011)
X2 T02 02 complex factors (2011)Nigel Simmons
 

Viewers also liked (11)

Xarxes socials i administració pública
Xarxes socials i administració públicaXarxes socials i administració pública
Xarxes socials i administració pública
 
Xella-interview format d2
Xella-interview format d2Xella-interview format d2
Xella-interview format d2
 
Xabier Gaztelumendi-2011
Xabier Gaztelumendi-2011Xabier Gaztelumendi-2011
Xabier Gaztelumendi-2011
 
Xarxes Socials i Empresa
Xarxes Socials i Empresa Xarxes Socials i Empresa
Xarxes Socials i Empresa
 
X code
X codeX code
X code
 
X1 diagnostic breif 2 powerpoint
X1 diagnostic breif 2 powerpointX1 diagnostic breif 2 powerpoint
X1 diagnostic breif 2 powerpoint
 
WiseLog v6 Chinese
WiseLog v6 ChineseWiseLog v6 Chinese
WiseLog v6 Chinese
 
WHAT TO DO WHEN YOU ARE BROKE!
WHAT TO DO WHEN YOU ARE BROKE!WHAT TO DO WHEN YOU ARE BROKE!
WHAT TO DO WHEN YOU ARE BROKE!
 
Xella BIMobject LIVe Milan Presentation
Xella BIMobject LIVe Milan PresentationXella BIMobject LIVe Milan Presentation
Xella BIMobject LIVe Milan Presentation
 
Xarxa senders 2 a. part equipaments
Xarxa senders 2 a. part equipamentsXarxa senders 2 a. part equipaments
Xarxa senders 2 a. part equipaments
 
X2 T02 02 complex factors (2011)
X2 T02 02 complex factors (2011)X2 T02 02 complex factors (2011)
X2 T02 02 complex factors (2011)
 

Similar to XE 오픈 세미나(2014-04-26) - 김민수 "XE 나에게 넌~"

커뮤니티와 함께한 예비개발자 성장기- 조성수님
커뮤니티와 함께한 예비개발자 성장기- 조성수님커뮤니티와 함께한 예비개발자 성장기- 조성수님
커뮤니티와 함께한 예비개발자 성장기- 조성수님NAVER D2
 
오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)
오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)
오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)Jaewon Choi
 
자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)

자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)
자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)

자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)
DK Lee
 
PHP와 함께 한 개발 성장기
PHP와 함께 한 개발 성장기PHP와 함께 한 개발 성장기
PHP와 함께 한 개발 성장기종훈 박
 
NDC17 장창완(최종)
NDC17 장창완(최종)NDC17 장창완(최종)
NDC17 장창완(최종)창완 장
 
131 deview 2013 yobi-채수원
131 deview 2013 yobi-채수원131 deview 2013 yobi-채수원
131 deview 2013 yobi-채수원NAVER D2
 
CSS3 천기누설
CSS3 천기누설CSS3 천기누설
CSS3 천기누설Toby Yun
 
김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15Chanwoong Kim
 
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션Devrelationswoowahan
 
웹 본격적으로 배우기 전 감 잡기 - 1
웹 본격적으로 배우기 전 감 잡기 - 1웹 본격적으로 배우기 전 감 잡기 - 1
웹 본격적으로 배우기 전 감 잡기 - 1mangonamu
 
윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018
윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018
윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018devCAT Studio, NEXON
 
Windows system - memory개념잡기
Windows system - memory개념잡기Windows system - memory개념잡기
Windows system - memory개념잡기ChangKyu Song
 
뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예
뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예
뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예gnomekr
 
임태현, 서버점검 제로에의 도전, NDC2011
임태현, 서버점검 제로에의 도전, NDC2011임태현, 서버점검 제로에의 도전, NDC2011
임태현, 서버점검 제로에의 도전, NDC2011devCAT Studio, NEXON
 
Framer js a/s talk
Framer js a/s talkFramer js a/s talk
Framer js a/s talkSewon Ann
 
전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018
전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018
전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018devCAT Studio, NEXON
 
내 질문에는 왜 답변이 달리지 않을까
내 질문에는 왜 답변이 달리지 않을까내 질문에는 왜 답변이 달리지 않을까
내 질문에는 왜 답변이 달리지 않을까Hoyoung Jung
 
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기KyeongmanKang
 
Nodejs 발표자료
Nodejs 발표자료Nodejs 발표자료
Nodejs 발표자료shanka2
 

Similar to XE 오픈 세미나(2014-04-26) - 김민수 "XE 나에게 넌~" (20)

커뮤니티와 함께한 예비개발자 성장기- 조성수님
커뮤니티와 함께한 예비개발자 성장기- 조성수님커뮤니티와 함께한 예비개발자 성장기- 조성수님
커뮤니티와 함께한 예비개발자 성장기- 조성수님
 
오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)
오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)
오픈소스 소프트웨어 개발, 어디서부터 시작하는게 좋을까요? @ CNU(충남대)
 
자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)

자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)
자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)

자바 웹 개발 시작하기 (10주차 : ㅌㅗㅇ ㅎㅏ ㄹㅏ)

 
PHP와 함께 한 개발 성장기
PHP와 함께 한 개발 성장기PHP와 함께 한 개발 성장기
PHP와 함께 한 개발 성장기
 
NDC17 장창완(최종)
NDC17 장창완(최종)NDC17 장창완(최종)
NDC17 장창완(최종)
 
131 deview 2013 yobi-채수원
131 deview 2013 yobi-채수원131 deview 2013 yobi-채수원
131 deview 2013 yobi-채수원
 
CSS3 천기누설
CSS3 천기누설CSS3 천기누설
CSS3 천기누설
 
김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15
 
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
7월 우아한테크세미나 "주니어개발자로 성장하는 우아한 방법들" 첫번째 세션
 
웹 본격적으로 배우기 전 감 잡기 - 1
웹 본격적으로 배우기 전 감 잡기 - 1웹 본격적으로 배우기 전 감 잡기 - 1
웹 본격적으로 배우기 전 감 잡기 - 1
 
윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018
윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018
윤석주, 인하우스 웹 프레임워크 Jul8 제작기, NDC2018
 
Windows system - memory개념잡기
Windows system - memory개념잡기Windows system - memory개념잡기
Windows system - memory개념잡기
 
뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예
뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예
뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예
 
임태현, 서버점검 제로에의 도전, NDC2011
임태현, 서버점검 제로에의 도전, NDC2011임태현, 서버점검 제로에의 도전, NDC2011
임태현, 서버점검 제로에의 도전, NDC2011
 
Framer js a/s talk
Framer js a/s talkFramer js a/s talk
Framer js a/s talk
 
전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018
전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018
전형규, 좋은 이름, 나쁜 이름, 이상한 이름, NDC2018
 
내 질문에는 왜 답변이 달리지 않을까
내 질문에는 왜 답변이 달리지 않을까내 질문에는 왜 답변이 달리지 않을까
내 질문에는 왜 답변이 달리지 않을까
 
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
Jira + Confluence + Bitbucket으로 이슈 트래킹 걸음마 떼기
 
Nodejs 발표자료
Nodejs 발표자료Nodejs 발표자료
Nodejs 발표자료
 
[AWS KR UG 1회 세미나] AWS EB, etc @ 김경민
[AWS KR UG 1회 세미나] AWS EB, etc @ 김경민[AWS KR UG 1회 세미나] AWS EB, etc @ 김경민
[AWS KR UG 1회 세미나] AWS EB, etc @ 김경민
 

More from XpressEngine

Docker 기반 개발환경 구축 - XE Open seminar #2
Docker 기반 개발환경 구축 - XE Open seminar #2Docker 기반 개발환경 구축 - XE Open seminar #2
Docker 기반 개발환경 구축 - XE Open seminar #2XpressEngine
 
Github 100% 활용하기 - XE Open seminar #3
Github 100% 활용하기 - XE Open seminar #3Github 100% 활용하기 - XE Open seminar #3
Github 100% 활용하기 - XE Open seminar #3XpressEngine
 
XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2XpressEngine
 
XE Open seminar #2 - keynote
XE Open seminar #2 - keynoteXE Open seminar #2 - keynote
XE Open seminar #2 - keynoteXpressEngine
 
[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기
[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기
[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기XpressEngine
 
[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩
[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩
[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩XpressEngine
 
[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기
[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기
[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기XpressEngine
 
[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들
[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들
[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들XpressEngine
 
[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게
[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게
[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게XpressEngine
 
[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기
[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기
[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기XpressEngine
 
[XECon2016] B-4 변종원 CodeIgniter와 PHP7
[XECon2016] B-4 변종원 CodeIgniter와 PHP7[XECon2016] B-4 변종원 CodeIgniter와 PHP7
[XECon2016] B-4 변종원 CodeIgniter와 PHP7XpressEngine
 
[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래
[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래
[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래XpressEngine
 
[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기
[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기
[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기XpressEngine
 
[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로
[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로
[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로XpressEngine
 
[XECon2016] A-2 임형주 Webpack 실무 적용전략
[XECon2016] A-2 임형주 Webpack 실무 적용전략[XECon2016] A-2 임형주 Webpack 실무 적용전략
[XECon2016] A-2 임형주 Webpack 실무 적용전략XpressEngine
 
[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기
[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기
[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기XpressEngine
 
XECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHub
XECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHubXECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHub
XECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHubXpressEngine
 
XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기
XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기
XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기XpressEngine
 
XECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravel
XECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravelXECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravel
XECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravelXpressEngine
 
XECon2015 :: [1-2] 이현석 - Learning Laravel
XECon2015 :: [1-2] 이현석 - Learning LaravelXECon2015 :: [1-2] 이현석 - Learning Laravel
XECon2015 :: [1-2] 이현석 - Learning LaravelXpressEngine
 

More from XpressEngine (20)

Docker 기반 개발환경 구축 - XE Open seminar #2
Docker 기반 개발환경 구축 - XE Open seminar #2Docker 기반 개발환경 구축 - XE Open seminar #2
Docker 기반 개발환경 구축 - XE Open seminar #2
 
Github 100% 활용하기 - XE Open seminar #3
Github 100% 활용하기 - XE Open seminar #3Github 100% 활용하기 - XE Open seminar #3
Github 100% 활용하기 - XE Open seminar #3
 
XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2XE3 SEO를 다루기 - XE Open seminar #2
XE3 SEO를 다루기 - XE Open seminar #2
 
XE Open seminar #2 - keynote
XE Open seminar #2 - keynoteXE Open seminar #2 - keynote
XE Open seminar #2 - keynote
 
[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기
[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기
[XECon2016] B-1 안정수 라라벨 Scout을 활용한 검색 기능 둘러보기
 
[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩
[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩
[XECon2016] A-1 정규창 [React] Immutable한 양방향 데이터 바인딩
 
[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기
[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기
[XECon2016] C-4 한성민 AngularJS 1, 2 그리고 실무환경 적용 이야기
 
[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들
[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들
[XECon2016] C-3 이현석 팀장들이 꼽은 신입 PHP 개발자가 가급적 빨리 알았으면 하는 것들
 
[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게
[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게
[XECon2016] C-2 홍성범 XE3 Theme 제작 - 자유롭게, 그리고 편하게
 
[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기
[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기
[XECon2016] C-1 오승훈 XE3로 웹사이트 만들기
 
[XECon2016] B-4 변종원 CodeIgniter와 PHP7
[XECon2016] B-4 변종원 CodeIgniter와 PHP7[XECon2016] B-4 변종원 CodeIgniter와 PHP7
[XECon2016] B-4 변종원 CodeIgniter와 PHP7
 
[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래
[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래
[XECon2016] B-3 성기진 XE1 가지치기와 오픈소스 생태계의 미래
 
[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기
[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기
[XECon2016] B-2 정광섭 Laravel로 스타트업 기술 스택 구성하기
 
[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로
[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로
[XECon2016] A-3 박형식 Frontend stack의 변화 : jQuery, BackboneJS, ReactJS 중심으로
 
[XECon2016] A-2 임형주 Webpack 실무 적용전략
[XECon2016] A-2 임형주 Webpack 실무 적용전략[XECon2016] A-2 임형주 Webpack 실무 적용전략
[XECon2016] A-2 임형주 Webpack 실무 적용전략
 
[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기
[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기
[XECon2016] A-4 조정현 GitHub + Jenkins + Docker로 자동배포 시스템 구축하기
 
XECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHub
XECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHubXECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHub
XECon2015 :: [1-3] 김덕홍 - Git Workflow with GitHub
 
XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기
XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기
XECon2015 :: [2-2] 박상현 - React로 개발하는 SPA 실무 이야기
 
XECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravel
XECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravelXECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravel
XECon2015 :: [2-1] 정광섭 - 처음 시작하는 laravel
 
XECon2015 :: [1-2] 이현석 - Learning Laravel
XECon2015 :: [1-2] 이현석 - Learning LaravelXECon2015 :: [1-2] 이현석 - Learning Laravel
XECon2015 :: [1-2] 이현석 - Learning Laravel
 

XE 오픈 세미나(2014-04-26) - 김민수 "XE 나에게 넌~"

  • 1. XE? 나에게 넌~ 김민수 / misol / misol.kr@gmail.com
  • 2. 말할 내용 • XE 프로젝트에 참여한 이야기 • 제로보드의 추억 • 내가 써야겠다. • 주변에서도 쓰네 • XE 를 쓰던 곳들에 대한 생각 • 어디서 쓰고 있었을까 • 거기서 왜 썼을까? 제 생각엔… • 누리 프로젝트 이야기 • 왜 시작했나? 왜 끝냈나? • GitHub로 아주 간단하게 XE에 코드 기여 해보기
  • 3. XE에 처음 참여한 이유 • 제로보드 때문! • Zero 라는 사람을 돕고 싶어서. • Zero 라는 사람이 만든 커뮤니티에 기여하고 싶어서. • 그래서 처음엔 뭘 했나? • 2008년 제로보드XE 문서화팀 구성원.
  • 4. XE 커미터까지 한 이유 • 내가 쓰려고 • 쓰다보니 답답한게 있어서 • 쓰다보니 버그가 보여서 • 쓰다보니.. 등등 • 내 주변에서 쓰이는 것을 보고 • 보다보니 답답한게 있어서 • 보다보니 버그가 보여서 • 보다보니… 등등 • 뿌듯해서, 내 흔적을 남기려고… • 칭찬은 고래도 춤추게 한다.
  • 5. 웹이 뭐라고 생각하시나요? • 네이버, 다음 • 싸이월드 • 페이스북, 트위터 • 쿠팡, 티켓몬스터, 위메이크프라이스 • 교보문고, 알라딘 • KB국민은행, 신한은행, 하나은행 • 기글하드웨어, 플웨즈, 클리앙
  • 6. 그렇다면 XE는? 언제 쓸까요? 언제 쓰고 있었는지, 제 주변에서 살펴봤습니다.
  • 7. 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/ • 몇몇 국회의원 홈페이지 기타 등등
  • 8. 고려대학교 교양물리실 • 내용 구성 • 일반물리학 문제 • 일반물리학 과제 등 • 수업 관련 내용들 • 모양 구성 • 자체 레이아웃 • 기본 게시판 스킨 • 자체 위젯 스킨
  • 9. SNU Life • 내용 구성 • 커뮤니티 • 캠퍼스 정보 • 강의 정보 • 그 외 대학 생활 정보 • 모양 구성 • 자체 레이아웃 (sejin7940_layout_snulife) • 그 외 sejin 님 작품으로 보이는 코드들 발견 • 게시판은 스케치북 변형인듯 (sketchbook5_snulife)
  • 10. XE 공식 사이트 • 아우 칙칙해 • 내용 구성 • 커뮤니티 • XE 자료 • 모양 구성 • 자체 레이아웃 • 기본 게시판 스킨
  • 11. 소녀시대 팬클럽 • 내용 구성 • 소녀시대 자료 • 커뮤니티 • 사진이 많은듯 • 모양 구성 • 소녀시대를 전면배 치(팬클럽이라 그 런듯) • 자체 레이아웃, 자 체 스킨
  • 12. 소녀시대 팬 클럽(계속) • 게시판 스킨이 독특 하다. • 거의 모든 게시판 스 킨을 자체 제작한 것 으로 보인다. • 기본 스킨은 거의 보 이지 않는다. • 소녀시대 효과인지 정말 예쁘다.(공홈과 대비. 안칙칙!)
  • 13. 기글 하드웨어 • 내용 구성 • 커뮤니티 • 하드웨어 정보 • 모양 구성 • 자체 레이아웃 • 수정된 기본 게시 판 스킨 • 위젯은 기본 위젯 스킨으로 보임
  • 14. 네이버 널리 • XE 아님 • 초기에 XE로 사이 트를 구성했으나, 현재는 XE를 탈피 한 것으로 보인다. • 블로그 주소는 예 전 자료의 링크를 위해서인지 XE의 주소 형식을 따르 고 있다.
  • 15. 거기서 왜 썼을까? • Strength • 대기업이 지원한다.(빠른 보안업데이트 버그패치 등 사후지원이 될것이란 믿음) • 부기기능 붙이기가 쉽다. • 게시판 기능이 충실하다. • 웹 언어 지식이 없어도 웬만큼 사이트를 만들 수 있다. • Weakness • 특이한 기능을 모듈이나 애드온으로 붙이려면 구조를 이해해야한다. • Core 업데이트로 인한 호환성 깨짐이 종종 있었다. • 구조를 모르면 만들기 어렵다 • Opportunity • 시간이 약이 된걸까 사용자 층이 두꺼워졌다. • 개발에 뛰어들려는 사람들이 늘어나는 것 같다. • 부가기능을 붙이거나 제거해도 사이트 전체 운영에 영향을 크게 주지 않을 수 있다. • Threat • 개발자 층이 생각보다 두껍지는 않은 것 같다.(체감) • 대기업 지원이 끊기면 명맥을 잇기 어려울 수도 있다.
  • 16. 왜 XE를 썼을까? 1. 충실한 게시판 기능 2. 회원 관리 기능 3. (X)HTML 표준을 지키려는 노력 4. 모듈 구조 5. 제로보드4의 지원중단 6. XE에 익숙한 개발자 7. 네이버의 지원/홍보
  • 17. 만든 프로그램이 많이 쓰이려면 • 어떤 사람이 쓰는지부터 생각해보자. • 지금은 XE에 없는 기능이어도 좋다. • 사실 XE는 웹이 할 수 있는 모든 일을 할 수 있다. • XE의 구조 때문에 편해지는 일도 있지만, 복잡해질 수도 있다. • 그리고 가능한 예쁘게….
  • 18. 잘 모르겠다면.. • 자료실 반응을 보자. • 커뮤니티에서 간(?)을 보자.
  • 19. 요약 책갈피, 지도 에디터 컴포넌트 • XE를 쓰는 사람 중에는 코드를 만지기 싫어하는 사람이 많다.
  • 20. 채팅 위젯 자료실 인기순위 3위 • XE 는 회원간 의사소통이 활발한 사이트에 쓰인 다.
  • 21. AJAX Board • XE 사이트 운영자 중에는 ‘실시간’에 대한 애정이 있는 사 람이 꽤 있다.
  • 22. 그래서 결론 • XE에 공개된 프로그램들 중 없는 기능이지만, 다른 웹사이트에 서 많이 쓰는 기능(요약책갈피, 지도 컴포넌트) 또는 유명 사이트에 적용된 기능(AJAX Board, 담벼락)을 노리 자. • XE에 공개된 프로그램들에 있는 기능이라면, 더 낫게 만들 수 있는 기능을 노리자.( 구글 플러스 애드온 ) • XE에 없는 기능이지만, 상업용 사이트에 꼭 필요한 기 능을 노리자.(결제)
  • 23. 누리 프로젝트 이야기 XE가 죽어가는 것 같았고, 새로운 기능을 원했고, XE를 살리고 싶었다. 그리고 무엇보다, 같이 할 사람들이 있었다.
  • 25. 깃 허브 간단!!!! XE 코드 기여법 • 접속하라 https://github.com/ xpressengine
  • 27. XE를 가지치자!!!(계속) • 자신의 계정에 XE 프로젝트를 가지치 기.
  • 29. 나만의 XE 저장소 완성. 이제 시작
  • 30. 수정해보기 • 아무 파일이나 선택해서 수정해 본다. • 파일로 이동은 클릭을 하면 된 다.
  • 31. 예시. • 목표 • common_layout.html과 mobile_layout.html 이 나눠져있는게 앞으로 XE의 성장에 도움이 되지 않는다는 생각이 든다. • 이 둘을 합하는 제안을 넣어보고 싶다. • Mobile_layout.html에 있는 특수 기능들을 common_layout.html 파일 에서도 가능하게 제안하자. • Common_layout.html을 수정하는 것 보다는 PHP 코드로 넣는게 나을 것 같다.
  • 35. 그래도 되는 이유 • 내 저장소다
  • 36. 한 파일만 더 수정해보자 • Common_layout.ht ml • utf-8을 UTF-8로. • 왜? • 하나로 통일했으니 그냥 손봐주기(?) 라기보단 여러파일 커밋하는거 보여주 려고 예시용.
  • 37. 지금 수정한 파일 • 두개! • 그런데? 이건 그냥 내 저장소에 있는 파일이다. • XE에선 내가 무슨 일을 저질렀는지 모른다!!!! • 모르는건 전화해서 알려줄 수 있는데, 깃 허브에서 XE 프로젝트에 반영 이 안된다는거!!! • 어떡하지?
  • 40.
  • 41.
  • 42. 질문 있으신가요? 남은 시간 내에서… misol.kr@gmail.com