본문 바로가기

전체 글

Google Fonts Google Fonts 웹을 개발할 때, 기본 폰트가 아닌 다른 폰트를 사용하는 경우가 많습니다. (한글은 특히 나눔폰트) TTF 등의 폰트파일을 첨부해도 되는데, Google에서 제공하는 Fonts를 사용해보도록 하겠습니다. https://fonts.google.com/ 해당 사이트에 가보시면 다음과 같이 Fonts의 미리보기를 보실 수 있습니다. 문장, 문단, 숫자 등으로 미리보기를 할 수 있으며, 타입(Regular, Bold, Extra Bold 등)과 크기 또한 바꿀 수 있습니다. 폰트사용하기 각 폰트의 왼쪽 상단 를 클릭하시면 하단에 장바구니와 같이 폰트가 추가됩니다. 검은 영역을 클릭하시면 아래와 같이 커지면서 추가방식을 선택할 수 있습니다. HTML 파일에 link 방식으로 추가하실 경우에.. 더보기
[Docker] Pull할 때 [::1]:53: read: connection refused 발생시 개요 Windows 10에 Docker for Windows를 설치하고 새로운 Image를 Pull하려고 하였으나 connection refused 오류가 발생할 경우 조치방법입니다. 현상python:2.7-slim을 활용한 이미지 빌드시 접속 오류가 발생하면서 빌드가 중단됩니다. docker build -t friendlyhello . Sending build context to Docker daemon 5.12kB Step 1/7 : FROM python:2.7-slim Get https://registry-1.docker.io/v2/: dial tcp: lookup registry-1.docker.io on [::1]:53: read udp [::1]:51005->[::1]:53: read: con.. 더보기
[GitLab] Let's Encrypt를 활용하여 SSL 적용하기 개요 소스코드 관리를 위해 GitLab을 설치하였는데, 사설망이 아닌 공개된 곳에 설치하였으므로 보안을 위해 SSL을 적용해보도록 하겠습니다.금전적인 여유가 있다면 공인기관에서 SSL인증서를 구매하여 적용하는 것도 방법이겠지만, 3개월마다 갱신하는 단점이 있지만 무상으로 공인인증이 가능한 Let's Encrypt를 사용하여 구성해보겠습니다.여기서, SSL은 기본적으로 도메인 기반으로 동작하기 때문에 도메인을 가지고 계셔야 합니다.인증을 위한 Certbot 설치SSL을 GitLab에 적용하기 전에 먼저 Let's Encrypt에서 공식적으로 제공하는 클라이언트인 Certbot을 설치하도록 하겠습니다.공식 Software Repository에 없기 때문에 별도로 Repository를 추가하겠습니다.sudo .. 더보기
[Gitlab] Ncloud에 Gitlab 설치하기 개요 Ncloud를 이용하면서 주된 목적으로 소스 관리를 하고자 합니다. 여러 툴이 있겠지만, 그중 탁월한 GitLab을 가지고 Ncloud에 Private Repository를 구성하는 방법을 알아보겠습니다. GitLab 설치 1. 필수 패키지 설치 sudo apt-get install curl openssh-server ca-certificates​ 만약, Gitlab에서 e-mail 전송을 지원하려면 추가적으로 "postfix"를 설치하시면 됩니다. 2. 패키지 서버 추가 curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sudo bash Gitlab 패키지를 설치할 수 있도록 설정추가 .. 더보기
[Naver] 클라우드에서 Ubuntu 구성하기 개요네이버 클라우드 플랫폼을 활용하여 Ubuntu 서버를 구성하는 방법을 알아보겠습니다.클라우드 서버 구성하기네이버 클라우드 콘솔에 접속하여 SERVER > Server를 선택한 후 "서버생성" 버튼을 클릭합니다.구성할 서버의 OS가 Ubuntu 16.04이므로 "ubuntu-16.04-64-server"를 선택합니다.본인에게 필요한 만큼의 사양을 선택합니다.(저의 경우에는 무료체험을 신청하였기 때문에 Standard vCPU2 + 4GB가 가능합니다. 이 글을 쓰고 있는 시점에도 신청받으니 확인해보시기 바랍니다. 또는 Micro 타입으로 1년간 무료로 사용할 수 있습니다.)서버에 접속할 비밀번호를 위한 인증키를 생성합니다. 생성 버튼을 클릭하면 "인증키이름.pem" 파일을 다운받게 됩니다. 서버에 대한.. 더보기
[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.. 더보기
[Maven] jitpack.io 추가하기 개요 Github에 좋은 라이브러리가 올라와서 사용하려고 보면, Central Nexus에 등재되지 않아서 Jar파일을 받고, 프로젝트에 올려서 사용해야되는 경우가 많습니다. 그런데 쉽게 라이브러리 참조가 가능하게 하는 JitPack이 있어서 Maven에 활용하려고 했지만 Local Nexus에 추가되지 않아 해결하는 방법을 공유하도록 하겠습니다. 상황 Maven을 활용하여 개발환경 구성 Sonatype Nexus Repository Manager OSS를 사용하여 Private Nexus 구성 해결방법 JitPack에는 별도 Remote Index를 제공하지 않아서인지 Nexus의 Proxy로 추가가 잘 안됩니다. 그래서 Mirror를 쓰는 방법으로 회피하였습니다. 일반적으로 Private Nexus를.. 더보기

티스토리툴바