XE 오픈 세미나(2014-06-28) - (1/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) 문의하시기 바랍니다.
XE 오픈 세미나(2014-06-28) - (1/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 연동, 컨텐츠 수집 기술을 한눈에 볼 수 있도록 소개한 자료 입니다.
커빙을 처음 개발하면서 많은 어려움이 있었고,
또 많은 분들의 도움으로 좋은 결과를 얻을 수 있었습니다.
조금 더 깊은 내용을 다뤘으면 하는 아쉬움이 있지만,
다른 분들에게 조금이나마 도움이 되었으면 좋겠네요!
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원_성공하는 모바일 서비스를 위한 실전 강연
모바일 웹/앱 UI/UX 설계 실전모바일 UI/UX 설계 방법 및 노하우 공유본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
Spring framework 3.2 > 4.0 — themes and trendsArawn Park
제 13회 한국 자바 개발자 컨퍼런스 커뮤니티 세션에서 공유한 `Spring Framework 3.2 > 4.0 — Themes and Trends` 의 발표 자료
Spring Framework 3.1에 공개된 후 약 1년만에 Spring Framework 3.2개 공개되었습니다.
3.2에는 비동기 요청 처리와 향상된 JAVA 7 지원, Spring MVC Test framework 합류 등으로 자바 엔터프라이즈 애플리케이션을 개발하는데 있어 편리함과 함께 세련미를 더해주고 있습니다.
최근 Spring Framework 핵심 개발자인 Juergen Hoeller는 springsource blog에 "NEXT STOP: SPRING FRAMEWORK 4.0"라는 제목으로 앞으로 Spring Framework에 어떤 변화들이 찾아올지에 대해서 미리 귀뜸을 해주었습니다.
이 시간을 통해 Spring Framework 3.2의 새로운 기능들과 개선사항을 살펴보고, Spring Framework의 미래 모습에 대해 이야기를 나눠보는 자리를 만들고자 합니다.
jQuery Mobile is a touch-optimized web framework for building mobile websites and apps. It uses HTML5 to provide a responsive interface for all mobile device platforms. Key features include pages, navigation, buttons, forms, lists and themes. Developers add mobile-specific enhancements to HTML by using data attributes. Pages are defined with divs having the data-role of "page" and include sections for headers, content and footers. Navigation is achieved through anchor tags linking page div IDs.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 2/2부_성공하는 모바일 서비스를 위한 실전 강연
UX 패턴의 구성요소와 영역모바일 App의 Task & FlowUI Design 구성 요소UI & UX Map본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 1/2부_성공하는 모바일 서비스를 위한 실전 강연
UX Pattern Design의 정의Persona?UX 패턴의 구성요소와 영역본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
GDG DevFest 2017 Seoul 프론트엔드 모던 프레임워크 낱낱히 파헤치기Kenneth Ceyer
GDG DevFest 2017 Seoul
프론트엔드 모던 프레임워크 낱낱히 파헤치기 세션의 발표자료입니다.
이 발표자료에서는 여러분이 항상 궁금해 하신
프론트엔드 프레임워크의 삼총사
Angular, React, VueJS를 다차원적으로 깊이있게 비교하고 각각의 이점과 특화된 기능을 소개하고 있습니다.
이러한 프레임워크를 경험해보지 못한 분들을 위해 프레임워크 별로 특징부터 쉽게 접근하여 설명하기 때문에 경험 불문하고 가볍게 읽어 보실 수 있습니다.
18. [기기] 모바일 식별 사용 예
PC와 모바일에서 bxslider 이미지 전환 효과 다르게 하기
<!--@if(Mobile::isMobileCheckByAgent())-->
{@ $easing = 'easeOutBack'; $speed = 300}
<!--@else-->
{@ $easing = 'swing'; $speed = 200}
<!--@endif-->
jQuery(function($){
$slider.bxSlider({
speed: {$speed},
easing: '{$easing}',
});
});
cameron.co.kr
PC와 모바일 효과 비교
32. [메뉴] 메뉴 코드분석 - $val
<ul id="global_menu" cond="$global_menu->list">
<li loop="$global_menu->list=>$key,$val" class="selected"|cond="$val['selected']">
<a href="{$val['href']}" target="_blank"|cond="$val['open_window']=='Y'">{$val['link']}</a>
</li>
</ul>
– $val['link'] : 메뉴 이미지 출력, 이미지가 없을 경우 텍스트 출력
– $val['text'] : 메뉴 텍스트 출력
– $val['href'] : 메뉴 링크주소
– $val['selected'] : 현재 선택된 메뉴
– $val['open_window']=='Y' : 메뉴 설정에서 새창으로 열기 설정을 했을 때
43. [위젯] 같은 jQuery 위젯 여러 개 사용하기
전역변수를 사용하여 위젯 ID명 변경
<!--@if(!$global['csi'])-->{@ $__Context->global['csi'] = 1}<!--@endif-->
{@ $__Context->global['csi']++}
<div id="bxslider{$global['csi']}" class="slider newclearfix">
…
</div>
<script>
jQuery('#bxslider{$global["csi"]}'). bxSlider();
</script>
44. 1. 세계 웹디자인 트렌드
2. 한국의 웹 이슈들
3. 디자인 – 공간과 간격
4. 디자인 - 선
5. 디자인 - 폰트
6. 효과
2
디자인 이야기