Programming424 [책] React.JS 프로 리액트 (1/2) [책] React.JS 프로 리액트 (1/2) React.js를 이용한 모던 프런트엔드 구축 프로 리액트 React.js를 이용한 모던 프런트엔드 구축카시우 지 소자 안토니우 저/최민석 역 시작하기 리액트의 정의 리액트는 자바스크립트와 (필요에 따라) XML을 이용해 조합형 사용자 인터페이스를 구축하는 엔진이다. 리액트의 장점 편리한 반응형 렌더링 순수 자랍스크립트를 이용한 컴포넌트 기반 개발 문서 모델의 유연한 추상화 컴포넌트 계층 정의 컴포넌트는 단일 관심사를 가져야 하며 작아야 한다. 즉, 컴포넌트는 한 가지 일만 해야 한다. 컴포넌트가 더 성장하는 경우 작은 하위 컴포넌트로 분할해야 한다. 프로젝트의 와이어프레임과 레이아웃을 분석하면 컴포넌트 계층에 대한 많은 힌트를 얻을 수 있다. 데이터 모델이.. 2018. 5. 19. Cesium Viewer 화면 설정 확인 Cesium Viewer 화면 설정 확인 Viewer - Cesium Documentation 에서 자세한 내용을 확인 할 수 있습니다. animation: false import React, { Component } from "react"; import { Viewer } from "cesium"; class CesiumPage3 extends Component { componentDidMount() { this.viewer = new Viewer(this.cesiumContainer, { animation: false, }); } render() { return (this.cesiumContainer = element)} />; } } export default CesiumPage3; 좌측 하단의 애.. 2018. 5. 18. Cesium-React 적용 Cesium-React 적용 출처: cesium-react - npm create-react-app react 프로젝트 생성 create-react-app cesium-react-test cd cesium-react-test yarn eject yarn install 모듈 설치 cesium cesium-react html-webpack-include-assets-plugin copy-webpack-plugin yarn add cesium cesium-react html-webpack-include-assets-plugin copy-webpack-plugin webpack.config 수정 config/webpack.config.dev.js // config/webpack.config.dev.js cons.. 2018. 5. 17. [책] 빠른 모바일 앱 개발을 위한 React Native [책] 빠른 모바일 앱 개발을 위한 React Native 자바스크립트로 만드는 네이티브 모바일 앱 개발 가이드 바니 아이젠먼 저/이종은 역 플랫폼 API XHR은 XMLHttpRequest의 줄임말이다. XHR을 이용하여 사진을 POST로 요청하는 기본 구조 var xhr = new XMLHttpRequest(); xhr.open('POST', 'http://posttestserver.com/post.php'); var formdata = new FormData(); formdata.append('image', {...this.state.photo, name: 'image.jpg'}); xhr.send(formdata); Promise는 비동기 방식을 처리할때 사용되는 객체이다. https://deve.. 2018. 5. 16. Amazfit Bip Font Creator 5 - 실행 파일 생성 Amazfit Bip Font Creator 5 - 실행 파일 생성 실행 파일은 pyinstaller 로 생성합니다. 먼저 pyinstaller 를 설치합니다. $ pip install pyinstaller 이 후 pyinstaller 파일명 을 입력하여 exe파일을 생성할 수 있습니다. 여기서 몇 가지 옵션을 사용합니다. $ pyinstaller --onefile --clean --windowed --icon=.\assets\font.ico Amazfit_Bip_Font_Creator.py --onefile : 하나의 파일로 생성합니다. 이 옵션이 없으면 여러개의 파일로 생성됩니다 --clean : 기존 파일들을 삭제합니다. --windowed : 윈도우창으로 실행되도록 합니다. 이 옵션이 없으면 cm.. 2018. 5. 15. Amazfit Bip Font Creator 4 - 폰트 생성 Amazfit Bip Font Creator 4 - 폰트 생성 쓰레드 초기화가 끝났으면, font_creator_thread.start()로 run을 실행합니다. class FontCreator(QThread): # 생략 def run(self): self.set_progress_text.emit("1/2") self.create_bmp() self.set_progress_text.emit("2/2") self.pack_bmp() if self.delete_bmp: shutil.rmtree(self.bmp_dir) self.done.emit() 먼저 bmp 파일들을 생성하고 패킹하여 폰트파일을 생성합니다. create_bmp # bip_font_creator.py import os import binas.. 2018. 5. 14. 이전 1 ··· 3 4 5 6 7 8 9 ··· 71 다음