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/ 

반응형
저작자표시 비영리 변경금지

'Mobile > ReactNative' 카테고리의 다른 글

[ERROR] Unable to resolve "react-navigation" from "App.js"  (0) 2019.03.29
React build  (0) 2019.03.06
React 개발환경 구축  (0) 2019.02.25
Flutter Framework  (0) 2019.02.14
Fabric hook other service  (0) 2016.09.02



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


반응형
저작자표시 비영리 변경금지

'Mobile > ReactNative' 카테고리의 다른 글

React build  (0) 2019.03.06
React Native (1)  (0) 2019.02.26
Flutter Framework  (0) 2019.02.14
Fabric hook other service  (0) 2016.09.02
Cannot call method 'hasOwnProperty' of undefined  (0) 2016.08.23

 

★ 이 책의 특징 ★

  • 분류, 회귀, 차원 축소, 클러스터링 등 핵심 머신러닝 알고리즘에 대한 깊이 있는 설명
  • 데이터 전처리, 머신러닝 알고리즘 적용, 하이퍼 파라미터 튜닝, 성능 평가 등 최적 머신러닝 모델 구성 방안 제시
  • XGBoost, LightGBM, 스태킹 등 머신러닝 최신 기법에 대한 상세한 설명과 활용법
  • 난이도 높은 캐글 문제를 직접 따라 해 보면서 실무 머신러닝 애플리케이션 개발 방법 체득(산탄테르 은행 고객 만족 예측, 신용카드 사기 검출, 부동산 가격 예측 고급 회귀 기법, Mercari 쇼핑몰 가격 예측 등)
  • 텍스트 분석과 NLP를 위한 기반 이론과 다양한 실습 예제 제공(텍스트 분류, 감성 분석, 토픽 모델링, 문서 유사도, 문서 군집화와 유사도, KoNLPy를 이용한 네이버 영화 감성 분석 등)
  • 다양한 추천 시스템을 직접 파이썬 코드로 구축하는 법을 제공


https://wikibook.co.kr/ml-definitive-guide/

반응형
저작자표시 비영리 변경금지

'AI > Python' 카테고리의 다른 글

[LINUX] AWS 에 Python3.7 설치하기  (0) 2020.03.15

웹폰트 적용하는건 간단하다. 

 1) 웹폰트 파일(혹은 CDN주소) 

 2) CSS에 적용

 

👉 웹폰트 파일을 찾으러 가보자. 

Google Font : Google에서 제공하는 웹폰트 프리뷰

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

1) 나눔고딕 코딩

Embed Font

To embed your selected fonts into a webpage, copy this code into the <head> of your HTML document.

STANDARD @IMPORT
<style>
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding|Noto+Sans');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

  1. font-family: 'Noto Sans', sans-serif;
  1. font-family: 'Nanum Gothic Coding', monospace;

 

2) 나눔스퀘어라운드 : 요즘에 많이 쓰인다는데 이쁘다. (난 요걸로 PICK!)

> https://github.com/innks/NanumSquareRound 

 

Build software better, together

GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.

github.com

 

👉 이제 다 찾았으니 티스토리에 적용해보자. 

기존에 import되었던 폰트를 나눔스퀘어라운드로 변경하고 /**/ 를 사용하여 기존 소스를 주석처리 한다.

@charset "UTF-8";

/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700');*/

@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

font-family에 추가해준다. 

아마 순서가 Apple SD Gothic Neo가 먼저 되어 있을 텐데, 난 이번에 추가한 폰트를 맨 앞에다 추가했다. 

body, button, input, select, table, textarea {

  color: #333;

  font-family: 'NanumSquareRound', "Apple SD Gothic Neo", "Nanum Gothic", 'Lato', Helvetica, sans-serif,  "Noto Sans KR" ,"Malgun Gothic", "맑은 고딕", Dotum, '돋움' ;

}

그럼 끝. :

반응형
저작자표시 비영리 변경금지

'Etc > Tistory' 카테고리의 다른 글

[Tistory] 티스토리 OpenAPI 사용하기 - 2. 오픈API 인증키 받기 with 포스트맨(PostMan)  (0) 2020.02.07
[Tistory] 티스토리 OpenAPI 사용하기 - 1. 오픈API 신청하기  (0) 2020.02.06
syntaxhighlighter 사용하여 블로그에 소스 입력하기  (0) 2014.08.20



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


공식 홈페이지

구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크이다. 언어는 구글이 개발한 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

반응형
저작자표시 비영리 변경금지

'Mobile > ReactNative' 카테고리의 다른 글

React build  (0) 2019.03.06
React Native (1)  (0) 2019.02.26
React 개발환경 구축  (0) 2019.02.25
Fabric hook other service  (0) 2016.09.02
Cannot call method 'hasOwnProperty' of undefined  (0) 2016.08.23

 

오류 

preLaunchTask 'build'이(가) 1 종료 코드와 함께 종료되었습니다.

launch: launch.json must be configured. Change 'program' to the path to the executable file that you would like to debug.

launch : launch.json을 구성해야합니다. '프로그램'을 디버깅하려는 실행 파일의 경로로 변경하십시오.

 

No executable found matching command "dotnet-/property:GenerateFullPaths=true"

 

https://github.com/dotnet/cli/issues/5137

-------------

기본으로 되어 있는 경로 

"program": "${workspaceRoot}/bin/Debug/<target-framework>/<project-name.dll>",

 

반응형
저작자표시 비영리 변경금지

'Tools > VSCode' 카테고리의 다른 글

VSCode - 터미널에서 바로 열기 'code .'  (0) 2024.09.10
VSCode C#시작하기 - 개발 환경 셋팅  (0) 2017.04.18

 

#1. Visual Studio Code 로 C# 시작하기. : 개발 환경 셋팅하기 

 

 

Java를 쓰면서 IntelliJ에 익숙해지고, Android개발을 하면서 Android Studio에 익숙해지다보니..

오랜만에 보는 Visual Studio는 너무 낯설었다. (최고의 IDE라고 하지만..아직 익숙해지려니 멀었나보다..)

그래서 이것저것 알아보다가 발견한 것이 Visual Studio Code

 

개인적인 느낌이지만 Brackets과 매우 흡사한 구조를 가지고 있어서 진입장벽이 낯았던 것은 사실. 

개발툴의 자세한 특징은 다음에 우선 정리해보도록 하고, 이제 개발환경 구축을 해보자. 

 

cSharp을 사용할때에는 빌드툴을 사용해 줘야하는데, 이는 VSCode사이트에서도 명시해 주고 있다.  (링크참고)

아무튼 이제 step by step 을 시작하자.

 

step1. Install VSCode. 

 

step2. Install c# Extention 

 

step 3. Install .Net Core 

여기에 보면 .Net Core로 VSCode 적용하는 동영상도 있다. 참고! 

 

step 4. Create CSharp Project.

이제 기본 프로그램은 받았으니, 본격적으로 시작. 

이제 cmd를 킨다. 

1) 프로젝트 작업을 할 workspace를 생성/혹은 이동한다. (보통은 소스들만 있는 폴더가 있지요... :0) 

 # cd c:\workspace

# mdk HelloWorldWithVSCode

 

2) 해당 폴더(HelloWorldWithVSCode)를 cSharp 프로젝트 폴더로 사용하도록 작업한다. 

#dotnet new console 

(이전에 dotnet new 만해도 되었나보다. 실제로 해볼때 구체적으로 명시하라고해서, console을 써주었다. 

여기서 console은 Console Application의 ShortName.. )

 

 

그럼 만들어 졌다. VSCode로 이동하자! 

 

step 5.) Open Directory with VSCode

 

디렉토리를 실행하면 저렇게 표시가 뜨게 되는데... (전체화면을 캡쳐했더니..더이상 확대하면 안된다..) 

위에는 이를 빌드하면서 launch.json에 환경설정이 추가되는 것을 허용할것인가를 의미하고,  (Yes 선택)

아래는 해당 프로그램을 Restore 해야한다는 것을 의미한다.  (Restore 선택) 

 

두 단계를 모두 마치고 나면, Restore 되면서 아래와 같이 실행이 된다. 

"Hello World!"

 

물론 디버그 화면으로 이동하여 BreakPoint를 잡고 Debug를 시작하면 된다. 

이제 개발환경 구축이 끝났으니 본격적으로 개발을 시작해보자! :-)

 

------------------------------------------

잊어버리기 전에 작성하는 글 :-)

 

 

 

 

Reference

Working in c# : https://code.visualstudio.com/docs/languages/csharp

VSCODE GIT : https://github.com/Microsoft/vscode/

.Net Core : https://www.microsoft.com/net/core#windowscmd

Visual Studio Code와 C# 컴파일러를 사용하여 C# 코드 작성 및 실행하기 https://www.youtube.com/watch?v=kefdPYn6tQ8

 

 

반응형
저작자표시 비영리 변경금지

'Tools > VSCode' 카테고리의 다른 글

VSCode - 터미널에서 바로 열기 'code .'  (0) 2024.09.10
VSCode 오류  (1) 2017.04.18

테스트 서버 만들어서 사용하려고 AWS FREE TIRE 사용하려다가... 

가입할때 Developer Support가 눌러졌나보다... 나도 모르게 2.8USD가 결제되서..ㅜㅜ 

바로 취소..ㅠㅠ 

https://aws.amazon.com/ko/premiumsupport/knowledge-center/cancel-support-plan/

 

You’ll automatically receive a prorated refund for the remainder of your current month’s support charge to the payment method it was originally charged to, usually within a week.

 

결제한 후에 바로 PLAN을 바꾸면 환불된다는데.. 우선 일주일 기다려 봐야겠다.. 
-----------------------------------------------------늦은 업데이트)역시, 아마존은 메일을 보내면 해결은 좋다! :)취소가 잘되었는지 확인과, 기존과금된 것이 환불 가능한지 물었는데,, 물론 환불해주고, 또 과금될 것이 있으니 그건 크레딧으로 준다고한다. 취소는 당연히 잘 되었고. ..역시 다시한번 아마존 프리티어는 잘 알고 조심히 써야한다... (이번에 MariaDB Test해본다고.. 했다가 $1 또 과금된 건 함정...) 

 

반응형
저작자표시 비영리 변경금지

에디터를 불러오는 데 평소보다 많은 시간이 소요되고 있습니다. 계속 불러와지지 않으면 잠시 기다린 뒤 페이지를 새로고침하세요. 문제가 지속되면 Confluence 관리자에게 문의하세요.


-> 공동으로쓰는 설정을 변경 해야하나보다.. 


반응형
저작자표시 비영리 변경금지

'CI&CD' 카테고리의 다른 글

[Appium] not found: carthage  (0) 2020.01.23
This repository uses the largefiles extension.  (0) 2015.06.16

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

반응형

'Mobile > ReactNative' 카테고리의 다른 글

React build  (0) 2019.03.06
React Native (1)  (0) 2019.02.26
React 개발환경 구축  (0) 2019.02.25
Flutter Framework  (0) 2019.02.14
Cannot call method 'hasOwnProperty' of undefined  (0) 2016.08.23

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;

반응형

'Mobile > ReactNative' 카테고리의 다른 글

React build  (0) 2019.03.06
React Native (1)  (0) 2019.02.26
React 개발환경 구축  (0) 2019.02.25
Flutter Framework  (0) 2019.02.14
Fabric hook other service  (0) 2016.09.02

convert this string into array of objects

using the JSON native parser, as it is not only faster than the eval(), it's also more secure.

Native JSON parser is already available in:

Firefox 3.5+ IE 8+ Opera 10.5+ Safari Safari 4.0.3+ Chrome (don't know which version)

 

var myJSONString = '{ "a": 1, "b": 2 }';
myObject = JSON.parse(myJSONString);

 

http://stackoverflow.com/questions/3473639/best-way-to-convert-string-to-array-of-object-in-javascript

 

반응형

'Frontend > HTML5' 카테고리의 다른 글

Get Start Less  (0) 2014.09.02
.prependTo()  (0) 2014.08.22
make an Interactive Website 5 coding  (0) 2014.08.22
margin by codecademy  (0) 2014.08.21
ASP.NET MVC4 WEB API  (1) 2013.10.22 
java.net.UnknownHostException: Unable to resolve host : No address associated with hostname

테스트할 기기에 인터넷 연결 안해두고,, 인터넷 요청을 해버림...ㅍㅎㅎ

외국에선 간혹 wifi bug라고 하긴 하지만..

 

 

Stack Overflow - Where Developers Learn, Share, & Build Careers

Stack Overflow | The World’s Largest Online Community for Developers

stackoverflow.com

 

반응형

'Backend > Java&Spring Framework' 카테고리의 다른 글

[JAVA] instanseof : Object 의 타입알기  (0) 2019.10.13
JAVA8 | lamda  (0) 2016.08.18
spring + mybatis + ppas error message 2  (0) 2015.07.14
spring + mybatis + ppas error message 1  (0) 2015.07.14
ppas  (0) 2015.07.09

Object [object Object] has no method 오류

참고하려는 js 메소드에 @JavascriptInterface 추가 http://theeye.pe.kr/archives/1609


TIPS) &#50504;&#46300;&#47196;&#51060;&#46300; &#53685;&#49888; 깨진글씨 구글에 검색하면 바로 한글 검색 된다. 신기....

반응형

'Mobile > Android' 카테고리의 다른 글

[Android] 인앱결제 - 실시간 개발자 알림 설정하기  (0) 2019.10.08
[Android] Google Play 결제 라이브러리 사용하기  (0) 2019.10.01
ANDROID | WEBVIEW  (0) 2016.08.18
ANDROID | Fragment LiftCycle  (0) 2016.08.17
UI | android systemUI Handle  (0) 2016.08.17

WEBVIEW

#AndroidManifast.xml permission 지정

#java

WebSettings webSettings = mWebView.getSettings();

// 자바 스크립트 허용 webSettings.setJavaScriptEnabled(true); //webSettings.setAllowContentAccess(true); //webSettings.setAppCacheEnabled(true);

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){ mWebView.setWebContentsDebuggingEnabled(true); }

mWebView.loadUrl(baseUrl + getResources().getResourceEntryName(R.raw.appointment));

그러나! alert는 뜨지 않는다.

#경로 InputStream remoteUrl = getResources().openRawResource(R.raw.appointment); // String htmlStr = readHtml(remoteUrl); // mWebView.loadData(html, "text/html", "utf-8"); // String mimeType = "text/html"; // String encoding = "UTF-8"; String baseUrl = "file:///android_res/raw/"; WebSettings webSettings = mWebView.getSettings();

#debug

chrome remote debug

#url chrome://inspect/#devices

- device : usb debug check - 해당 페이지로 들어가면 연결된 디바이스 목록이 뜬다. - 디버깅 명령 후 웹뷰로 들어가면 해당 페이지 목록이 뜬다. - 'inspect' 클릭하면 크롬 개발자 도구 처럼 창이 뜬다. - 디버깅 가능.

#source

- 해당 소스 추가

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){ mWebView.setWebContentsDebuggingEnabled(true); }

#webview 작성시 꼭 볼것 https://developer.android.com/reference/android/webkit/WebView.html

#library마다 디자인 차이 조금 있음..

http://stackoverflow.com/questions/38053779/android-webview-how-to-change-javascript-alert-title-text-in-android-webview

반응형

'Mobile > Android' 카테고리의 다른 글

[Android] Google Play 결제 라이브러리 사용하기  (0) 2019.10.01
WebView <-> 안드로이드 통신  (0) 2016.08.20
ANDROID | Fragment LiftCycle  (0) 2016.08.17
UI | android systemUI Handle  (0) 2016.08.17
UI | round shape  (0) 2016.08.08

+ Recent posts

티스토리툴바