반응형

Everything You Should Know About Progressive Web Apps

What is a Progressive Web App

In its core a progressive web app isn’t any different from a normal website – it’s made of HTML, CSS and JavaScript, and lives in the browser. What separates PWAs from regular websites is a list of 10 key concepts that need to be fulfilled. Here they are, taken directly from the Google Developers website.

  1. Safe – Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
  2. Progressive – Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
  3. Responsive – Fit any form factor: desktop, mobile, tablet, or whatever is next.
  4. Connectivity-independent – Enhanced with service workers to work offline or on low quality networks.
  5. App-like – Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
  6. Fresh – Always up-to-date thanks to the service worker update process.
  7. Discoverable – Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
  8. Re-engageable – Make re-engagement easy through features like push notifications.
  9. Installable – Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
  10. Linkable – Easily share via URL and not require complex installation.


What a Progressive Web App is NOT

The concept of PWAs shouldn’t be confused with:




앞서 언급 한 모든 기술은 HTML 앱을 포장하여 .apk , .exe 또는 기타 다른 앱 파일처럼 실행 파일로 패키지화합니다.이 파일 은 각 앱 스토어에서 다운로드 받아 사용자 기기에 설치해야합니다.

 

PWA는 설치가 필요하지 않으며 Google Play 또는 iTunes App Store에서 사용할 수 없습니다. PWA를 다운로드하려면 웹 사이트를 방문한 다음 홈 화면에 바로 가기로 저장해야합니다. 별도의 iOS 및 Android 버전을 개발하고 유지 관리하는 것은 더 이상 문제가되지 않지만 브라우저 지원을 고려해야합니다.



반응형
반응형

[NodeJS] Realtime Chat with Node.js


http://tutorialzine.com/2014/03/nodejs-private-webchat/


In this tutorial, we are going to build a realtime chat system with Node.js and the socket.io library. The chat permits users to create private chat rooms that they can share with a friend. For avatars, we will use gravatar. You can run the chat locally with node, or push it to heroku or a different cloud service provider.

The code

You can grab the source code from the download button above. It has plenty of comments and is easy to follow. Start with the app.js file and read from there. Here are a few things to look for:

  • All dependencies are declared in the package.json file. They are not included in the zip and you will have to run npm install to get them.
  • We are using separate JavaScript files for the configuration and routes, to make the code more manageable.
  • In the routes file, socket.io stores the username, avatar and room of the person as properties of the socket object itself. This saves us a lot of code and makes managing rooms easy.
  • We use socket.io‘s rooms feature to isolate one chat from another, which is exactly what that feature was developed for.
Enter your name to chat

Enter your name to chat


반응형
반응형

나쁜 습관을 없애는 간단한 방법 TED Talk - 저드슨 브루어 Judson Brewer

반응형
반응형
성공적인 Google 팀의 다섯 가지 핵심 요소


https://rework.withgoogle.com/blog/five-keys-to-a-successful-google-team/




Google의 인력 운영 팀 (인사 부서)은 데이터와 엄격한 분석을 사용하여이 질문에 답변했습니다 . Google 팀이 효과적인 이유는 무엇입니까? 우리는 오늘 AP 통신 과 함께 우리의 연구를 공유했으며, 여기에서도 결과를 공유하고 있습니다.


2 년 동안 Google 직원 (Google 직원)과 200 회 이상의 인터뷰를했으며 180 개 이상의 적극적인 Google 팀의 250 가지 이상의 특성을 조사했습니다. 우리는 별의 팀에 필요한 개인의 특성과 기술을 완벽하게 조합 할 수있을 것이라고 확신했습니다. 하나의 Rhodes Scholar, 두 명의 외향적 인 사람, AngularJS의 바위 인 엔지니어 한 명, PhD. 빌라. 드림 팀이 조립 했지?


우린 죽었어. 누가 팀에하면 팀 구성원이 구조 작업을, 상호 작용, 그들의 기여를 보는 방법보다 중요하다. 그 마법 알고리즘에 너무 많은 것들이 있습니다.


성공적인 팀을 Google의 다른 팀과 차별화시키는 핵심 역학이 5 가지 있음을 알게되었습니다.


  1. 심리적 안전성 : 우리는 불안하거나 당혹감을 느끼지 않고이 팀에서 위험을 감수 할 수 있습니까?

  2. 신뢰성 : 우리는 시간을두고 고품질의 작업을 할 수 있다고 서로 믿을 수 있습니까?

  3. 구조 및 명확성 : 팀의 목표, 역할 및 실행 계획이 명확합니까?

  4. 일의 의미 : 우리는 우리 각자에게 개인적으로 중요한 무엇인가를 연구하고 있습니까?

  5. 업무의 영향 : 우리가하는 일이 근본적으로 중요하다고 생각합니까?

위의 다섯 가지 질문에 "예"라고 대답하면 축하드립니다! 당신은 아마도 우수한 팀에 속해있을 것입니다. 그리고 그렇지 않다면 모든 희망이 사라지지 않습니다. 이것은 초점을 맞출 수있는 곳, 나아질 수있는 방법 및 구조화 된 방식으로 동료와이 개념을 이야기하는 방법을 찾는 데 도움이되는 바로 가기입니다.


심리적 안전 : https://www.youtube.com/watch?v=LhoLuui9gX8


[TED 강연] 켈리 맥고니걸 (Kelly McGonigal) "스트레스를 친구로 만드는 법 (How to make stress your friend)"







.

반응형
반응형

배움은 절대 중단되어서는 안된다.

인간은 지혜를 추구하는 동안만 현명한 사람이다.

자신이 지혜를 얻었다고 상상하는 순간 바보가 된다.

- 솔로몬 이븐 가비롤

 

가장 위험한 것은 내가 가장 잘 안다고 자만하는 태도입니다.

잘 알고 있다고 생각하는 순간부터

그 사람과 회사의 위기가 시작된 것으로 봐야합니다.

끊임없는 학습만이 개인과 조직의 생존을 보장합니다.



.

반응형
반응형

왜 난 늘 

내게 그리도 가혹했을까? 

왜 늘 스스로를 그토록 혼내기만 했을까? 

왜 항상 자신을 그렇게 냉대했을까? 

왜 내 편을 들어주지 않았을까? 

내 영혼의 아름다움을 세상에 내보이지 않았을까? 

왜 늘 다른 사람들을 기쁘게 해주려고만 하고 

내 스스로 생각할 수 있는 힘과 창조적인 

능력을 억누르기만 했을까? 


- 아니타 무르자니의《그리고 모든 것이 변했다》중에서 - 


* '자기 관리'.

삶의 핵심입니다.

자신을 스스로 관리해야 합니다.

아무도 나를 대신 관리해 주지 않습니다.

스스로 다독이고, 스스로 어루만지고, 스스로 쓰다듬고,

스스로 갈고 닦으면서 풍랑을 헤쳐나가야 합니다.

내가 나를 따뜻하게 품어주어야 

세상도 더 따뜻해집니다.  



.

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

125세 한계 수명  (0) 2017.03.23
재능과 열정, 무엇을 택할 것인가?  (0) 2017.03.23
'사랑하고 존경한다'  (0) 2017.03.21
소화기관의 완전한 휴식  (0) 2017.03.20
활짝 피어나는 때  (0) 2017.03.20
반응형

코딩 교육 : https://codility.com/programmers/


http://codecademy.com/

반응형
반응형

약점이란 남들 앞에 나서고

시선을 받을 용기를 갖는 것과 동일하다.

약점이야 말로 혁신과 창조의 완벽한 원동력이다.

약점이 없다면 혁신 가능성은 제로에 가깝다.

- 브레네 브라운, ‘대담하게 맞서기’에서

 

약점이 있는 사람이 인간적입니다.

약점이 발견될 때 비로소 개선의 의지가 생겨납니다.

약점은 발전을 위한 필수요소입니다.

약점을 드러내는 것을 두려워할 필요가 없습니다.



.

반응형

+ Recent posts