Microsoft의 Dynamics CRM무료교육에 초대합니다
댓글 쓰기 권한이 없습니다. 로그인 하시겠습니까?
부산/경남
2014.05.22 14:43
[제7회 오픈 세미나 in 부산] html5/front-end개발팁 주제로 진행합니다
조회 수 753 추천 수 0 댓글 0
네이버 D2에반젤리스트 옥상훈
이번에는 <부산>으로 찾아갑니다. 7회를 맞이하는 이번 오픈 세미나는 부산정보산업진흥원과 함께하며 html5 성능 향상을 위해 웹브라우저 내부 구조와 작동 원리를 비롯해, 자바스크립트 프레임워크 MEAN 기술 소개, 자바스크립트 개발에 필요한 도구활용팁 뿐만 아니라 HTML5 API를 활용한 실전 게임개발 과정 등 개발자 여러분들에게 실용적인 세션들이 준비되어 있습니다. 개발자분들과 함께 배우며 토론하고 네트워킹할 수 있는 기회 '제 7회 오픈 세미나 in 부산'에 부산 개발자 여러 분들의 많은 관심과 참여 부탁드립니다!
* 오픈 세미나: 함께 성장하는 개발자들의 모임이라는 취지로 2012년 5월부터 개최되었으며 국내 SW생태계에 기여하고 네이버 개발자들이 외부 개발자들과 소통하기 위한 노력의 일환으로 진행하고 있는 세미나입니다. 제6회부터는 외부 개발자 커뮤니티와 함께 더 다양한 기술주제들을 공유하고 있으며 지난 1~6회 발표자료는 네이버 개발자 센터 > 기술 공유/지원 > 오픈 세미나 에서 확인하실 수 있습니다.
HTML5 주요 api 및 네이버 오픈 기술 소개
HTML5는 단순히 웹페이지를 보여주는 기술이 아니라 다양한 플랫폼에서 작동하는 애플리케이션을 만들 수 있는 공통 표준 기술로 발전했습니다. 기존 HTML과 달라진 점과 HTML5에 새롭게 추가되고 있는 API 및 관련 표준 동향을 비롯해 HTML5 개발시 고려 사항에 대해서 설명드립니다. 그리고 네이버에서 진행되고 있는 여러 오픈 기술과 개발자 지원 프로그램인 네이버 D2 프로그램을 소개합니다.
목차
시간 : 30분
웹브라우저 엔진의 구조와 원리
HTML5의 가장 중요한 Key Player인 브라우저의 내부 구조와 동작 원리를 이해하면, 웹앱이나 웹페이지 개발에 많은 도움이 될 것 같습니다. 이번 세션에서는 특히 최근 브라우저에서 렌더링 성능을 향상시키기 위하여 어떻게 Multi Core와 GPU를 활용하는지에 대한 내부 동작 원리와 이를 통하여 어떻게 웹앱이나 웹페이지의 성능을 향상시킬 수 있는지 함께 살펴볼 예정입니다.
목차
시간 : 40분
자바스크립트 MEAN Stack
MongoDB, ExpressJS, AngularJS 그리고 Node.js로 구성된 MEAN 스택은 재미있고 쉽게 사용할 수 있는 자바스크립트 기반 웹 어플리케이션 기술 스택으로서 차세대 웹어플리케이션 개발 프레임워크로 각광받고 있습니다. 이번 세션에서는 각각의 MEAN에 대한 주요 특징을 살펴보고 MEAN 스택을 이용해 빠르고 효율적으로 웹 어플리케이션을 개발하는 방법을 알아봅니다.
목차
시간 : 40분
진보된 개발 환경에서 품질 좋은 코드 생산
프론트엔드 개발은 점점 거대 해지고 있습니다. 이 말은 프론트엔드 개발에 바라는 것이 많아 졌다는 뜻입니다. 이 뜻은 곧 프론트엔드 개발의 책임을 나타냅니다. 되도 그만, 안되도 그만인 Javascript는 이젠 필수가 되었고 복잡해 졌으며, C&P로 끝나는게 아닌 공학적인 지식이 가미되야합니다. 하지만 이 책임의 크기와 달리 우리의 개발 환경은 어떤가요? 혹시 느리고 답답하고 매번 직접 리팩토링과 코드의 수준을 검토해야만 하는 환경에 놓여있지 않은가요? 책임은 커졌지만 환경이 멈춰있고 여기에 답답함을 느낀다면 오늘 저의 세션이 도움 될것입니다.
목차
시간 : 40분
HTML5 API를 활용한 실시간 대전 테트리스 게임 개발
HTML5을 이용하여 실시간 대전 테트리스 게임을 개발하는 과정 및 자바스크립트 기반의 Front / Back End 에 이르는 개발 스택에 대한 소개입니다. WebSocket, Canvas/WebGL 등의 기술을 이용한 라이브러리들과 Grunt, Bower를 이용한 프론트엔드 개발 환경 및 Node.js & MongoDB 기반의 서버 개발 환경을 함께 공유합니다.
목차
시간 : 40분
이번에는 <부산>으로 찾아갑니다. 7회를 맞이하는 이번 오픈 세미나는 부산정보산업진흥원과 함께하며 html5 성능 향상을 위해 웹브라우저 내부 구조와 작동 원리를 비롯해, 자바스크립트 프레임워크 MEAN 기술 소개, 자바스크립트 개발에 필요한 도구활용팁 뿐만 아니라 HTML5 API를 활용한 실전 게임개발 과정 등 개발자 여러분들에게 실용적인 세션들이 준비되어 있습니다. 개발자분들과 함께 배우며 토론하고 네트워킹할 수 있는 기회 '제 7회 오픈 세미나 in 부산'에 부산 개발자 여러 분들의 많은 관심과 참여 부탁드립니다!
* 오픈 세미나: 함께 성장하는 개발자들의 모임이라는 취지로 2012년 5월부터 개최되었으며 국내 SW생태계에 기여하고 네이버 개발자들이 외부 개발자들과 소통하기 위한 노력의 일환으로 진행하고 있는 세미나입니다. 제6회부터는 외부 개발자 커뮤니티와 함께 더 다양한 기술주제들을 공유하고 있으며 지난 1~6회 발표자료는 네이버 개발자 센터 > 기술 공유/지원 > 오픈 세미나 에서 확인하실 수 있습니다.
일시 : 5월23일(금) 13:00 ~ 17:30
장소 : 부산문화콘텐츠콤플렉스 (오시는 길, 주차 불가)
프로그램 : 5개 세션, 강사와 함께 주제별 토론 (상세사항은 아래 소개 참조)참가인원 : 120명 내외
- HTML5 주요 API 및 네이버 오픈 기술 소개 (네이버 옥상훈 부장)
- 웹브라우저 내부 구조와 작동 원리 (네이버 이형욱 차장)
- 자바스크립트 프레임워크 MEAN (NHN Technology Services 김태훈 팀장)
- 자바스크립트 프론트엔드 개발 프로세스 (NHN Technology Services 주우영 사원)
- HTML5 API를 활용한 실시간 대전 테트리스 게임 개발 (NHN Technology Services 이진권 대리)
참가신청 방법 : 네이버 개발자 센터 > 오픈 세미나 페이지에서 신청(접수는 5월 14일(수) 14:00 부터 무료신청)
관련 문의 : Helloworld 공식SNS(트위터, 페이스북) 및 이메일(d2@navercorp.com)로 해주세요
HTML5 주요 api 및 네이버 오픈 기술 소개
HTML5는 단순히 웹페이지를 보여주는 기술이 아니라 다양한 플랫폼에서 작동하는 애플리케이션을 만들 수 있는 공통 표준 기술로 발전했습니다. 기존 HTML과 달라진 점과 HTML5에 새롭게 추가되고 있는 API 및 관련 표준 동향을 비롯해 HTML5 개발시 고려 사항에 대해서 설명드립니다. 그리고 네이버에서 진행되고 있는 여러 오픈 기술과 개발자 지원 프로그램인 네이버 D2 프로그램을 소개합니다.
목차
- HTML4 vs HTML5
- HTML5 API
- HTML5 개발시 고려 사항
- 네이버 오픈 기술 - YOBI, XE 및 네이버 D2 프로그램 소개
시간 : 30분
웹브라우저 엔진의 구조와 원리
HTML5의 가장 중요한 Key Player인 브라우저의 내부 구조와 동작 원리를 이해하면, 웹앱이나 웹페이지 개발에 많은 도움이 될 것 같습니다. 이번 세션에서는 특히 최근 브라우저에서 렌더링 성능을 향상시키기 위하여 어떻게 Multi Core와 GPU를 활용하는지에 대한 내부 동작 원리와 이를 통하여 어떻게 웹앱이나 웹페이지의 성능을 향상시킬 수 있는지 함께 살펴볼 예정입니다.
목차
- How browsers work
- Summary of browser main flows.
- DOM / CSS
- Resource Loader
- HTML Parser
- Java Script Engine
- Layout
- Rendering
- Multi process Architecture
- Why multi-process architecture
- Multi Process Architecture
- IPC (Inter-Process Communication)
- Multi Process Resource Loading
- Rendering Path
- GPU Process
- Browser side Compositor
- Threaded Compositor
- Threaded Rasterization
시간 : 40분
자바스크립트 MEAN Stack
MongoDB, ExpressJS, AngularJS 그리고 Node.js로 구성된 MEAN 스택은 재미있고 쉽게 사용할 수 있는 자바스크립트 기반 웹 어플리케이션 기술 스택으로서 차세대 웹어플리케이션 개발 프레임워크로 각광받고 있습니다. 이번 세션에서는 각각의 MEAN에 대한 주요 특징을 살펴보고 MEAN 스택을 이용해 빠르고 효율적으로 웹 어플리케이션을 개발하는 방법을 알아봅니다.
목차
- MEAN Stack 이란 무엇인가?
- MEAN Stack 아키텍쳐 (MongoDB, Express.js, Angular.js, Node.js)
- MEAN Stack으로 웹 애플리케이션 개발하기
시간 : 40분
진보된 개발 환경에서 품질 좋은 코드 생산
프론트엔드 개발은 점점 거대 해지고 있습니다. 이 말은 프론트엔드 개발에 바라는 것이 많아 졌다는 뜻입니다. 이 뜻은 곧 프론트엔드 개발의 책임을 나타냅니다. 되도 그만, 안되도 그만인 Javascript는 이젠 필수가 되었고 복잡해 졌으며, C&P로 끝나는게 아닌 공학적인 지식이 가미되야합니다. 하지만 이 책임의 크기와 달리 우리의 개발 환경은 어떤가요? 혹시 느리고 답답하고 매번 직접 리팩토링과 코드의 수준을 검토해야만 하는 환경에 놓여있지 않은가요? 책임은 커졌지만 환경이 멈춰있고 여기에 답답함을 느낀다면 오늘 저의 세션이 도움 될것입니다.
목차
- IDE의 선택 기준
- WebStorm 개요
- 코드 검증, 테스트, 자동화
시간 : 40분
HTML5 API를 활용한 실시간 대전 테트리스 게임 개발
HTML5을 이용하여 실시간 대전 테트리스 게임을 개발하는 과정 및 자바스크립트 기반의 Front / Back End 에 이르는 개발 스택에 대한 소개입니다. WebSocket, Canvas/WebGL 등의 기술을 이용한 라이브러리들과 Grunt, Bower를 이용한 프론트엔드 개발 환경 및 Node.js & MongoDB 기반의 서버 개발 환경을 함께 공유합니다.
목차
- Tetris 선정 이유 및 게임 로직의 이해
- Game UI Design
- Architecture
- Front-End
- About SPA
- Base Framework, Backbone.js
- Draw, Cavas & WebGL
- Network, Web-socket (socket.io)
- Sound, Buzz Library
- Touch, Hammer.js
- Back-End
- Server Design
- Server-Side JS, Node.js
- NoSQL Database, MongoDB
- Front-End
- JS Library Manager
- JS Build
- Grunt
- node-webkit
- Play with Full Stack JS
- MEBN Stack
시간 : 40분
●?Who's Luatic™
-
Luatic.co.kr
Copyright © 2010-2023 Luatic.co.kr기본적인 저작권은 루아틱에서 소유합니다. All rights reserved.
- 사이트명: 루아틱|대표: 조종현|고객센터: 070-4922-7001클릭하시면 연락처 검색이 가능합니다.
- 사업장 주소: 부산광역시 서구 망양로 175번길 13-1|이메일: support@luatic.co.kr
- 사업자 등록번호: 617-02-88278클릭하시면 사업자등록 현황을 보실수 있습니다.
-
루아틱 공식 트위터 
루아틱 공식 페이스북
처음