2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.
Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?
발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.
Improve CSS IR & Sprites Image Techniques for Accessibilityyamoo9
[12.09] 제10회 2014 정보접근성 동향 세미나 발표 자료
Windows High Contrast Mode 감지 및 CSS 활성화 Images 비활성화 상태 체크 감지 스크립트, ImproveIR.js를 활용한 IR 테크닉 접근성 향상
코드 소스 다운로드
https://github.com/yamoo9/Improve-IR-Accessible-Tech
2017년 4월 19일 Vuetiful Korea 첫번째 밋업의 세번째 발표자료입니다.
Vue.js 한국어 사용자 모임에서 발표를 하게 된 디자이너, 그녀는 과연 Vue.js를 쓸 수 있을 것인가?
발표자료에서 소개되는 게임은 smilee.github.io/vuetiful-korea-170419 을 참고해 주시기 바랍니다.
Improve CSS IR & Sprites Image Techniques for Accessibilityyamoo9
[12.09] 제10회 2014 정보접근성 동향 세미나 발표 자료
Windows High Contrast Mode 감지 및 CSS 활성화 Images 비활성화 상태 체크 감지 스크립트, ImproveIR.js를 활용한 IR 테크닉 접근성 향상
코드 소스 다운로드
https://github.com/yamoo9/Improve-IR-Accessible-Tech
국내 VC 투자데이터로 알아본 스타트업 투자동향 보고서 2014-2015더브이씨 (THE VC)
<국내>
-intro
문화창업플래너2기가 국내 스타트업 투자현황을 한눈에 볼 수 있는 자료를 기획함. 12월 벤처스퀘어의 기획기사를 통해 1차 로우데이터가 공개됨.
-2차 업데이트
12월 31일자로 업데이트된 '한국벤처투자'의 정보를 릴리즈하고, 2014년의 데이터를 수집하였음.
*본 자료는 공개된 투자정보와 등록된 VC의 정보와 리스트만 포함하고 있습니다. 따라서, 본 자료가 100% 정보를 담고 있는것이 아닙니다.
하지만, 보다 전략적인 투자유치를 위해선, 각 VC의 투자성향, 투자조합의 주기, 투자 트렌드를 이해하는것이 필요합니다.
어렵고 파편화된 VC투자 정보를 본 자료를 통해 쉽게 이해하시길 바랍니다.
본 자료의 출처는
구글 스프레드시트로 공유합니다.
http://bit.ly/VC_invest_data
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
AWS Community Day 2022 에서 진행된 [AWS 기반 마이크로 프론트엔드 아키텍처 구축하기] 세션의 발표자료입니다.
발표 영상: https://lnkd.in/g6xqYcyC
이번 세션에서는 마이크로 프론트엔드가 무엇인지, 어떤 문제를 해결하고자 하고 장단점은 어떤 것들이 있는지 얘기하면서 개념을 소개합니다.
그리고 마이크로 프론트엔드의 여러 구현 방식들을 소개합니다. 이번 세션에서는 여러 구현 방식들 중 Javascript 코드가 실행되는 시점에 애플리케이션이 조합되는 Runtime-composition을 다루고, 그 중에서도 브라우저에서 애플리케이션이 조합되는 Client-side composition에 대해 소개합니다. 그리하여 Webpack 5에 도입된 Module Federation 플러그인을 활용하여 Client-side composition을 어떻게 구현할 수 있는지 알려드립니다.
마지막으로 아키텍처 다이어그램과 실제로 동작하는 데모 프로젝트를 살펴보면서 AWS에 마이크로 프론트엔드 아키텍처를 어떻게 구축할 수 있는지 보여드립니다. 나아가 마이크로 프론트엔드가 제품 개발 영역 뿐만 아니라 조직 구조 관점에서 미치는 긍정적인 영향에 대해서도 소개합니다.
발표에서 보여드린 데모 프로젝트의 소스코드는 Github에 공개되어 있습니다.
Github: https://github.com/eunsukimme/micro-frontend-on-aws
구글 크롬 익스텐션을 이용해서 누구나, 어떠한 사이트라도 쉽고 빠르게 튜토리얼을 제작하고 볼 수 있는 서비스 입니다. 이렇게 제작된 튜토리얼들은 해당 웹사이트 위에 동적으로 삽입되어 사용자에게 비춰지며, 사용자들은 클릭 몇 번으로 웹사이트의 다양한 기능들을 익힐 수 있습니다.
4. 1. 웹 UI 프레임웍 개요
모듈화모바일웹
웹표준화
MVC기반 모듈의
재사용
글로벌 표준
XHTML/CSS
모바일로의 확장
5. 2. 웹 UI 프레임웍 활용
기업
기타
인트라넷
개인화
개인
업무
시스템
뉴스
블로그
쇼핑몰
커뮤니티
6. • 드래그홈은 홈페이지를 구성하는 모든 요소들을 모듈화(모듈or위젯)하여 드래그만으로
원하는 시스템을 구축할 수 있는 웹 UI 프레임웍입니다.
• 웹표준을 준수하여 브라우저에 상관없이 동일한 화면으로 서비스할 수 있습니다.
• 자바기반의 MVC모델로 개발하여 확장이 용이할 뿐 아니라 개발자와 디자이너의 업무를
확실하게 구분할 수 있습니다.
• iBatis, Freemarker, lucene, jQuery(Core & UI & 플러그인) 등을 활용하여 개발이 쉽고
ajax을 활용한 다이나믹한 효과를 구현할 수 있습니다.
3. 드래그홈 제안배경
7. • JAVA 기반 AJAX 웹 UI 프레임웍
• 웹표준 준수 (익스플로러, 파이어폭스, 크롬, 사파리, 오페라)
• 다국어 가능
• jQuery 자바스크립트 프레임웍 사용
• 자체 드래그홈 CSS 프레임웍 사용
4. 드래그홈 개요
8. • 페이지 개발을 모두 드래그로 처리하는 직관적인
유저 인터페이스를 제공합니다.
• 단위 모듈들을 모두 위젯 형태로 제공되기 때문에
원하는 기능의 위젯을 드래그만 하면 원하는 페이지로
변경됩니다.
5. 드래그홈 특징
직관적인 UI 제공
• JAVA 기반 MVC 모델로 개발하여 새로운
모듈 추가가 용이합니다.
• 개발자와 디자이너의 업무 구분이 명확하여
개발기간이 단축됩니다.
• 시스템을 변경하거나 디자인을 변경할 때 필요한
모듈이나 템플릿만 수정하면 되므로 유지비용이
절약됩니다.
• 회사 홈페이지. 지역 홈페이지, 내부 업무시스템을
하나의 드래그홈 프레임웍으로 제공할 수 있습니다.
• 직관적인 UI 제공으로 페이지를 제작하므로
내부 사용자가 쉽게 적응하여 직원 교육비용이 절약됩니다.
• 웹모바일용 템플릿 제공으로 회사홈페이지나
업무시스템을 모바일로 손쉽게 확장이
가능합니다.
개발의 편리성
유지비용 절약 웹모바일 활용