반응형
반응형



cordova 한글 문서 : https://cordova.apache.org/docs/ko/5.4.0/guide/overview/index.html



아파치 코르도바는 오픈 소스 모바일 개발 프레임 워크입니다. 각 모바일 플랫폼의 네이티브 개발 언어를 피하고 크로스 플랫폼 개발을 위한 HTML5, CSS3, 자바 스크립트 등 표준 웹 기술을 사용할 수 있습니다. 응용 프로그램 각 플랫폼을 타겟으로 래퍼 내에서 실행 하 고 표준 API 바인딩을 액세스할 각 장치 센서, 데이터 및 네트워크 상태에 의존.

아파치 코르도바 최상위 프로젝트 아파치 소프트웨어 재단 (ASF) 내에서 2012 년 10 월에에서 졸업 했다. ASF를 통해 미래의 코르도바 개발 프로젝트의 열려 지기를 지킬 것 이다. 그것은 항상 무료 및 오픈 소스 아파치 라이센스 버전 2.0 아래 유지 됩니다. 자세한 내용은 cordova.apache.org 를 방문 하십시오.

만약 당신이 아파치 코르도바를 사용:

  • 모바일 개발자 및 다시 각 플랫폼의 언어와 도구를 구현 하지 않고 하나 이상의 플랫폼에서 응용 프로그램을 확장 하려면 원하는 설정 합니다.

  • 웹 애플 리 케이 션은 다양 한 애플 리 케이 션에 배포 패키지를 배포 하 고 웹 개발자 포털을 저장 합니다.

  • 모바일 개발자는 WebView (특별 한 브라우저 창) 장치 레벨 Api에 액세스할 수 있는 기본 응용 프로그램 구성 요소를 혼합에 관심된 또는 네이티브 및 WebView 구성 요소 간의 인터페이스를 플러그인을 개발 하려는 경우.


********** [APP] Cordova 개발 환경 구축 : http://jchlee.tistory.com/37  *******


.

반응형
반응형

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


반응형
반응형
성공적인 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)"







.

반응형
반응형

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


http://codecademy.com/

반응형
반응형

Apache Kafka - 분산 스트리밍 플랫폼


http://kafka.apache.org/


Apache Kafka

카프카(kafka)는 분산 스트리밍 플랫폼(Distributed streaming platform)이다. 분산 스트리밍 플랫폼은 아래의 기능을 가지고 있어야 한다.

  1. 데이터 스트림을 게시(Publish)하고 구독(Subscribe)할 수 있어야 한다. 이 점에서 메시지 큐 혹은 엔터프라이즈 메시징 시스템과 유사한 면이 있다.
  2. 내결함성(장애에 대한 내성)을 가지고 있어야 한다. 스트리밍 플랫폼을 구성하는 노드에 문제가 생기더라도 데이터를 안전하게 저장 할 수 있어야 한다.
  3. 데이터 스트림을 처리 할 수 있어야 한다.

카프카는 분산 스트리밍 플랫폼이 가져야 하는 위의 기본적인 기능을 가지고 있다. 카프카는 아래의 응용프로그램을 개발하는데 유용하게 사용 할 수 있다.

  1. 시스템과 시스템 혹은 시스템과 애플리케이션 사이에 안전한 데이터 전송을 위한 실시간 스트리밍 데이터 파이프라인 구축
  2. 데이터 스트림을 변환하거나 이를 받아서 즉시 처리하는 실시간 스트리밍 애플리케이션의 구축

카프카가 어떻게 이런일을 하는지 살펴보자. 아래 카프카의 주요 컨셉을 설명하고 있다.

  • 카프카는 하나 이상의 서버로 구성되는 클러스터에서 작동한다.
  • 카프카 클러스터는 토픽(topics)라고 부르는 파이프라인에 데이터 레코드 스트림을 저장한다.
  • 각각의 레코드는 키, 값, 타임스탬프로 구성된다.

카프카의 주요 API들은 아래와 같다.

  • Producer API : 애플리케이션은 이 API를 이용해서 하나 이상의 카프카 토픽에 스트림 레코드를 게시할 수 있다.
  • Consumer API : 애플리케이션은 이 API를 이용해서 하나 이상의 카프카 토픽으로 부터 스트림 레코드를 구독 할 수 있다.
  • Streams API : 애플리케이션이 하나 이상의 토픽에서 입력 스트림을 읽고 변환해서 하나 이상의 출력 토픽으로 스트림을 보낼 수 있도록 한다.
  • Connector API : Connector를 이용해서 재 사용 가능한 Producer 혹은 Consumers를 카프카 토픽에 연결 할 수 있다. 예를 들어 관계형 데이터베이스 컨넥터는 테이블에 대한 변경 사항을 캡처할 수 있다.

아래 그림은 카프카의 구성요소들을 보여주고 있다. 이들 구성요소들은 위의 주요 API를 이용해서 주어진 일을 한다.


참고

.

반응형

+ Recent posts