SlideShare a Scribd company logo
현실적
네이버 박재성
2015.4.29
ANGULARJS
2009년 Miško Hevery의 개인 프로젝트로 시
작.
처음 개발시 웹 개발자를 대상으로 하지 않았고,
개발은 모르지만 HTML은 이해하는
디자이너와 같은 사람들을 대상으로 함.
, Breaking Open: AngularJS AngularJS: Up and Running
첫 AngularJS 프로젝트 : Google Feedback
기간 LOC
GWT 3명 x 6개월 = 18MM 17,000
AngularJS 1명 x 3주 = 0.75MM 1,000
어떻게 성장했나?
! (강력한 마케팅, 구글 브랜드에 우호적인 개발자 커뮤니티)
JavaScript를 잘모르더라도, 프레임워크를 배우면 개발할 수 있다.
2012 중반부터 강력히 밀기 시작 - 
(2012/07/27)
https://news.ycombinator.com/item?id=8652677
Writing an AngularJS App with Socket.IO
Google Trend
 
얼마만큼의 관심?: 해외
https://www.dice.com/jobs?q=angularjs
https://www.linkedin.com/vsearch/p?type=people&keywords=angularjs
 
얼마만큼의 관심?: 국내
http://www.jobkorea.co.kr/sm/search.asp?stext=angularjs
http://cafeblog.search.naver.com/search.naver?where=article&ie=utf8&query=angularjs
왜 개발자들이 좋아할까? (특히 BACK-
END)
코드 일관성 (개인 스타일 편차 적음)
구조적 (MVC 패턴)
코드량 감소 (이벤트 바인딩, 뷰 업데이트 코드
등)
코드의 재사용
양방향 데이터 바인딩(Two-Way Data
Binding)
다양한 Module을 활용한 빠른 개발
간단 ANGULARJS 예제 #1
HTML Result Edit on
<html ng-app> <!-- (1) 하위 영역은 AnguarJS 어플리케이션으로 인식됨 -->
<head>
<title>AngularJS</title>
<!-- AngularJS 로딩 -->
<script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script>
</head>
<body>
<div>
<!-- (2) 데이터 바인딩을 위해 사용되는 지시자로, 값으로 지정한 'name'은 모델의 이름으로 사용 -->
<input type='text' ng-model='name' />
<!-- (3) 데이터의 출력을 위한 템플릿 표현 식으로, 이중 중괄호로 묶어 사용한다. 이곳에 사용된 모델명인 'name'은
ng-model='name'과 바인딩 되어 처리된다. -->
<h2>{{name}}</h2>
</div>
</body>
</html>
간단 ANGULARJS 예제 #2
HTML JS Result Edit on
<html ng-app="myApp">
<head>
<title>AngularJS</title>
<script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script>
</head>
<body>
<!--
컨트롤러는 모듈 내에 정의되며, HTML 요소와 묶이도록 구성된다.
컨트롤러에는 비즈니스 로직이 구현되며, 데이터와 이벤트 핸들러 함수 등이 포함된다.
-->
<div ng-controller="myController1">
<ul>
<li ng-repeat="fruit in fruits">
<span>{{fruit.name}}</span> / <span>{{fruit.qty}}</span>
</li>
</ul>
<button ng-click="setValue()">변경</button>
</div>
양방향 데이터 바인딩
(TWO-WAY DATA BINDING)
초기화 과정
1. DOMContentLoaded 이벤트에서 실행
2. AngularJS 영역 초기화 과정 :
문서 내에서 ng-app 지시자 확인
모듈 및 지시자와 연관된 모듈을 로딩
개발방법 비교:
DOM 제어 VS ANGULARJS
Double­click to edit a todo
Created by Sindre Sorhus
Part of TodoMVC
jQuery
Example
Source
jQuery is a fast, small, and feature­rich
JavaScript library. It makes things like
HTML document traversal and
manipulation, event handling,
animation, and Ajax much simpler with
an easy­to­use API that works across
a multitude of browsers. With a
combination of versatility and
extensibility, jQuery has changed the
way that millions of people write
JavaScript.
“
”
todos
What needs to be done?
개발방법 비교: DOM 제어
개발방법 비교: ANGULARJS
개발방법 비교:
DOM 제어 VS ANGULARJS
구분 종류 크기(byte) Total(byte)
DOM 제어(Jindo) HTML 1,164 4,951 (100%)
JavaScript 3,787
AngularJS HTML 2,059 3,161 (63.84%)
JavaScript 1,102
적용사례 #1
8월 31일 오전 10:00
카카오토픽
 
카카오토픽이 2015년 8월 31일로 종료되었습니다.
그동안 이용해주셔서 진심으로 감사드립니다.
Good-Bye-! 
 
 
 
카카오스토리 채널, 해시태그 검색
많이 본 뉴스 댓글 많은 뉴스
1
‘해피투게더3’ 구혜선, 단독주택서 거주 “200
평 규모?”
392,776
2
이병헌, '협박녀' 이씨·다희에게 선처..처벌불
원의견서 제출
374,322
3
[오미정의 연예직설] 육아 예능을 보는 보통
부모의 씁쓸함
356,148
4
[디패Go] "라둥이는 처음이지?…역대급 베이
비가 떴다" (슈)
336,440
5
'에브리바디' 한의사 왕혜문 근육질 비키니에
홈 TV 포토 랭킹 스타캐스트 영화 뮤직 NOW
Kakao Topic  ← click to refresh →  네이버 연예랭킹
적용사례 #2
공지사항
화당
전회
작품소개 작가정보 리뷰 23
'시즌 2'는 <가우스전자> 674화 이후 연재분입니다. (5/27 ~ 12/31)
무료
무료
  선택대여   전화대여
홈 요일웹툰 베스트도전 스토어
가우스전자 (시즌 2)
 8.8 (202명) 별점주기
총 410화(미완결)  410화 무료
곽백수
코믹  전체이용가 
196
대여 구매
1화부터
 2014.03.03.   4쪽674화 무료
2014.03.03.   4쪽675화  무료
북스앱 최신버전 설치 후 이용해주세요 설치하기 
네이버
웹툰 스토어
그러나 고민할 점
WEBSITES USING
ANGULAR JS
 
Angular JS Usage Statistics
PETER-PAUL KOCH (PPK)
The problem with Angular
“Angular is mostly being used by people from a
Java background because its coding style is aimed
at them. Unfortunately they aren’t trained to
recognise Angular’s performance problems.”
Angular 2.0 - “I don’t think Angular will survive the rewrite.”
고려사항: 성능 #1 TODOMVC BENCHMARK
Step Tests Run All
Backbone 1.1.2
Backbone/Adding100Items
Backbone/CompletingAllItems
Backbone/DeletingAllItems
Ember 1.8.1 + Handlebars 1.3.0
Ember/Adding100Items
Ember/CompletingAllItems
Ember/DeletingItems
Angular 1.2.27
Angular/Adding100Items
Angular/CompletingAllItems
Angular/DeletingAllItems
React 0.12.1
React/Adding100Items
React/CompletingAllItems
React/DeletingAllItems
Om 0.5.0 + React 0.9.0
Om/Adding100Items
Om/CompletingAllItems
Om/DeletingAllItems
http://dsuket.github.io/todomvc-perf-comparison/
고려사항: 성능 #2 초기 로딩&렌더링
http://www.filamentgroup.com/lab/mv-initial-load-times.html
고려사항: 성능 #3 데이터 처리
100개 목록 데이터가 HTML에 포함되어 처리되는 경우
리스트 0디지털타임스 오후 1:15
리스트 1디지털타임스 오후 1:15
리스트 2디지털타임스 오후 1:15
리스트 3디지털타임스 오후 1:15
리스트 4디지털타임스 오후 1:15
리스트 5디지털타임스 오후 1:15
리스트 6디지털타임스 오후 1:15
리스트 7디지털타임스 오후 1:15
리스트 8디지털타임스 오후 1:15
리스트 9디지털타임스 오후 1:15
금융 증권 부동산
홈 정치 경제 연예 사회 IT 생활 세계 포토
 
 
로딩 속도 : 72ms
리스트 0 디지털타임스 오후 1:15
리스트 1 디지털타임스 오후 1:15
리스트 2 디지털타임스 오후 1:15
리스트 3 디지털타임스 오후 1:15
리스트 4 디지털타임스 오후 1:15
리스트 5 디지털타임스 오후 1:15
리스트 6 디지털타임스 오후 1:15
리스트 7 디지털타임스 오후 1:15
리스트 8 디지털타임스 오후 1:15
리스트 9 디지털타임스 오후 1:15
금융 증권 부동산
홈 정치 경제 연예 사회 IT 생활 세계 포토
 
 
로딩 속도 : 138ms
일반적 방식  ← click to refresh →  AngularJS
고려사항: 성능 #4 데이터 바인딩
데이터 편차에 따른 처리 속도
리스트 0디지털타임스 오후 1:15
리스트 1디지털타임스 오후 1:15
리스트 2디지털타임스 오후 1:15
리스트 3디지털타임스 오후 1:15
리스트 4디지털타임스 오후 1:15
리스트 5디지털타임스 오후 1:15
리스트 6디지털타임스 오후 1:15
금융 증권 부동산
100 200 300 400 500 600 700 800 900
1000 1100 1200 1300 1400 1500 1600 1700
1800 1900 2000
 
 
로딩 속도 :
리스트 0 디지털타임스 오후 1:15
리스트 1 디지털타임스 오후 1:15
리스트 2 디지털타임스 오후 1:15
리스트 3 디지털타임스 오후 1:15
리스트 4 디지털타임스 오후 1:15
리스트 5 디지털타임스 오후 1:15
리스트 6 디지털타임스 오후 1:15
금융 증권 부동산
100 200 300 400 500 600 700 800 900
1000 1100 1200 1300 1400 1500 1600 1700
1800 1900 2000
 
 
로딩 속도 :
One-Way Data Binding vs. Two-Way Data Binding
고려사항: FOUC*
<body ng-app="myApp">
<div ng-controller="myControllerList">
<ul>
<li ng-repeat="fruit in fruits">
<span>{{fruit.name}}</span> / <span>{{fruit.qty}}</span>
</li>
</ul>
<button onclick="location.reload()">reload</button>
</div>
<script type="text/javascript" src="https://code.angularjs.org/1.3.8/angular.min.js"></script>
<script type="text/javascript">
    angular.module("myApp",[])
    .controller("myControllerList", function($scope) {
    $scope.fruits = [
    { name: '메론', qty: 9 },
    { name: '망고', qty: 3 },
메론 / 9
망고 / 3
바나나 / 1
reload
*FOUC(Flash Of Unstyled Content) - http://en.wikipedia.org/wiki/Flash_of_unstyled_content
고려사항: 이벤트 바인딩
양방향 데이터 바인딩을 위해 모델로 지정된 요소에
여래 개의 이벤트가 바인딩 된다.
Event log
DOMContentLoaded: 1
load: 1
호환성
AngularJS 2.0 Details Emerge
AngularJS 2.0은 1.x와 호환되지 않음
1.x --> 2.0 마이그레이션 방법 없음
1.3은 2.0 릴리즈 이후, 1.5 ~ 2년간만 지원예정
구글은?
What’s wrong with Angular.js
“Google does not use Angular in production for
their flag apps like Gmail or Gplus.”
현실적인 ANGULARJS 사용?
SPA (Single Page Application)
빠른 프로토타이핑
어드민 / 내부 서비스
세밀한 DOM 제어가 필요하지 않은 경우
성능 이슈가 크리티컬하지 않은 경우
2.0 스타일로 개발하고자 한다면, 기다려야 한
다.(late 2015)
도입 할까?,말까?
ANGULARJS 도입 선택 가이드
http://helloworld.naver.com/helloworld/1172239
muchas graciasmuchas gracias

More Related Content

What's hot

최근 Javascript framework 조사
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사
Kichul Jung
 
웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁
WebFrameworks
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정Kenu, GwangNam Heo
 
Webframeworks.kr의 소개
Webframeworks.kr의 소개Webframeworks.kr의 소개
Webframeworks.kr의 소개
WebFrameworks
 
[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation양귀 김
 
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
Junki Kim
 
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
JongKwang Kim
 
JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기항희 이
 
PHP Slim Framework with Angular
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with Angular
JT Jintae Jung
 
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강 [토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
우영 주
 
[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문
[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문
[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문
종훈 박
 
Angular는 사실 어렵지 않습니다.
Angular는 사실 어렵지 않습니다.Angular는 사실 어렵지 않습니다.
Angular는 사실 어렵지 않습니다.
장현 한
 
How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_framework
JT Jintae Jung
 
Angular Seminar [한빛미디어 리얼타임 세미나]
Angular Seminar [한빛미디어 리얼타임 세미나]Angular Seminar [한빛미디어 리얼타임 세미나]
Angular Seminar [한빛미디어 리얼타임 세미나]
Woojin Joe
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
Sang Seok Lim
 
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
Seungmin Lee
 
AngularJS In Production
AngularJS In ProductionAngularJS In Production
AngularJS In Production
MooYeol Lee
 

What's hot (17)

최근 Javascript framework 조사
최근 Javascript framework 조사최근 Javascript framework 조사
최근 Javascript framework 조사
 
웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정
 
Webframeworks.kr의 소개
Webframeworks.kr의 소개Webframeworks.kr의 소개
Webframeworks.kr의 소개
 
[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation[별천지 세미나] CSS3 Animation
[별천지 세미나] CSS3 Animation
 
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
[별천지 세미나] HTML5 is Ready: Fastbook 기술적 분석
 
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
[별천지 세미나] 세션1 Sencha로 끝장내는 Front-End 개발과 Architect
 
JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기JavaScript 프레임워크 살펴보기
JavaScript 프레임워크 살펴보기
 
PHP Slim Framework with Angular
PHP Slim Framework with AngularPHP Slim Framework with Angular
PHP Slim Framework with Angular
 
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강 [토크아이티] 프런트엔드 개발 시작하기 저자 특강
[토크아이티] 프런트엔드 개발 시작하기 저자 특강
 
[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문
[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문
[리뷰] 풀스택 개발자를 위한 MEAM 스택 입문
 
Angular는 사실 어렵지 않습니다.
Angular는 사실 어렵지 않습니다.Angular는 사실 어렵지 않습니다.
Angular는 사실 어렵지 않습니다.
 
How_to_choose_the_right_framework
How_to_choose_the_right_frameworkHow_to_choose_the_right_framework
How_to_choose_the_right_framework
 
Angular Seminar [한빛미디어 리얼타임 세미나]
Angular Seminar [한빛미디어 리얼타임 세미나]Angular Seminar [한빛미디어 리얼타임 세미나]
Angular Seminar [한빛미디어 리얼타임 세미나]
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
 
웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기웹 디자이너의 도전: Vue.js 따라하기
웹 디자이너의 도전: Vue.js 따라하기
 
AngularJS In Production
AngularJS In ProductionAngularJS In Production
AngularJS In Production
 

Similar to 현실적 Angular js

Nocode with 스마트메이커
Nocode with 스마트메이커Nocode with 스마트메이커
Nocode with 스마트메이커
Wonjun Hwang
 
Sng전망
Sng전망Sng전망
Sng전망
zoosagi12
 
세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]
세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]
세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]
미선 윤
 
학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)
학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)
학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)
Lab80
 
프라이머(등록용)
프라이머(등록용)프라이머(등록용)
프라이머(등록용)
Tony park
 
2020년 12월 5일 개발자 이야기
2020년 12월 5일 개발자 이야기2020년 12월 5일 개발자 이야기
2020년 12월 5일 개발자 이야기
Jay Park
 
Social Media Marketing 2015 Trend
Social Media Marketing 2015 Trend Social Media Marketing 2015 Trend
Social Media Marketing 2015 Trend
Innobirds Media
 
Creating Value through Data Analysis
Creating Value through Data AnalysisCreating Value through Data Analysis
Creating Value through Data Analysis
Dataya Nolja
 
빅데이터의 다음 단계는 예측 분석이다
빅데이터의 다음 단계는 예측 분석이다빅데이터의 다음 단계는 예측 분석이다
빅데이터의 다음 단계는 예측 분석이다
Kyunghoon Kim
 
이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011
이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011
이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011
devCAT Studio, NEXON
 
[티그리스]스마트워크와 소셜엔터프라이즈
[티그리스]스마트워크와 소셜엔터프라이즈[티그리스]스마트워크와 소셜엔터프라이즈
[티그리스]스마트워크와 소셜엔터프라이즈
socialware
 
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
시은 김
 
3rd SDN Interest Group Seminar-Session 1 (130123)
3rd SDN Interest Group Seminar-Session 1 (130123)3rd SDN Interest Group Seminar-Session 1 (130123)
3rd SDN Interest Group Seminar-Session 1 (130123)
NAIM Networks, Inc.
 
2020년 5월 9일 개발 이야기 정리
2020년 5월 9일 개발 이야기 정리2020년 5월 9일 개발 이야기 정리
2020년 5월 9일 개발 이야기 정리
Jay Park
 
딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)
딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)
딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)
Wonkyung Lyu
 
13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf
Jeongeun Kwon
 
월간 리드잇(beta) 2018년 10월호
월간 리드잇(beta) 2018년 10월호월간 리드잇(beta) 2018년 10월호
월간 리드잇(beta) 2018년 10월호
Hantae John Yu
 

Similar to 현실적 Angular js (20)

Nocode with 스마트메이커
Nocode with 스마트메이커Nocode with 스마트메이커
Nocode with 스마트메이커
 
ecdevday6
ecdevday6ecdevday6
ecdevday6
 
Sng전망
Sng전망Sng전망
Sng전망
 
세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]
세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]
세상과 통하는 서비스 개발하기 자료 [스타트업 A to Z 세미나]
 
Sng전망
Sng전망Sng전망
Sng전망
 
학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)
학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)
학교에서는 배울 수 없는 스타트업 엔지니어링 (연세대 특강)
 
프라이머(등록용)
프라이머(등록용)프라이머(등록용)
프라이머(등록용)
 
2020년 12월 5일 개발자 이야기
2020년 12월 5일 개발자 이야기2020년 12월 5일 개발자 이야기
2020년 12월 5일 개발자 이야기
 
Social Media Marketing 2015 Trend
Social Media Marketing 2015 Trend Social Media Marketing 2015 Trend
Social Media Marketing 2015 Trend
 
Creating Value through Data Analysis
Creating Value through Data AnalysisCreating Value through Data Analysis
Creating Value through Data Analysis
 
빅데이터의 다음 단계는 예측 분석이다
빅데이터의 다음 단계는 예측 분석이다빅데이터의 다음 단계는 예측 분석이다
빅데이터의 다음 단계는 예측 분석이다
 
이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011
이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011
이원, 온라인 게임 프로젝트 개발 결산 - 마비노기 개발 완수 보고서, NDC2011
 
[티그리스]스마트워크와 소셜엔터프라이즈
[티그리스]스마트워크와 소셜엔터프라이즈[티그리스]스마트워크와 소셜엔터프라이즈
[티그리스]스마트워크와 소셜엔터프라이즈
 
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
 
3rd SDN Interest Group Seminar-Session 1 (130123)
3rd SDN Interest Group Seminar-Session 1 (130123)3rd SDN Interest Group Seminar-Session 1 (130123)
3rd SDN Interest Group Seminar-Session 1 (130123)
 
2020년 5월 9일 개발 이야기 정리
2020년 5월 9일 개발 이야기 정리2020년 5월 9일 개발 이야기 정리
2020년 5월 9일 개발 이야기 정리
 
2013 app design trends
2013 app design trends2013 app design trends
2013 app design trends
 
딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)
딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)
딥링크 기반의 앱 마케팅 플랫폼: 지글(Jeegle)
 
13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf13th.Design.for.AI.Lecture.pdf
13th.Design.for.AI.Lecture.pdf
 
월간 리드잇(beta) 2018년 10월호
월간 리드잇(beta) 2018년 10월호월간 리드잇(beta) 2018년 10월호
월간 리드잇(beta) 2018년 10월호
 

More from Jae Sung Park

[SOSCON 2018] 오픈소스 개발: Behind the scenes
[SOSCON 2018] 오픈소스 개발: Behind the scenes[SOSCON 2018] 오픈소스 개발: Behind the scenes
[SOSCON 2018] 오픈소스 개발: Behind the scenes
Jae Sung Park
 
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
Jae Sung Park
 
[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지
[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지
[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지
Jae Sung Park
 
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
Jae Sung Park
 
Front end dev 2016 & beyond
Front end dev 2016 & beyondFront end dev 2016 & beyond
Front end dev 2016 & beyond
Jae Sung Park
 
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
Jae Sung Park
 
현실적 PWA
현실적 PWA현실적 PWA
현실적 PWA
Jae Sung Park
 
How jQuery event works
How jQuery event worksHow jQuery event works
How jQuery event works
Jae Sung Park
 
iOS9 소개
iOS9 소개iOS9 소개
iOS9 소개
Jae Sung Park
 
Web Components & Polymer
Web Components & PolymerWeb Components & Polymer
Web Components & PolymerJae Sung Park
 
모바일 웹 디버깅
모바일 웹 디버깅모바일 웹 디버깅
모바일 웹 디버깅
Jae Sung Park
 
혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer
Jae Sung Park
 
CSS Functions
CSS FunctionsCSS Functions
CSS Functions
Jae Sung Park
 
우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구
Jae Sung Park
 
What's new in IE11
What's new in IE11What's new in IE11
What's new in IE11
Jae Sung Park
 
스마트 TV 앱 개발 맛보기
스마트 TV 앱 개발 맛보기스마트 TV 앱 개발 맛보기
스마트 TV 앱 개발 맛보기
Jae Sung Park
 
How to create Aptana Ruble
How to create Aptana RubleHow to create Aptana Ruble
How to create Aptana Ruble
Jae Sung Park
 
도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: YeomanJae Sung Park
 
Developing game audio with the Web Audio API
Developing game audio with the Web Audio APIDeveloping game audio with the Web Audio API
Developing game audio with the Web Audio API
Jae Sung Park
 

More from Jae Sung Park (20)

[SOSCON 2018] 오픈소스 개발: Behind the scenes
[SOSCON 2018] 오픈소스 개발: Behind the scenes[SOSCON 2018] 오픈소스 개발: Behind the scenes
[SOSCON 2018] 오픈소스 개발: Behind the scenes
 
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
[DEVIEW 2018] JavaScript 배틀그라운드로부터 살아남기
 
[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지
[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지
[SOSCON 2017] 네이버의 FE 오픈소스: jindo에서 billboard.js까지
 
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
 
Front end dev 2016 & beyond
Front end dev 2016 & beyondFront end dev 2016 & beyond
Front end dev 2016 & beyond
 
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
 
현실적 PWA
현실적 PWA현실적 PWA
현실적 PWA
 
How jQuery event works
How jQuery event worksHow jQuery event works
How jQuery event works
 
iOS9 소개
iOS9 소개iOS9 소개
iOS9 소개
 
Web Components & Polymer
Web Components & PolymerWeb Components & Polymer
Web Components & Polymer
 
모바일 웹 디버깅
모바일 웹 디버깅모바일 웹 디버깅
모바일 웹 디버깅
 
혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer혁신적인 웹컴포넌트 라이브러리 - Polymer
혁신적인 웹컴포넌트 라이브러리 - Polymer
 
CSS Functions
CSS FunctionsCSS Functions
CSS Functions
 
우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구
 
What's new in IE11
What's new in IE11What's new in IE11
What's new in IE11
 
스마트 TV 앱 개발 맛보기
스마트 TV 앱 개발 맛보기스마트 TV 앱 개발 맛보기
스마트 TV 앱 개발 맛보기
 
How to create Aptana Ruble
How to create Aptana RubleHow to create Aptana Ruble
How to create Aptana Ruble
 
Web Audio API
Web Audio APIWeb Audio API
Web Audio API
 
도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman도구를 활용한 더 나은 웹 개발: Yeoman
도구를 활용한 더 나은 웹 개발: Yeoman
 
Developing game audio with the Web Audio API
Developing game audio with the Web Audio APIDeveloping game audio with the Web Audio API
Developing game audio with the Web Audio API
 

현실적 Angular js