#VMMCBDLY8FCCMFT

J

4,690,000:PVUVCF5VNCMSIPXUP}

8FCCMFT

Alt Tab Alt Tab

8FCCMFT

a

e

a

8FCCMFT

4%,

8FCCMFT

} 8FCCMFT

4%,

} 8FCCMFT

Frontend & Extension

v,"*45 :PHJZPBackend & Analytics Mentor

Frontend & Extension

Frontend & Extension

Leader

Bullback_

8FCCMFT

a

}a

}}}}

0QFOTVSWFZ(PPHMF'PSNa

}

8FCCMFT

}

#BMTBNJR}

1SPPGPG$PODFQUa

JAVAScript

}

8FCCMFT

(PPHMF$ISPNF8FC4UPSF8FCCMFTOFU}

}(PPHMF"EXPSET

Designer

Developer

8FCCMFT

}

8FCCMFT

a

}}

A AA

}

8FCCMFT

Client

Bootstrap

AngularJS

Webbles Core

javascript

Chrome API JQuery

Server

Django(Class-based views)

HTML5 DRF

mod_wsgi Python-MySQL

Apache MySQL

8FCCMFT

Web Site Layer

8FCCMFT

Tutorial Layer

Web Site Layer

8FCCMFT

id = hello1

hello1id

id = hello2

hello2id

id s

InnerHTML

Tag Name

8FCCMFT

#Contents

#Webbles-Contents

Name SpacePython Library

css css

8FCCMFT

Tutorial Layer

Web Site Layer

User

8FCCMFT

On load

DOM

Element

8FCCMFT

;PPNKT$444UBS

IUUQTHJUIVCDPNIBLJNFM[PPNKT

$POUSJCVUPS

8FCCMFT

Suggest Estimation Development Code Review Internal QA Deploy Live QA

Ready For Developement

8FCCMFT

} 56238

8FCCMFT

a

3FTUGVM"1*

swagger{ }

8FCCMFT

3 0 0

8FCCMFT

1 5 0

8FCCMFT

001 0 0

8FCCMFT

34%,

&EVDBTUQSP

8FCCMFT

5 0 0

}

8FCCMFT

002 0 0

}

8FCCMFT

v

C/C++ C/C++ Python PythonC#.NET C#.NET HTML

HTMLCSS

CSS3

PHPAndroid

C/C++

HTML CSS

AngularJS

Server management on Linux

Bootstrap

jQuery

Git & Bitbucket(Source Control)

8FCCMFT

v

C/C++ C/C++ Python PythonC#.NET C#.NET HTML

HTMLCSS

CSS3

PHPAndroid

C/C++

Chrome Extension(Chrome API)

Javascript

Django(Class-based views, rest-framework)

Scrum & JIRA (Agile KANBAN Board / Sprint)

}

q

- (2014 11 17 ) Webbles

280 CPC 159 , CTR , SEO .

31.6

474

6.5

98

1.3

20

13

200

845

11,830

Webbles

PPT

/

STUDY

/

JAVAScrip

t

/

ChromeOS

AA

Webbles

2

2 ! ( 3 )

/

(Retrospective)

( 200 )

Webbles

220

120

7

5

2

1

1

0

291 15 4 3

8 34 116

2014 11 12()

Webbles

js(Javascript Module)

CSS(Stylesheets)

Static Files(Templates, Images)

Background (mainController.js)

Manifest.json

Content ScriptWebpage

Webbles

DB Sc hema(Model)

DB Schema

Webbles

RESTFUL API

Swagger (https://webbles.net/docs/)

Webbles

SDK ,

PC, Chrome

SDK

B2B

webblesLib.js(Javascript Module)

webblesLib.css(Stylesheets)

Static Files(Templates, Images)

Cookie

Webbles

( )

bubbleInfos.json

Webbles

, - .

(6 21.84% 4% . IE: 7% )

, ( 0)

: Statcounter (2014.10. )

()

1

44.40%

1

33.88%

2

25.06%

()

1

54.01% ( 1015% - 11 )

Webbles

(Chrome Extension) ?

!

: ( 535 )

----() 5 , .

, iOS, , , .

, ,

60,000 .

Webbles

IntroJs

vs

vs

vs

vs

Popover

jQuery TourBus jQuery TourBus

3~7

Webbles

( )

Webbles

- , .

700

Webbles

-

:: 75:20:5

(2013, StatCounter, http://www.quirksmode.org/blog/archives/2014/01/browser_stats_f_7.html)

. .

Webbles