http://seoul.reactjs.kr/

지난 11월 4일 React Korea 커뮤니티에서 주관한 React Seoul 발표 영상입니다. React를 어디까지 적용할 수 있는지 그 범용성과 사용성을 확인할 수 있는 발표 자료입니다.

1. React로 다른 페이지에 임베디드되는 웹앱 개발기

- https://youtu.be/AnXU3cG2giw

2. React / Redux for Smart TV UI

- https://youtu.be/iXgpPwVh67c

   http://seoul.reactjs.kr/assets/slides/react_redux_for_smart_tv_ui.pdf

3. 리액트 네이티브 어디까지 해봤니?

- https://youtu.be/Wt9H66cOCnQ

  http://seoul.reactjs.kr/assets/slides/react_native.pdf

4. Storybook Driven Development: Storybook을 통한 React UI Component 및 State 관리하기

- https://youtu.be/KnROzZ5Vszg

  http://seoul.reactjs.kr/assets/slides/storybook_driven_development.pdf

5. Decorator + HOC + React = Fantastic!!

- https://youtu.be/1o1CqzTtt2o

  http://seoul.reactjs.kr/assets/slides/react_decorator_hoc_fantastic.pdf

Slide : http://seoul.reactjs.kr/assets/slides/embedded_react_application.pdf

Slide : http://seoul.reactjs.kr/assets/slides/react_native.pdf

...

한국어로 배우는 리액트

https://reactjs.org/

Let's learn React in Korean!!! (⚛ +  =   )

https://github.com/reactkr/learn-react-in-korean

한국어로된 리액트 관련 포스팅이나 웹사이트의 모음입니다. 현재 직접 링크를 모으고 있습니다. PR은 언제나 환영입니다.

입문

처음 리액트를 접하시는 분들께 추천할만한 글들입니다.

• [번역] react-howto
• React 소개 및 맛보기
• Velopert님의 텍스트 강좌
• React & Express 를 이용한 웹 어플리케이션 개발하기
• [번역] 리액트, 리덕스와 리액트-리덕스(React, Redux and react-redux)

추천

리액트를 100% 활용하기 위해 꼭 읽어 볼 만한 내용들 입니다.

React

• React 적용 가이드 - 네이버 메일 모바일 웹 적용기
• 리안 개발 일기 #1: Front-End 개발(React)
• React의 기본, 컴포넌트를 알아보자
• React 앱의 최적화 전략
• React 앱의 데이터 흐름
• [번역] 상세한 리액트 Higher Order Components 설명(React Higher Order Components in depth)
• React 렌더링과 성능 알아보기
• React 컴포넌트를 테스트하는 세 가지 방법
• React Component를 테스트하기 위한 올바른 방법

Redux

• [번역] Redux 한글 문서
• [번역] redux-saga로 비동기처리와 분투하다
• [번역] 리덕스 패턴과 안티 패턴 (Redux Patterns and Anti-Patterns)
• 리덕스(Redux) 애플리케이션 설계에 대한 생각
• Redux 를 통한 React 어플리케이션 상태 관리

Blogs

리액트와 관련된 좋은 리소스를 제공하는 블로그들입니다.

• Velopert.log
• ZeroCho Blog
• 오늘도 끄적끄적

...

교통정보 공개 서비스

: HOME > 개발자센터 > OpenAPI레퍼런스 > CCTV정보

http://openapi.its.go.kr/portal/dev/dev6.do

CCTV정보

고속도로 및 국도 CCTV정보를 제공합니다.

1

요청URL

• CCTV 영상 URL : http://openapi.its.go.kr/api/NCCTVInfo
• CCTV 정지영상 URL : http://openapi.its.go.kr/api/NCCTVImage
• 영상샘플 : http://openapi.its.go.kr/api/NCCTVInfo?key=test&ReqType=2&MinX=127.100000&MaxX=128.890000&MinY=34.100000 &MaxY=39.100000&type=ex
• 정지영상샘플 : http://openapi.its.go.kr/api/NCCTVImage?key=test&ReqType=2&MinX=127.100000&MaxX=128.890000&MinY=34.100000 &MaxY=39.100000&type=ex

요청변수

3출력결과필드

...

현재 날씨 가져오는 API

제주시(jeju) : http://openweathermap.org/city/1846266

서귀포(seogwipo) : http://openweathermap.org/city/1846265

제주 곽지리(Gaigeturi) : http://openweathermap.org/city/1847050

사이트 가입 후 API key를 받아서  API  사용.

...

고양이 셀카 찍어주는 ‘캣스냅’ 

‘캣스냅‘은 고양이 셀카를 찍을 수 있는 앱이다. 움직이는 작은 물체에 반응하는 고양이의 특성을 이용해 고양이가 스스로 스마트폰이나 태블릿을 터치해 사진을 촬영한다. 기기 화면에 빨간 점이 이리저리 움직이는데, 그 점을 고양이가 터치하는 순간 진동과 함께 사진이 ‘찰칵’ 찍히는 방식이다. 고양이에 맞춰 움직이는 빨간 점의 속도나 민감도를 조절할 수 있다.

앱을 쓸 때 주의해야 할 부분은 ‘각도’다. 고양이가 터치하기 쉬우라고 스마트폰이나 태블릿을 바닥에 놓고 촬영하면 의도치 않게 ‘굴욕샷’만 찍힐 수 있다. 스마트폰 거치대 등을 활용해 꼭 옆으로 세워두는 식으로 촬영하는 걸 추천한다.

[APP] AWS 모바일 - AWS에서 모바일 앱을 구축하는 가장 빠른 방법

https://aws.amazon.com/ko/mobile/

모바일 앱을 구축하는 데 필요한 모든 것

다양한 클라우드 서비스 세트

AWS에서는 확장성이 뛰어난 완전관리형 서비스를 다양하게 제공하고 있으므로 인프라를 관리할 필요 없이 로직, 스토리지, 데이터베이스, 모니터링, 스트리밍, 콘텐츠 전송, 데이터 웨어하우징 및 기계 학습 같은 기능을 앱에 추가할 수 있습니다.

구축에 도움이 되는 도구

AWS를사용하면 손쉽게 클라우드 서비스를 모바일 앱에 추가할 수 있습니다. 서버 없는 모바일 백엔드를 생성하고, 사용자 자격 증명과 로그인을 관리합니다. 푸시 알림을 전송하고, 사용 패턴을 추적하며, 인앱 분석으로 앱을 최적화합니다. 다양한 실제 디바이스에서 테스트합니다.

...