![Callback hell
db.find(‘localhost’,function(err,d) {
if(err) return console.error(err);
fs.fileopen(d.fname, funciton(err,f) {
if(err) return console.error(err);
let a = f[0] + f[1];
db.update({_id:’a’},{$set:{_val:a}},function(err,u) {
if(err) return console.error(err);
req.session.destroy(function(err) {
console.log(’success’);
db.close();
});
});
});
});](https://image.slidesharecdn.com/lw4-170329003433/75/Lw-4-1-69-2048.jpg)
Uploaded by준호 정
Lw 4.1
- The document describes the history and development of multiple versions of an application from 2015-2017. It covers changes made to programming languages, platforms, databases, and other technologies used. - Key changes included moving from Windows to Linux, using Node.js instead of PHP, switching from MySQL to MongoDB, and changing the CSS framework from none to Bootstrap. - Version 4.1 focused on database sharding, load balancing, and calculating raw data summaries.
![[ROOMER] 문풍당당 비개발자를 위한 IT 세미나](https://cdn.slidesharecdn.com/ss_thumbnails/01it-211021065740-thumbnail.jpg?width=640&height=640&fit=bounds)
![[2014 CodeEngn Conference 11] 정든품바 - 웹성코드](https://cdn.slidesharecdn.com/ss_thumbnails/2014codeengnconference11-141202122935-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[D2 campus seminar]웹브라우저 엔진](https://cdn.slidesharecdn.com/ss_thumbnails/d2campusseminar-150227003530-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[D2대학생세미나] frontend개발자가 들려주는 개발 이야기](https://cdn.slidesharecdn.com/ss_thumbnails/d2frontend-140827015145-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Lw 4.1
- 1.
- 2. About version ■ Whyv4.1? ■ Where are v1,2,3,4
- 3. Beta 10.2015 OS : window Server: IIS Server script : php DB : mysql Raw : file CSS : none
- 6.
- 7. 1.0 11.2015 OS : window Server: IIS Server script : php DB : mysql Raw : file CSS : wordpress, jqueryUI
- 10. 1.0 summary ■ http://xxx.com/en ■Designer의 부재를 wordpress(blog 생성툴)로 대체 ■ Ajax의 도입: Realtime page refresh
- 11. 2.0 3.2016 OS : window Server: IIS Server script : php DB : mysql Raw : file CSS : bootstrap
- 14. 2.0 summary ■ http://xxx.com/bt ■Css : bootstrap ■ Improved js,php 50%
- 15. 2.1 5.2016 OS : Linux Server: nodejs Server script : nodejs DB : mongodb Raw : mongodb CSS : bootstrap Git : lfms
- 20. 2.1 summary ■ Linux ■Nodejs ■ mongodb ■ Geofence ■ git ■ Bootstrap 80%
- 21. 3.0 5.2016 OS : Linux Server: nodejs Server script : nodejs DB : mongoDB Raw : mongoDB CSS : bootstrap admin Git : lfms
- 25. 3.0 summary ■ Adminpanel ■ Android X ■ Linux X ■ noSQL X ■ Nodejs X
- 26. 3.1 12.2016 OS : Linux Server: nodejs Server script : nodejs DB : mariaDB Raw : mariaDB CSS : bootstrap admin Git : hyiv
- 29. 3.1 summary ■ Embeddedlinux ■ Node’s other communications ■ mariaDB
- 30. 4.0 11.2016 OS : Linux Server: nodejs Server script : nodejs DB : mongoDB Raw : mongoDB CSS : bootstrap admin smart Git : lw Native App to Web App
- 35. 4.0 summary ■ Toweb ■ Security up : ssl(https) ■ Admin template
- 36. 4.1 2.2017 OS : Linux Server: nodejs Server script : nodejs DB : mongoDB Raw : mongoDB CSS : bootstrap admin smart Git : lw Service ready
- 37.
- 38. Server platformVS Scale-up ■ 초기설계시 커넥션 계산 ■ 연속성 X ■ simple Scale-out ■ 추후 확장,소거 ■ 연속성 O ■ complex
- 39. Device User LB LB Web Comm User User Device Device Comm Comm Web Web Device :Tracker&mobile User: Browser,app LB : Load Balancer Comm : Recieve Server Web :Web Server DB : Database : 차후확장 Structure over 1000 Calc Calc DB DB DB DB
- 40. Load balancer round-robin Device LBComm Device Device Comm Comm 11 2 2 3 3 3
- 41. Database sharding 3331000 rowsAdd shard 333 334 2501000 rows 250 250 250
- 42. Calc server? ■ Overspeed ■ Geofence ■ Etc..
- 45. Calc data Recieve ■ Fromlast data Re-calc ■ 기준값 변경 – Over-speed, Geo-fence, etc..
- 46.
- 47.
- 48.
- 49.
- 50.
- 51. Receive process Device parserTCP BinaryOK error Response Empty Devices find Mode:data Mode:ota Days find Devices create Empty Days update Raws find Days create Empty Raws insert Ota fileread Ota send
- 52. Data import by import.js Before.com ■MariaDB ■ files Current.com ■ mongoDB
- 53. Data import result ■ Devices: 333 ■ Days : 44,749 ■ Raws : 125,948,429 ■ time: 13:12:00
- 54. 4.1 summary ■ Databasesharding ■ Load balancer ■ Raw summary > calc
- 55. Web service ■ Front-end –Jquery, vue.js, angular.js, react.js > DOMChanger – Css, html – Pug ■ Back-end – node.js+express, ruby on rails, python+django/flask, java+spring – Database ■ noSQL : mongoDB, RDBMS : mariaDB,oracle,…
- 56. Web service structure Back-end Front-end Request: xhr DB Request Response : html file Request : CRUD Response : json Response : pretty json Script
- 57. Front-end ■ Test.html ----- <h3>Hello? Myname is : <span id=“a”>??</span></h3> <script> $(function(){ let url = ‘https://xxx.com/api/user/name $(.get).function(url,r) { //r = ‘철수’ $(‘#id’).html(r); //DOM Change } }) </script> ----- ■ Output Hello? My name is : 철수
- 58. Responsive site ■ 반응형 ■해상도 별 contents-view 다름 ( xs, sm, md, lg) – 모바일을 위해 버튼등은 커지고 있는 추세 ■ 모바일 페이지를 따로 만드는 경우 : m.naver.com X – 요청헤더의 타입(모바일,데스크탑)으로 도메인 판단하여 전송
- 59.
- 60.
- 61.
- 62.
- 63. Google analytics ■ Traffic ■Page view ■ region
- 65. Google api admin ■Map use ■ Free : 25,000 request per day ■ Max : 100,000 request per day
- 67. RESTfulAPI CRUD Name Description DatabaseHTTP Create 생성 INSERT POST Read(또는 Retrieve) 읽기(또는 인출) SELECT GET Update 갱신 UPDATE PUT Delete(또는 Destroy) 삭제(또는 파괴) DELETE DELETE
- 68. Server code is… ■Always! Multi *stand alone For(i = 0; i < 10; i++) { If(fs= fileopen(String(i)+‘.txt’)) { show(‘i’);// 0,1,2,3,..9 //processing //blocking but ok fileclose(fs); } } *blocking server For(i = 0; i < 10; i++) { If(fs = fileopen(String(i)+‘.txt’)) { show(i); //0,1,2,3,…9 //processing //blocking but error //task is newThread(); fileclose(fs) } } *non-blocking server For(i = 0; i < 10; i++) { fs.fileopen(String(i)+‘.txt’,func { show(i); //7,9,2,5,…? //processing //non-blocking but too many.. //next with callback //need queue… fileclose()//error }) }
- 69. Callback hell db.find(‘localhost’,function(err,d) { if(err)return console.error(err); fs.fileopen(d.fname, funciton(err,f) { if(err) return console.error(err); let a = f[0] + f[1]; db.update({_id:’a’},{$set:{_val:a}},function(err,u) { if(err) return console.error(err); req.session.destroy(function(err) { console.log(’success’); db.close(); }); }); }); });
- 70. Callback hell break=> Class
- 71. Maintenance ■ CloudVM :OS – NetworkTraffic – VM health status ■ Database – Shards health status – backup ■ Security ■ Disk ■ Domain
- 72. CloudVM ■ Scale-out – VM복제 Load-balancer setting ■ PM2 monitor – CPU, Mem, error 등 상태 파악
- 78. Security ■ Injection ■ BruteForce ■ Ddos ■ firewall
- 79.
- 80.
- 82. Maintenance ■ end isnot end
- 83. 2years touch true ■ Slowdevelopment ■ Platform dev stop ■ With plan false ■ Fast development ■ New platform launch ■ Without plan = hell