이번 포스트 에서는 간단히 Nginx 를 docker 로 올려보겠습니다. * MariaDB 와 PHP 를 따로 올릴 수도 있지만 하나의 컨테이너를 자체적으로 생성하여 올릴수도 있기 때문에 Nginx + MariaDB (Mysql) + PHP7-fpm 은 후에 포스팅 하도록 하겠습니다. 우선 이미 Docker 가 설치되어 있다는 전제하에 docker pull nginx:latest 로 최신 nginx 이미지를 가지고 오도록 합니다. docker pull nginx:latest 그리고 아래의 명령어로 서비스를 간단히 올려 보도록 합니다. docker run --name [container-name] -v [content-path]:/usr/share/nginx/html:ro -d -p 80:80 -p 443..
Docker 에서 실행중인 Container 에 콘솔 접속하는 방법 입니다. 우선 docker ps -a 를 이용해 접속할 컨테이너의 id 를 알아 내도록 합니다. $ docker ps -a CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 5e610c28485b mariadb "docker-entrypoint..." 41 minutes ago Up 41 minutes 0.0.0.0:4306->3306/tcp ubmariadb1 137414e60a9e nginx "nginx -g 'daemon ..." 2 hours ago Up About an hour 0.0.0.0:80->80/tcp, 443/tcp csms-nginx 그리고 나온 결과에서 CONTAINE..
Ubuntu 에서 SFTP 사용시 로그인 사용자를 해당 폴더에 가두는 방법입니다. ( SSH 를 사용하기 때문에 vsftpd 는 필요 없습니다. ) 0. 조건 - 우선 SSH 가 깔려 있다는 것을 전제로 합니다. - 사용자 그룹 sftponly 에 등록된 사용자들을 sftp 폴더에 가두게 될 것입니다. * 주의 : SSH 사용자를 sftponly 그룹에 등록하지 마시기 바랍니다. sftponly 에 등록된 사용자는 ssh 에 로그인이 되지 않게 될 것입니다. 1. SSH config 변경하기 우선 /etc/ssh/sshd_config 를 수정합니다. $ vim /etc/ssh/sshd_config 그리고 문서의 최하단으로 내리셔서 아래와 같이 internal-sftp 을 추가하고 Match Group 를..
Electron 의 장점은 엄청 많은대요. 그 중 하나가 "공통된 브라우저 환경을 가질 수 있다" 입니다. 따라서.. 이것을 이용하여 Electron 으로 웹뷰 만 만든다 하더라도 사용자에게 공통된 경험을 하게 해 줄수 있다는 장점이 되게 되는데요. 여기서는 Electron의 Webview 를 이용하여 페이지를 iframe 과 같이 표시하는 방법을 알려 드리겠습니다. github 소스코드 : https://github.com/TutorialBook/electron-webview-example * Electron의 Webview 는 Iframe 과 다르게 여러가지 규칙들에 대한 옵션을 끄거나 켤 수 있는 기능을 제공합니다. Electron Webview 사용의 이유 ( 개인 ) 우선 제가 웹 서비스 페이지..
이전 포스트에서 간단히 Electron 에 관해 설명 드렸으며 이번 포스트에서는 간단히 앱을 개발해 보겠습니다. 2017/02/05 - [Dev Platform/Electron] - Electron 이란? 우선 개발전 개발 환경은 nodejs 를 기반으로 하기때문에 PC 에 nodejs 개발 환경이 설정 되어 있어야 합니다. NodeJS 설치 2015/03/02 - [Dev Languages/NodeJS] - Windows 에 NodeJS 설치하기 맥은 그냥 node js 홈페이지에서 다운받으셔서 까시거나 Homebrew 를 이용하여 설치 하시면 됩니다.관련 정보 : https://changelog.com/posts/install-node-js-with-homebrew-on-os-x Electron 시작..
Electron 이란? Electron 이란 NodeJS 와 Chromium ( 일반적으로 Chrome 의 소스 로 이해하시면 편함 : 정보 ) 을 조합하여 웹 서버 없이도 PC 에서 웹 서버 + 브라우저 인 것 처럼 구동하는 데스크탑 앱을 만들수 있는 툴을 말합니다. Chromium 기반으로 하기때문에 Chromium 지원하는 OS 들을 지원하는 크로스 데스트탑 앱 플렛폼 이라고 생각하시면 편합니다. 대표적으로 Slack, Jandi, discord, Atom, Visual Studio Code 와 같은 앱들의 데스크탑 버전들이 Electron 을 이용하며 지금도 수 많은 앱들이 개발되고 있습니다. - 정보 : http://electron.atom.io/apps/ - 특징 1. 데스크탑 앱을 웹 서비스..
처음 Redis 를 설치 후 구동시 아래와 같은 Warning을 볼 수 있으실 것 입니다. 여기서는 이 Warning 들을 제거 하는 방법들에 관해서 알려 드리겠습니다. # WARNING: The TCP backlog setting of 511 cannot be enforced because /proc/sys/net/core/somaxconn is set to the lower value of 128. # WARNING overcommit_memory is set to 0! Background save may fail under low memory condition. To fix this issue add 'vm.overcommit_memory = 1' to /etc/sysctl.conf and then..
Mysql / MariaDB 에 익숙한 분들은 다소 어색할수 있는 MongoDB 에서 Authorization 기능을 사용하는 방법입니다. MongoDB 의 설치방법은 아래를 참고하시기 바랍니다.2015/10/05 - [Database/MongoDB] - Ubuntu 에서 MongoDB 3.0 설치방법 우선 간단히 RDBMS 와 다른점을 알려 드리면 RDBMS 는 설치와 동시에 root 패스워드를 생성하고 인증 체계를 확립합니다. 하지만 MongoDB, Redis 는 root 계정을 초기에 설정하지 않습니다. 따라서 아무 인증 없이 접속이 가능합니다. 1. 사용자 관리 계정 만들기 우선 MongoDB 가 처음 설치된 상태에서 mongo 를 이용해 접속합니다. $ mongo 그리고 아래의 명령어로 사용자 ..
Ubuntu 14.04 LTS 버전에서 NodeJS 설치 및 NodeJS 버전을 변경하기위한 n 을 설치하고 변경하는 방법에 관해 설명드리겠습니다. 1. Ubuntu 에서 apt-get 을 이용하여 NodeJS 설치하기 우선 apt-get 을 이용해서 설치할 것 이기 때문에 저장소를 NodeJS 홈페이지에 등록된 방법으로 등록해주시기 바랍니다. 원본 : https://nodejs.org/en/download/package-manager/* npm n 을 통해서 버전을 수시로 변경할 수 있기 때문에 버전에 관해서는 크게 걱정하지 마시고 일단 설치하시기 바랍니다. NodeJS 4.x LTS 버전 curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash - ..
Ubuntu 에서 apt 저장소 추가 후 apt-get 을 통해서 nginx 설치시 Stable 버전으로 설치하는 방법입니다. 만약 저장소를 추가하지 않고 그대로 설치 한다면 구버전이 설치되니 참고하시기 바랍니다. ( 필자의 경우 1.8.1 Stable 에서 1.4.6 이 설치되었습니다. ) 우선 아래의 명령어로 nginx/stable 저장소를 추가합니다. sudo add-apt-repository ppa:nginx/stable 그리고 apt-get update 를 해주도록 합니다. 만약 업데이트 마지막에 GPG ERROR NO_PUBKEY 에러가 발생한다면 아래의 포스팅을 참고하시기 바랍니다. 2016/03/01 - [Computer Skills/Ubuntu] - Ubuntu 에서 GPG ERROR N..
Ubuntu 서버에서 패키지를 설치하기위해 apt-get update 시 아래와 같은 에러를 발견 하실때가 있으실 것 입니다. W: GPG error: http://ppa.launchpad.net trusty InRelease: The following signatures couldn't be verified because the public key is not available: NO_PUBKEY 00A6F0A3C300EE8C 제 경우 MongoDB 설치와 nginx 설치할때 발생하였는대요. 이 경우 key 를 등록해주셔야 합니다. ( 없이도 강제로 설치가 가능하긴함... ) 우선 키를 찾아야 하니 아래의 홈페이지로 들어가서 에러에서 발생한 키를 검색하도록 합니다. 키 검색방법은 에러의 문자열에서 0x..
Ubuntu 14.04 에서 MongoDB 설치시 저장소를 업데이트 하던중 최하단에 아래와 같은 에러가 발생할 경우 해결방법 입니다. GPG error: http://repo.mongodb.org trusty/mongodb-org/3.2 Release: The following signatures couldn't be verified because the public key is not available: NO_PUBKEY D68FA50FEA312927 간단히 에러 를 읽어보면 public 인증키가 없다는 식의 에러 인대요. 아래의 명령어로 간단히 해결이 가능합니다. sudo apt-key adv --keyserver keyserver.ubuntu.com --recv EA312927 ps. 키는 apt-..
여기서는 간단하게 Let's Encrypt 를 이용하여 무료로 HTTPS 를 제공하는 튜토리얼을 진행해보겠습니다. - 무료로 Let's Encrypt 를 이용한 인증서를 만들고 적용 우선 이 문서는 영문 버전을 참고하여 작성한 문서이며 원본은 How To Secure Nginx with Let's Encrypt on Ubuntu 14.04 입니다. 기본적으로 원본 문서보다 설명이 적습니다. 자세한 사항은 원문을 찾아 보시기 바랍니다. 서버 셋팅환경은 Ubuntu NginX 입니다. 1. Let's Encrypt 설치하기 우선 필요한 것들을 설치 하도록 합니다. 이미 설치되어 있다면 굳이 설치 하지 않으셔도 됩니다. $sudo apt-get update $sudo apt-get install git bc ..
여기서는 간단히 TexturePacker 를 이용하여 Sprite 를 생성하는 방법에 대해서 설명드리겠습니다. 우선 Sprite 에 관해서 간단히 설명드리자면 이미지의 모음 이라고 보시면 됩니다. 하나의 이미지 파일에 여러개의 이미지를 삽입하여 게임 분야에서는 애니메이션을 만들거나 웹 분야 에서는 이미지 요청 횟수와 용량을 줄일 수 있습니다. 간단한 예로 아래는 Facebook 의 Sprite 입니다. facebook 의 경우 아래의 이미지를 한번 불러 들입니다. 굳이 용량도 크지 않은 이미지를 각각 하나씩 불러들일 필요가 없어지는거죠. 이제 TexturePacker 를 이용하여 간단히 소셜 버튼 Sprite 를 만들어 보겠습니다. 우선 이미지를 준비하여 하나의 폴더안에 넣어 두도록 합니다. 그리고 Te..
네이버 블로그 이용시 많은 CMS 가 그렇듯이 예약 글 발행이 가능한대요. 이 예약 글이 약간 찾기 힘들게 되어 있습니다. 여기서는 네이버 블로그 예약글 발행 후 수정하는 방법에 관해서 알려드리겠습니다. 우선 네이버에 로그인 후 자신의 블로그에서 좌측의 포스트 쓰기로 이동합니다. 그리고 포스트 쓰기 페이지 우측 상단 저장 옆의 숫자를 클릭해서 임시저장 리스트를 표시하는 곳 으로 이동합니다. 그리고 텝을 확인하시면 '예약발행글' 을 확인하실 수 있으실 것입니다. 이제 리스트를 확인하신 후 포스트의 수정을 진행하시면 됩니다. 즐거운 블로깅 되시기 바랍니다.
MAC 에서 인터넷에서 다운받은 프로그램 설치 시 아래와 같이 '확인되지 않은 개발자가 배포했기 때문에 열 수 없습니다.' 라는메시지와 함께 설치할 수 없을때 해결하는 방법입니다. 아래는 영상 포스팅 입니다. :D Youtube 의 구독 을 눌러 주시면 더욱 좋은 정보를 쉽게 받아 보실 수 있습니다. 우선 '시스템 환경설정' 으로 페이지로 이동 후 '보안 및 개인 정보' 로 이동합니다. 그리고 '보안 및 개인 정보' 에서 하단의 다음에서 다운로드한 App 허용 을 '모든 곳' 으로 허용해 줍니다. 만약 아래와 같이 좌물쇠 로 잠겨 있다면 좌물쇠 아이콘을 누른 후 풀어 주시고 모든 곳 을 클릭해주시면 됩니다. * 다운로드 앱 관련 알아두셔야할 사항 Mac App Store – Mac App Store의 A..
git 저장소의 ip 혹은 저장소가 변경되어 원격 저장소의 url 을 변경해야 할때가 있습니다. 여기서는 git remote ( 원격 저장소 ) 의 url 을 변경하는 방법에 대해서 설명드리겠습니다. 1. 현재 git remote ( 원격저장소 ) url 확인 현재 git 에 설정된 원격저장소의 url 을 확인합니다. $ git remote -v origin https://222.222.222.222/저장소.git (fetch) origin https://222.222.222.222/저장소.git (push) 2. remote set-url 을 통하여 remote ( 원격저장소 ) url 변경하기 git remote set-url 을 통하여 원격저장소의 url 을 변경합니다. $ git remote se..
네이버 계정이 마음에 안 드셔서 새로 만들고자 하실 때 혹은 다른 이유로 네이버를 탈퇴할 수 있는데요. 여기서는 네이버 탈퇴 방법에 대해서 알아보겠습니다. 우선 네이버에 로그인 해주시고 아래와 같은 링크 눌러서 내정보로 이동합니다. 그리고 바로 보이시는 회원정보 최 하단의 회원탈퇴 바로가기 링크를 눌러 주시면 됩니다. ( 혹은 아래의 링크를 눌러 주시기 바랍니다. 네이버는 로그인 하셔야 합니다. ) 네이버 탈퇴 하기 링크 이제 보시면 탈퇴 에 관한 기록들이 보이실 것 입니다. 포털과 같은 서비스들의 경우 묶여 있는 서비스가 많아서 목록이 많습니다. 탈퇴 전에 한번쯤 봐보시기 바랍니다. 이제 화면 최하단 으로 내려 보시면 아래와 같이 동의 체크박스와 확인 버튼을 보실 수 있습니다. 체크박스를 체크하신 후 ..
Chrome 은 개발자에게 많은 편의사항을 제공하는대요. 여기서 설명하는 디바이스 모드도 그중 하나로 PC 용 Chrome 에서 반응형 웹이나 모바일 웹의 디자인을 확인할 수 있는 방법입니다. 물론 PC로 작업하기 때문에 Javascript 디버깅 및 CSS 임시 수정도 쉽게 가능합니다. 우선 페이지에서 우측 버튼을 클릭 후 '검사'를 눌러서 개발자 모드로 들어가시기 바랍니다. * 예전에는 '요소 검사' 였는데 안 본 사이에 변했네요. FireFox 랑 겹쳐서 그런가... FireFox는 그대로 '요소 검사'를 사용하고 있네요. 그리고 아래와 같이 '검사' 창의 좌측 상단에 있는 모바일 모양의 아이콘을 클릭해주시기 바랍니다. 이제 아래와 같이 디바이스 모드로 변경된 화면을 확인하실 수 있으실 것입니다. ..
윈도우즈 10 혹은 기타 다른 버전들에서 윈도우 내부의 프로그램을 이용하여 세부 버전 및 빌드 넘버를 확인하는 방법입니다. 우선 Window + R 을 눌러서 실행 창을 열어 주도록 합니다. 그리고 이곳에 winver 을 쳐서 프로그램을 실행하여 보도록 합니다. 그리고 확인 을 눌러 주시면 아래와 같이 윈도우즈의 세부 정보 ( 버전 및 빌드 넘버 ) 를 확인하실 수 있습니다. 즐거운 하루 되시기 바랍니다.
사진 기반 SNS 서비스인 인스타그램의 계정 삭제 방법입니다. 인스타그램의 경우 계정 일시정지도 역시 지원하는대요. 계정 일시정지는 아래의 포스팅을 참고하시기 바랍니다. 계정 비활성화 하기 ( 삭제는 아님 ) : http://www.tutorialbook.co.kr/187 인스타그램 계정의 삭제는 아래의 링크로 들어가신 후 계정의 삭제 이유를 선택 후 비밀번호를 입력해주시고 '내 계정 영구 삭제' 를 눌러 주시면 됩니다. 삭제 후 재가입시 계정에 사용된 이름으로 다시 가입을 진행하실 수 없으니 만약 같은 이름으로 재가입을 하려고 하신다면 이름을 변경 후 삭제를 진행하셔야 됩니다. 인스타그램 계정 삭제 : https://instagram.com/accounts/remove/request/permanent/..
사진 기반의 SNS 인 Instagram 인스타그램 에서 계정 비활성화 방법입니다.계정의 비활성화는 말그대로 일시적인 비활성화 방법이며 다시 로그인하여 재활성화 하기 전까지 계정이 숨겨지게 됩니다. 만약 인스타그램 계정의 완전한 삭제를 원하신다면 아래의 링크를 참고하시기 바랍니다. 인스타그램 계정 완전히 삭제하기 : http://tutorialbook.co.kr/188 비활성화 방법은 우선 웹 계정으로 로그인 후 계정의 프로필 편집 으로 이동한 후 아래와 같이 계정을 일시적으로 비활성화 버튼을 누르시는 방법과 로그인 후 바로 아래의 비활성화 링크를 누르시고 들어가셔도 됩니다. 비활성화 링크 : https://instagram.com/accounts/remove/request/temporary/ 비활성화 ..
Laravel 초기 셋팅시 모든 권한 을 변경하고 .env.example 를 .env 로 복사 후 바로 서버를 확인하시면 아래와 같은 에러를 확인하실 수 있습니다. Error : No supported encrypter found. The cipher and / or key length are invalid. .env 파일에 APP_KEY 가 재대로된 키가 들어가 있지 않기 때문인대요. 아래와 같은 명령어로 .env 를 정상적으로 복사 하셨다면 어플리케이션키를 생성하실 수 있습니다. $ php artisan key:generate $ Application key [9YNGQT5bj6NUYcLU3Yummvnrgr9QN7dX] set successfully. 이제 페이지로 이동해보셔서 아래와 같이 정상적으로..
Laravel 5 는 기본적으로 다국어화 기능이 있습니다. 하지만 이 기능의 경우 app::setLocale() 을 이용하여 언어를변경해 주거나 사용자 언어를 직접 지정해주셔야 하는대요. 여기서는 Session 에 Locale 이 지정되지 않았을 경우 사용자의 언어를 감지하여 Locale 을 지정하는 Middleware 를 만들어 보겠습니다. 우선 Middleware 를 만들어보겠습니다. App/Http/Middleware 로 이동하여 Localization.php 파일을 만들고 아래의 코드를 입력해주도록 합니다.
Facebook 페이지의 관리자 추가 및 페이지 이동 방법입니다. 우선 페이지 로 이동 후 ' 설정 > 페이지 역할 ' 로 이동합니다. 페이지 역할로 이동하셨다면 아래와 같이 자신의 계정이 관리자 계정으로 등록되어 있는 것을 확인하실수 있습니다. 자신의 계정 아래에 바로 보시면 빈칸과 해당 계정의 역할을 설정할 수 있는 Select 버튼을 확인하실 수 있으실 것 입니다. 여기에 관리자로 추가할 계정의 이메일 혹은 친구로 등록 되어 있다면 친구의 이름을 적어주시고 역할을 관리자로 지정해주시고 저장 을 눌러 주시기 바랍니다. 저장을 누르실 경우 계정의 비밀번호를 입력해야 하니 비밀번호를 입력하여 주시기 바랍니다. 이제 관리자로 지정한 계정의 페이스북 으로 이동하시면 아래와 같이 알람이 도착해 있는 것을 확인..
Facebook 에서 자신의 뉴스피드에 특정 친구의 소식을 보고 싶지 않을때 보지 않는 방법입니다. ( 친구이긴 하나 소식을 딱히 보고 싶지 않을때... 그렇다고 친구를 끊을순 없고... ) 아래와 같이 친구의 페이지로 이동 후 "팔로잉" 버튼을 눌러서 xxx님의 팔로우 취소 를 눌러 주시면 됩니다. 반대로 먼저보기 를 선택해 주시면 친구가 작성한 소식이 누구의 소식보다 먼저 뜨게 되니 참고하시기 바랍니다.
유튜브 채널에서 설정할 수 있는 블랜딩 버튼은 채널의 '구독자 수' 를 보여주거나 및 유튜브 채널의 구독을 쉽게 해주는 역할을 합니다. 위와 같이 영상 우측 하단에 버튼이 생기며 버튼은 버튼을 누르면 구독 페이지로 이동하거나 마우스를 올려 놓으면 위와 같이 구독 정보가 나오게 됩니다. 위와 같은 워터마크 버튼을 모든 영상에 공통적으로 넣는 방법에 대해 알아 보겠습니다. 우선 유튜브에 로그인 후 우측 상단의 아이콘을 눌러서 동영상 '제작자 스튜디오' 로 이동합니다. 그리고 제작자 스튜디오 에서 채널 > 블랜딩 을 선택해 주도록 합니다. 이제 워터마크 추가 를 누르시면 아래와 같이 이미지에 대한 설명이 나오는대요. 굳이 배경이 투명한 이미지로 하실 필요는 없지만 투명도를 지원하는 1MB 이하의 gif 또는 ..
CKEditor 를 사용할시 기본적으로 정의되어져 있는 몇가지 스타일이 있는대요. 이 부분이 사용자에 따라 약간 불편할 수도 있습니다. 또한 글을 작성하는 동안 페이지에 커스텀으로 적용되는 CSS 의 경우 보지 못하는대요. 이런 부분을 해결할 수 있는 방법이 CKEditor 자체에 페이지에서 사용될 커스텀 CSS를 넣는 방법입니다. ps. 제 경우 CKEditor 의 p 테그에 margin 이 너무 넓게 들어 가서 적용한 경우 입니다. 아래를 보시면 기본 CKEditor 를 적용했을때 p 테그에 기본적으로 적용 되어 있는 margin 의 크기 입니다. CKEditor 자체에 CSS 파일을 적용하고 싶으시다면 CKEDITOR 를 정의 하실때 config.contentsCss 를 정의해주시기 바랍니다. CK..
페이스북에서 간단히 페이지를 만드는 방법입니다. 페이스북 페이지는 실재 사람이 아닌 일종의 마케팅 용도의 페이지를 만드는 것으로 친구를 모으는 것이 아닌 페이지의 '좋아요' 를 통해서 친구를 모으는 개념으로 보시면 됩니다. 당연히 일반 계정의 친구 제한인 5000 명과 같은 제한이 없습니다. 우선 페이스북 로그인 후 우측 하단에 보시면 더보기 화살표가 보이실 것 입니다. 이 화살표를 눌러서 아래와 같이 메뉴창을 띄우신후 페이지 만들기 를 눌러 주시기 바랍니다. 페이지 만들기를 눌러 주셨다면 아래와 같은 웹 페이지를 확인하실 수 있습니다. 아래의 페이지에서 자신이 페이지를 만들려는 목표와 맞는 목록을 선택 후 '시작하기' 를 눌러 주시기 바랍니다. 시작하기를 눌러 주셨다면 이제 페이지의 정보를 입력하실 차..
이미 NginX + PHP 5 가 구성된 서버에서 Codeigniter 를 다운받아서 설정하는 방법입니다. 0. NginX 와 PHP 5 의 설정 방법은 아래를 참고하시기 바랍니다. 2015/03/08 - [웹 개발/WAS + PHP] - Ubuntu 에서 NginX + PHP-FPM 연동하기 2015/03/02 - [웹 개발/WAS + PHP] - Ubuntu 에서 NginX + PHP 설치 ( 연동 ) 하기 1. Codeigniter 설치하기 기본적으로 Codeigniter는 다운받아 설치 하시면 됩니다. 최신 Stable 버전의 주소를 받으신 후 wget 을 이용하시면 됩니다. 아래는 Codeigniter 3.0.2 버전의 예 입니다. 다운로드 링크 : https://codeigniter.com/d..
- Total
- Today
- Yesterday
- it
- 인터넷
- 서버
- 에러
- 튜토리얼북
- 설치
- Nodejs
- JavaScript
- 개발
- 웹 개발자
- mac
- php
- Developer
- Database
- Laravel
- cocos2d-x
- 게임
- 개발자
- 웹 개발
- ubuntu
- 웹
- Tutorialbook
- html
- 서버 개발
- 우분투
- SNS
- 웹 서버
- 맥
- 게임 개발
- 데이터베이스
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |