본문 바로가기

Language

[Python] Tensorflow로 사용가능한 GPU 확인하기 Tensorflow를 수행할 때 GPU는 꼭 필요합니다. Python에서 현재 사용가능한 GPU가 무엇인지 확인하려면 다음의 명령을 활용하시면 됩니다. from tensorflow.python.client import device_lib device_lib.list_local_devices() 위 명령을 수행하시면 현재 사용가능한 GPU에 대한 정보가 출력됩니다. 더보기
[Kotlin] IntelliJ에서 Kotlin 시작하기 Kotlin은 JetBrains에서 공개한 언어로 JVM 기반하에 동작하며 JAVA와 100% 호환을 합니다. Kotlin을 IntelliJ에서 시작하는 법을 알아보겠습니다. 프로젝트 생성 New Project를 선택한뒤, JAVA관련 프로젝트를 생성하기 위해 Kotlin 중 Kotlin/JVM 을 선택합니다. 프로젝트 정보 입력 프로젝트에 대한 기본정보를 입력합니다. 시작하기전 JDK 설치는 되어있어야 합니다. 여기서는 OpenJDK 11 버전을 설치하였습니다. 실행파일 생성 자바의 Class와 같이 Kotlin File/Class를 생성합니다. 소스코드 입력 간단히 Hello World!를 출력하는 코드를 작성합니다. fun main() { println("Hello World!") } 실행 및 결과.. 더보기
[highlight.js] 티스토리 신규 에디터에 소스코드 입력 티스토리 신규에디터가 추가됨에 따라 소스코드 입력기능이 생겼습니다. 에디터 창에 편리하게 입력하고 잘 보이는데... 실제로는 안보입니다... 에디터의 소스를 확인해보니 highlight.js를 사용하고 있는것으로 확인됩니다. 아마, 스킨에는 기본적으로 없기때문에 발생한 현상인 것 같아 추가하는 방법을 가이드 드립니다. hightlight.js 추가 블로그 관리 > 스킨편집 > html 편집을 선택합니다. 마지막 부분에 다음을 추가합니다. 언어의 경우 현재 소스코드 입력기가 지원하는 8가지 언어(HTML, CSS, Python, Javascript, Java, C++, Kotlin, Swift)에 대한 것이며, 테마는 VS 2015입니다. 테마변경 다른 테마를 사용하고 싶으시면, CDN에서 원하시는 테마로.. 더보기
Google Fonts Google Fonts 웹을 개발할 때, 기본 폰트가 아닌 다른 폰트를 사용하는 경우가 많습니다. (한글은 특히 나눔폰트) TTF 등의 폰트파일을 첨부해도 되는데, Google에서 제공하는 Fonts를 사용해보도록 하겠습니다. https://fonts.google.com/ 해당 사이트에 가보시면 다음과 같이 Fonts의 미리보기를 보실 수 있습니다. 문장, 문단, 숫자 등으로 미리보기를 할 수 있으며, 타입(Regular, Bold, Extra Bold 등)과 크기 또한 바꿀 수 있습니다. 폰트사용하기 각 폰트의 왼쪽 상단 를 클릭하시면 하단에 장바구니와 같이 폰트가 추가됩니다. 검은 영역을 클릭하시면 아래와 같이 커지면서 추가방식을 선택할 수 있습니다. HTML 파일에 link 방식으로 추가하실 경우에.. 더보기
[React Native] 카메라 적용하기 (react-native-camera) 개요 React Native를 이용하여 앱을 개발하려고 하는데, 만약 카메라가 필요하다면 어떻게 할까요? react-native-camera 라는 라이브러리를 이용해서 카메라 앱을 만드는 법을 알아보도록 하겠습니다. 프로젝트 만들기 react-native init cameraTest cd cameraTest react-native-camera 추가하기 npm install react-native-camera --save react-native link react-native-camera index 수정하기 Application이라는 컴포넌트로 구동하기 위해서 기본 소스를 수정하도록 하겠습니다. import React from 'react'; import { AppRegistry } from 'react-.. 더보기
[ReactJS] ReactJS + Nginx + Docker 구성하기 개요 React JS를 활용해서 웹사이트를 구축하려고 합니다. Node를 활용해서 서버를 운영해도 되고, Apache를 이용해도 됩니다. 그런데 여기에서는 웹서버를 Nginx를 이용하고 별도 설치하지 않고 Docker를 활요해서 시스템을 구축해보도록 하겠습니다. 사전준비 React JS 프로젝트 구성 (http://oofbird.net/19 참고) Docker 설치 (Ubuntu일 경우 http://oofbird.net/22, Windows일 경우 http://oofbird.net/33 참고) Dockerfile 작성 Docker 이미지를 생성하기 위하여, React JS 프로젝트 폴더에 Dockerfile을 생성하겠습니다. 그리고, 첫줄에 사용할 Base Image를 지정합니다. Nginx에 대한 Do.. 더보기
[ReactJS] React Router 사용하기 개요React JS로 웹페이지를 개발하다 보면, 보통 One Page 방식으로 많이 개발하게 됩니다.처음에는 크게 문제가 되지 않는데, 점점 페이지의 규모가 커지다 보면 상위 페이지에서 하위 컴포넌트로 계속적으로 데이터를 넘겨주거나 Context를 이용하여 전역 데이터를 전달해야 합니다. 하지만 React에서도 Context는 사용하지 말라고 가이드가 되어있습니다.그래서 몇가지 찾아보던 중 웹 주소창을 활용한 라우팅 방법이 있어서 소개하고자 합니다.React Router 사용하기React JS 환경이 구성되어있는 상태에서 다음 명령을 통하여 관련 라이브러리를 설치/사용할 수 있습니다. $ npm install --save react-router-dom 예제설치가 완료되면 다음 예제를 통해서 어떻게 사용하.. 더보기
[React Native] NativeBase 설치하기 NativeBase란? NativeBase는 React Native를 위한 오픈소스 UI 컴포넌트 라이브러리 입니다. 동일한 코딩으로 Android와 iOS에 유사한 스타일로 표현할 수 있는게 장점입니다.설치react-native의 init 명령을 이용하여 프로젝트를 생성합니다. react-native init AwesomeNativeBase cd AwesomeNativeBase 프로젝트에 native-base 라이브러리를 추가합니다. npm install native-base --save 추가 종속을 위하여 다음 명령까지 하시면 설치는 끝납니다. react-native link 사용하기먼저 src/Application.js 를 생성해서 기본 화면을 구성합니다. import React, { Compone.. 더보기

티스토리툴바