XE 오픈 세미나 - 2014-06-28
XE 레이아웃 제작 노하우 - 고진화
이 발표자료 내용은 오프라인 강의 때 구체적인 설명을 위한 키포인트 정도로 작성된 것이니 자세한 설명이나 궁금하신 사항은 고진화 강사님에게(http://cameron.co.kr) 문의하시기 바랍니다.
XE 오픈 세미나(2014-06-28) - (2/3) 레이아웃 제작 노하우XpressEngine
XE 오픈 세미나 - 2014-06-28
XE 레이아웃 제작 노하우 - 고진화
이 발표자료 내용은 오프라인 강의 때 구체적인 설명을 위한 키포인트 정도로 작성된 것이니 자세한 설명이나 궁금하신 사항은 고진화 강사님에게(http://cameron.co.kr) 문의하시기 바랍니다.
XE 오픈 세미나(2014-06-28) - (2/3) 레이아웃 제작 노하우XpressEngine
XE 오픈 세미나 - 2014-06-28
XE 레이아웃 제작 노하우 - 고진화
이 발표자료 내용은 오프라인 강의 때 구체적인 설명을 위한 키포인트 정도로 작성된 것이니 자세한 설명이나 궁금하신 사항은 고진화 강사님에게(http://cameron.co.kr) 문의하시기 바랍니다.
커빙의 Django, Celery, Azure Cloud, SNS 연동, 컨텐츠 수집 기술을 한눈에 볼 수 있도록 소개한 자료 입니다.
커빙을 처음 개발하면서 많은 어려움이 있었고,
또 많은 분들의 도움으로 좋은 결과를 얻을 수 있었습니다.
조금 더 깊은 내용을 다뤘으면 하는 아쉬움이 있지만,
다른 분들에게 조금이나마 도움이 되었으면 좋겠네요!
커빙의 Django, Celery, Azure Cloud, SNS 연동, 컨텐츠 수집 기술을 한눈에 볼 수 있도록 소개한 자료 입니다.
커빙을 처음 개발하면서 많은 어려움이 있었고,
또 많은 분들의 도움으로 좋은 결과를 얻을 수 있었습니다.
조금 더 깊은 내용을 다뤘으면 하는 아쉬움이 있지만,
다른 분들에게 조금이나마 도움이 되었으면 좋겠네요!
GDG DevFest 2017 Seoul 프론트엔드 모던 프레임워크 낱낱히 파헤치기Kenneth Ceyer
GDG DevFest 2017 Seoul
프론트엔드 모던 프레임워크 낱낱히 파헤치기 세션의 발표자료입니다.
이 발표자료에서는 여러분이 항상 궁금해 하신
프론트엔드 프레임워크의 삼총사
Angular, React, VueJS를 다차원적으로 깊이있게 비교하고 각각의 이점과 특화된 기능을 소개하고 있습니다.
이러한 프레임워크를 경험해보지 못한 분들을 위해 프레임워크 별로 특징부터 쉽게 접근하여 설명하기 때문에 경험 불문하고 가볍게 읽어 보실 수 있습니다.
(Spring Data JPA)식별자(@Id, Primary Key) 자동 생성, @GeneratedValue의 strategy 속성,Ge...탑크리에듀(구로디지털단지역3번출구 2분거리)
탑크리에듀(http://www.topcredu.co.kr), 오라클자바커뮤니티(http://ojc.asia) 제공 JPA 기초강좌 입니다. 이번 강좌는 JPA에서의 DB에 따른 식별자(Primary Key) 값을 자동 생성하는 방법에 대해 알아봅니다. 식별자 자동생성은 @GeneratedValue 어노테이션으로 지정하는데 복합키 보다는 대행키(인공키, Artifitial Key) 사용을 권장하며 @GeneratedValue의 strategy 속성에 값을 지정해 여러 가지 식별자 자동 생성 전략을 선택할 수 있습니다. AUTO, TABLE, SEQUENCE, IDENTITY 값으로 지정하며 이 값들은 열거형인 GenerationType에 정의되어 있죠, 천천히 자료 살펴보시고 교육센터 홈페이지에 오시면 동영상 강좌 및 다양한 슬라이드 강좌 있으니 참조 하세요~
4. XE 레이아웃 파일 구조
info.xml
info.xml은 레이아웃 스킨의 기본 정보
/layouts/user_layout/conf/info.xml
layout.html
layout.html은 레이아웃 스킨의 HTML과 CSS, JS 참조 정보
/layouts/user_layout/layout.html
thumbnail.png
thumbnail.png는 관리자 화면에서 레이아웃 미리보기 출력
180×120px 이상
/layouts/user_layout/thumbnail.png
5. Info.xml – 스킨정보
<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.2">
<title xml:lang="ko">테스트 레이아웃</title>
<description xml:lang="ko">디자인이 없는 테스트 레이아웃입니다. 새 스킨을 만들 때 이 레이아웃 사본을 사용
하면 좋습니다.</description>
<version>1.7</version>
<date>2013-11-27</date>
<author email_address="user@user.com" link="http://user-define.com/">
<name xml:lang="ko">제작자 이름</name>
</author>
<menus>
<menu name="global_menu" maxdepth="3" default="true">
<title xml:lang="ko">전역 메뉴</title>
</menu>
</menus>
</layout>
레이아웃 정보 문서임을 선언.
version에는 XE core에서 지원하는 버전 표시
XE core 1.4.4.2를 기준으로 지원하는 레이아웃 버전은 0.2입니다.
XE 관리자 페이지의 레이아웃 설정에서 생성한 메뉴와 연결
<menus>...</menus> 안에 2개 이상의 <menu>...</menu>를 작성
할 수 있습니다.
6. layout.html – 본체
DOCTYPE, html, head, body 를 제외한 <body></body> 안에 요소
CSS, JS 파일을 layout.html 파일에서 불러들이면 XE가 자동으로 <head>로 불어
들임.
1.CSS 파일 불러오기
<load target=“style.css” />
<link rel="stylesheet" type="text/css" href="style.css" /> → 사용금지
2.JS 파일 불러오기
<load target=“script.js” />
<script type="text/javascript" src=“script.js"></script> → 사용금지
3.컨텐츠 불러오기
{$content}
10. XE의 메뉴 변수들
$val[‘link’] : 메뉴 이미지 출력, 이미지가 없을 경우 텍스트 출력
$val[‘text’] : 메뉴 텍스트 출력
$val[‘href’] : 메뉴 링크주소
$val[‘selected’] : 현재 선택된 메뉴
$val['open_window']=='Y’ : 메뉴 설정에서 새창으로 열기 설정을 했을 때
<ul>
<li loop="$global_menu->list=>$key,$val"><a class="selected"|cond="$val['selected']"
href="{$val['href']}" target="_blank"|cond="$val['open_window']=='Y'" title="{$val['text']}">{$val['link']}
</li>
</ul>
11. 메뉴코드 분석 - cond
<ul cond="$global_menu-
>list">
…
</ul>
cond=“조건”
조건이 참이면 실행
cond=“$global_menu->list”
메뉴가 연결되어 있으면 ul를 출력
12. 메뉴코드 분석 - |cond
<a class="selected"|cond="$val['selected']" href="{$val['href']}"
target="_blank"|cond="$val['open_window']=='Y'">…</a>
|cond=“조건”
조건이 참이면 실행
class=“selected”|cond=“$val[‘selected’]”
메뉴가 선택되면 seleteced 클래스를 추가
target=“_blank”|cond=“$val[‘open_window’]==‘Y’”
메뉴설정에서 새창으로 열기 항목을 체크했으면 target=“_blank”를 추가