Hello! Hola! Hej!

React Native 1 http://facebook.github.io/react-native/

네이티브 웹 어플리케이션을 빌드하게 도와주는 UI 라이브러리. (OBJECTIVE-C, JAVA)

HTML, CSS를 생성하지 않음. 

JSX, 자바스크립트로 작성 -> 컴파일링 시, ios/android 네이티브 코드로 실행 됨. 

즉, 브릿지역할임.

import React, {Component} from 'react'; import {Text, View} from 'react-native'; class HelloReactNative extends Component { render() { return ( <View> <Text> If you like React, you'll also like React Native. </Text> <Text> Instead of 'div' and 'span', you'll use native components like 'View' and 'Text'. </Text> </View> ); } }

장점 

1, 자바스크립트를 사용한다는 것.

2. 커뮤니티가 크다는 것.

3. 많은 회사가 리액트 네이티브를 사용한다는 것. 인스타그램, 에어비앤비, 페이스북 등 ...

EX) SHOWCASE REACT NATIVE https://www.decoide.org/showcase 

참고 )https://www.youtube.com/watch?v=bXWV0obzggM&feature=youtu.be 

https://docs.expo.io/versions/latest/introduction/installation/ 

Hybrid App

개발환경

-개발 OS :  Window

1. git repo 설정

--

2. Nodejs 설치 

 10.15.1 LTS  <small>Recommended For Most Users</small>

  https://nodejs.org/en/#download

2) Install React : Using React in Visual Studio Code

https://code.visualstudio.com/docs/nodejs/reactjs-tutorial

--- node js cmd 에서 ----

1) npm install -g create-react-app

앱을 신규 생성할 경로로 이동 후

2) $ create-react-app my-app

3) my-app으로 이동후

$ npm start

Compiled successfully!

You can now view my-app in the browser.

http://localhost:3000/ Note that the development build is not optimized. To create a production build, use npm run build.

참고

http://www.devkuma.com/books/pages/1052

하이브리드앱 리뉴얼 프로젝트를 맡아서 찾아보고있던 중 흥미로운 프레임워크 발견! 

공식 홈페이지

구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크이다. 언어는 구글이 개발한 Dart[2]를 사용한다. 안드로이드, iOS, Web, Desktop 을 지원하며 구글의 차기 OS Fuchsia의 메인개발환경이 된다고 한다. 기존 UI를 모두 버리고 자체적으로 UI를 렌더링하기 때문에 iOS에서 material 디자인과 ripple 애니메이션[3] 을 볼 수 있고 android 에서 cupertino(ios) 디자인을 볼 수 있다. 마치 화면 전체를 2d 그래픽 api 로 fillRect 하고 drawText drawImage 해서 앱을 만드는 것처럼 플러터 엔진이 skia 기반으로 렌더링해준다. 웹개발에서 html 을 모두 무시하고 전체를 flash 나 canvas 로 만드는 것과 같다.

* 소개 ppt

https://speakerdeck.com/dsa28s/2019-gdg-android-super-dot-init-maat-pick-for-flutter?slide=57

*개념잡기 좋은 github

https://jaceshim.github.io/all-categories/#posts-list-flutter

* Flutter Facebook Group

https://www.facebook.com/groups/flutterkorea

App

https://itsallwidgets.com/

https://flutter.io/docs

based on "webhook"

#slack

1.

#jira https://developer.atlassian.com/jiradev/jira-apis/webhooks

https://developer.atlassian.com/static/connect/docs/1.1.95/modules/common/webhook.html

#1. Register via the JIRA administration console

#2. Register via the JIRA REST API (note, the user must have the JIRA Administrators global permission)

#3. Register via an Atlassian Connect add-on (which provides a webhook registration in its descriptor) — this is described in the Connect documentation.

https://connect-inspector.atlassian.io/page/start

Cannot call method 'hasOwnProperty' of undefined

var flag = false; console.log(jsonData); console.log(requestDate); for(var key in jsonData){ console.log(key); if(key === requestDate) flag = true; } return flag;