같이 읽으면 좋은 글 2019년에 알아야 할 React Native UI 컴포넌트 라이브러리 NativeBase는 React Native를 위한 크로스 플랫폼 UI 컴포넌트 오픈 소스이다. 현재 버전 v2.7.0까지 릴리즈 되었다. 그리고 KitchenSink에서 NativeBase로 구현된 샘플 앱과 예제 소스를 확인할 수 있다. NativeBase 처럼

React Native에서 steem-js 라이브러리를 설치하여 사용하는 방법입니다. React Native에는 standard node modules이 포함되어 있지 않습니다. 그래서 제가 안내하는 방법으로 설치해야 React Native에서 steem-js 사용이 가능합니다. * * * React Native 프로젝트 생성과 steem-js 설치 React

이번에는 Gatsby 블로그에 구글 광고(Google Adsense) 를 달았습니다. 스팀잇에 글을 작성하여 스팀으로 보상받고, 외부 블로그(Gatsby)에서는 구글 광고로 수익을 낼 수 있다면 가장 이상적인 형태가 될 것 같습니다. 사실 스팀잇 플랫폼 내에서 둘 다 가능하다면 가장 좋겠지요. 지금까지 "Gatsby로 스팀잇 개인 블로그

이전 글 [개츠비(gatsby)로 스팀잇 블로그 만들기]에서는 Travis-CI 자동 배포에 실패했었습니다. 이번에는 Travis-CI 에서 자동 배포에 성공하여 다시 포스팅합니다. Travis-CI 는 깃허브에 사이트를 배포할 수 있습니다. 그리고 Cron Jobs 기능을 제공합니다. 저는 이 두 가지 기능 때문에 Netlify 보다는 Travis-CI 를

Netlify는 GitHub, GitLab, Bitbucket과 연동하여 정적 사이트를 호스팅해주는 서비스입니다. 그리고 DNS, SSL, CDN 배포, 캐싱 및 지속적인 배포(Continuous Deployment) 등의 기능도 제공합니다. 이전 글 [개츠비(gatsby)로 스팀잇 블로그 만들기]을 먼저 읽고 오시기 바랍니다. Netlify에 배포하는 방법은

스팀잇 블로그 서비스는 티스토리나 워드프레스처럼 내가 원하는 테마로 UI를 바꿀수가 없습니다. 그리고 카테고리 분류도 안 됩니다. 구글 통계/구글 광고도 사용할 수 없습니다. 그래서 아쉬운 점이 많아요. 이번에도 스팀잇 글로 깃허브 페이지 블로그를 만들었습니다. 블로그 UI(테마)는 오픈소스에서 찾아서 적용하고, 카테고리는 스팀잇에 글 제목이 [카테고리] 제목

스팀잇을 처음 시작했을 때부터 게시글을 카테고리별로 분류하고 싶었습니다. 머신러닝을 이용해서 하고 싶었던 프로젝트 중의 하나였어요. 그런데 머신러닝이 어려워서 한동안 손을 놓고 있었네요. 요즘은 머신러닝보다 리액트의 매력에 빠져서 리액트 코딩 영상과 문서만 보고 있습니다. ㅎㅎ 제가 머신러닝을 경험하면서 배운 점은 코딩과 머신러닝은 다른 세계라는 것입니다.

텐서플로우를 사용하여 소설를 쓰는 인공지능을 구현해보았습니다. 원래는 감성적인 시를 쓰는 인공지능을 구현해보고 싶었습니다. 그런데 학습 데이터 구하는게 쉽지 않네요. 참고로 머신러닝 텍스트 생성은 이전에 마르코프 체인(Markov Chain)에서도 한 번 다룬 적이 있습니다. 사실 깃허브에 공개된 오픈소스를 그대로 사용하였습니다. sherjilozair님이

리액트 네이티브(React Native)로 할 일 관리앱(To-Do App)을 만들기 마지막 강좌입니다. 이번에는 로컬 스토리지에 데이터를 저장하고 불러오는 기능을 구현하고, 앱 배포하는 방법을 알아봅니다. 이전 강좌에서 계속 이어지는 내용입니다. [React Native] TO-DO 앱 만들기 #1 [React Native] TO-DO 앱 만들기 #2 [React

리액트 네이티브(React Native)로 할 일 관리앱(To-Do App)을 만들기입니다. 이전 강좌에서 계속 이어지는 내용입니다. [React Native] TO-DO 앱 만들기 #1 [React Native] TO-DO 앱 만들기 #2 [React Native] TO-DO 앱 만들기 #3 이번 강좌에서는 할 일을 체크하는 기능과 삭제 기능을 구현합니다.

리액트 네이티브(React Native)로 할 일 관리앱(To-Do App)을 만들기입니다. 이전 강좌에서 계속 이어지는 내용입니다. [React Native] TO-DO 앱 만들기 #1 [React Native] TO-DO 앱 만들기 #2 이전 강좌에서 할 일을 새로 추가하는 기능을 구현했습니다. 이번에는 추가된 할 일을 목록 화면에 출력해봅니다. * *

이전 강좌에서 이어지는 내용입니다. 이번에는 To-Do앱에서 할 일을 등록하는 기능을 구현합니다. * * * App.js 수정하기 App 컴포넌트 클래스에 state를 추가한다. export default class App extends React.Component { // state 추가함. state = { todos: [] } state.todos는 할

이번 강좌에서는 리액트 네이티브(React Native)로 단순한 할 일 관리앱(To-Do App)을 만들어 봅니다. * * * expo-cli 설치 이전에는 create-react-native-app 도구를 사용해서 리액트 네이티브 프로젝트를 생성했다. 하지만, 지금은 expo-cli를 사용하여 프로젝트를 생성한다. 아래와 같이 expo-cli를 설치하자.

리액트 네이티브로 날씨앱 만들기 네번째 강좌 리액트 네이티브를 사용하여 날씨앱을 만드는 네번째 강좌입니다. 이번에는 styles를 이용하여 화면을 이쁘게 디자인합니다. 이전글 [React Native #1] 리액트 네이티브 시작하기 [React Native #2] 리액트 네이티브 날씨앱 만들기 #1 [React Native #3] 리액트 네이티브 날씨앱 만들기

리액트 네이티브로 날씨앱 만들기 세번째 강좌 리액트 네이티브를 사용하여 날씨앱을 만드는 세번째 강좌입니다. 이번에는 날씨 API 데이터를 이용해서 화면을 구현합니다. 이전글 [React Native #1] 리액트 네이티브 시작하기 [React Native #2] 리액트 네이티브 날씨앱 만들기 #1 [React Native #3] 리액트 네이티브 날씨앱 만들기

리액트 네이티브로 날씨앱 만들기 두번째 강좌 리액트 네이티브를 사용하여 날씨앱을 만드는 두번째 강좌입니다. 이번에는 GPS위치정보로 날씨API를 조회합니다. 이전글 [React Native #1] 리액트 네이티브 시작하기 [React Native #2] 리액트 네이티브 날씨앱 만들기 #1 날씨 조회 API 서비스 가입하기 날씨 정보를 조회하기 위해서

리액트 네이티브로 날씨앱 만들기 리액트 네이티브를 사용하여 날씨앱을 만드는 첫번째 강좌입니다. 간단하게 현재 위치(GPS좌표)를 읽어 날씨를 조회하여 보여줄 것입니다. 기능을 하나씩 천천히 구현하면서 진행하겠습니다. 이전글 [React Native #1] 리액트 네이티브 시작하기 리액트 네이티브 프로젝트 생성 $ create-react-native-app

리액트 네이티브란? 리액트 네이티브(React Native)는 iOS와 안드로이드 앱 개발을 위한 라이브러리이다. 자바스크립트로 구현된 기존의 모바일앱들은 웹뷰를 이용한 하이브리드 방식이었다. 하지만 리액트 네이티브는 자바스크립트로 개발하지만, 화면 인터페이스는 네이티브 위젯으로 컴파일하여 빌드된다. 리액트 네이티브는 네이티브 UI를 사용하여 빠른 사용자 경험을

몇일 전에 @lostmine27님이 쓴 "북이오팀 분들에게: 미승인 보팅이 계속 나간 듯해서 확인 요청 드립니다." 글을 읽은 적이 있다. 그리고 "(북이오) 보팅 자동화 서비스, 스티머(Steemer.app)를 공개합니다." 를 보고 북이오에서 보팅 자동화 서비스를 하고 있다는 것을 알았다. 나는 북이오에서 제공하는 서비스의

이번에는 GraphQL과 React를 사용하여 웹앱을 개발합니다. apollo-graphql에서 제공하는 react-apollo를 사용하면 웹앱을 정말 쉽게 개발 할 수 있습니다. [GraphQL #1] GraphQL로 API 서버 만들기에서 이어지는 내용입니다. 우리는 크롬 브라우저에서 개발할 것입니다. 개발하기 전에 아래 크롬 브라우저 확장 프로그램을 설치해주세요.