네이버 블로그 이용시 많은 CMS 가 그렇듯이 예약 글 발행이 가능한대요. 이 예약 글이 약간 찾기 힘들게 되어 있습니다. 여기서는 네이버 블로그 예약글 발행 후 수정하는 방법에 관해서 알려드리겠습니다. 우선 네이버에 로그인 후 자신의 블로그에서 좌측의 포스트 쓰기로 이동합니다. 그리고 포스트 쓰기 페이지 우측 상단 저장 옆의 숫자를 클릭해서 임시저장 리스트를 표시하는 곳 으로 이동합니다. 그리고 텝을 확인하시면 '예약발행글' 을 확인하실 수 있으실 것입니다. 이제 리스트를 확인하신 후 포스트의 수정을 진행하시면 됩니다. 즐거운 블로깅 되시기 바랍니다.
VirtualBox 는 VMWare 나 Parallels desktop 처럼 가상머신을 만들수있는 가상화 소프트웨어로 VMWare, Parallels 비교해 볼때 약간 불편하며 기능적으로 부족한 면이 있지만 무료로 이용할 수 있는 장점이 있는 소프트웨어 입니다. 여기서는 MAC 이 운영중인 상태에서 VirtualBox 를 이용하여 Windows 10 을 설치하는 방법을 알려드리겠습니다. Youtube 영상 포스팅 우선 VirtualBox.org 으로 이동하여 MAC 용 VirtualBox 를 다운로드하고 설치해주도록 합니다. 다운로드가 모두 완료되면 다운로드한 dmg 파일을 마운트 하고 VirtualBox.pkg 를 클릭하여 VirtualBox 설치하시기 바랍니다. 설치가 모두 완료되면 가상 머신의 경로..
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..
Composer 는 PHP 의 패키지 관리 툴 이며 프로젝트 단위의 패키지를 주로 관리 할때 사용합니다. 여기 설명하는 내용은 Composer 를 이용해서 운영중인 PHP 서비스에 패키지를 추가 하는 방법입니다. 명령어는 간단히 'composer require 패키지 이름' 입니다. 아래는 Laravel 과 함께 사용한 간단한 예제 입니다. $ composer require predis/predis ( 패키지 이름 ) Laravel 에서 Redis 를 사용하기 위한 predis/predis 를 설치한 모습입니다.
지난번에는 간단히 HTML 문서를 만들어 봤는대요. 이번에는 몇가지 태그에 대해 알아보고 사용해보겠습니다. 2015/09/14 - [웹 개발/HTML] - HTML 이란? 첫 HTML 문서 작성하기 우선 HTML 문서는 아래의 기본적인 규칙들을 따라 주셔야 합니다. 1. 문서의 처음은 로 정의해줄 것 ( 문서의 HTML 버전에 따라 다르지만 앞의 DOCTYPE html 는 HTML 5 임을 뜻합니다. ) 2. 문서는 의 안에 넣어 주도록합니다. 3. 사용자들이 보는 부분은 에 작성됩니다. 4. 아래는 최종 결과 예제 파일 입니다. 이제 간단히 태그와 코드를 보도록 하겠습니다. Heading Tag Paragraph Tags 위의 문서에 간단히 주석과 함께 문서를 만들어 봤습니다. * 주석이란? 주석은 개..
PHP 를 이용하여 와 같은 특수문자를 HTML 요소로 변경하는 방법입니다. 일단 변경하는 이유에 대해서 간단히 설명드리자면 페이지에 특수문자를 표현하고 싶을때 HTML 문서에 그대로 와 같이 써버리신다면 브라우져는 테그로 인식해서 를 표현해주지 않습니다. 써주는 방법은 특수문자를 html 코드로 적어주는 방법인대요. 는 코드로는 과 같습니다. PHP 에서는 htmlentities 로 특수문자를 html 코드로 변경하는 것이 가능합니다. 간단한 사용방법으로는 htmlentities 를 그대로 써주시면 됩니다.사용 테스트는 Tutorialbook.IO PHP htmlentities 에서 가능합니다. 위와 같이 사용하시면 HTML 요소 코드에는 © Welcome to Tutorial..
React Native 에서 init 으로 프로젝트를 만들때 아래와 같이 에러가 날 경우 $ `npm install --save react-native` failed 프로젝트 내부의 npm-debug.log 를 살펴보시면 아래와 같이 마지막 부분에 에러를 확인하실 수 있으실 탠대요. 52433 error Darwin 14.5.0 52434 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "--save" "react-native" 52435 error node v4.0.0 52436 error npm v3.3.7 52437 error code E2BIG 52438 error errno E2BIG 52439 error syscall spawn..
MAC 으로 개발을 하다보면 Homebrew 에 의해서 깔아야되는 패키지들을 요구하는 프로그램들이 있습니다. 물론 Homebrew 가 없이도 설치할 수 있는 방법이 있겠지만 간단한 방법이 있다면 역시 간단하게 사용하는것이 좋기에 Homebrew 를 설치하는 방법과 간단한 사용법에 대해서 알아보겠습니다. 1. Homebrew 설치하기 설치는 아래의 명령어를 터미널에 적어 주시면됩니다. $ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 위는 설치 화면입니다. 설치 중에 비밀번호를 물어 보니 관리자 비밀번호를 눌러 주시면 설치가 모두 완료 되며 정상적으로 설치 되었다면 brew help 를 통해서..
1. 네트워크 접속방법 Redis 는 기본적으로 네트워크 접속을 굉장히 프리하게 지원합니다. 아래와 같이 redis-cli -h 라는 명령어로 접속이 가능합니다. redis-cli -h 10.211.55.11 포트 설정은 따로 해주시지 않았다면 자동으로 6379 포트로 접속 됩니다. 2. 비밀번호 설정 방법 물론 보안상 기본적으로 방화벽을 통해서 포트 접속 ip 에 제한을 두겠지만 혹시 모르는 상황을 비밀번호 설정 방법에 관해서 알아보겠습니다. 설정 방법은 설치 방법에 따라 다르겠지만 Ubuntu 에서 apt 로 설치하셨을경우 /etc/redis/redis.conf 를 수정하시면 됩니다. /etc/redis/redis.conf 에 requirepass 를 써주시고 비밀번호를 적어주시면 됩니다. requi..
MongoDB 는 기본적으로 계정이 없더라도 네트워크 접속을 지원합니다. 하지만 접속을 위해서는 mongod.conf 의 bind_ip 를 주석 처리 해주셔야 합니다. Ubuntu 를 기준으로 /etc/mongod.conf 를 수정해주도록 합니다. bind_ip = 127.0.0.1 #bind_ip = 127.0.0.1 위와 같이 설정 해주신 후 mongo 로 접속이 가능합니다. $ mongo 만약 아래와 같이 errno:111 Connection refused 와 같은 에러가 뜨신다면 bind_ip 때문이니 네트워크 작업시 확인하시기 바랍니다. 2015-10-10T17:01:15.084+0900 W NETWORK Failed to connect to 10.211.55.11:27017, reason: e..
Ubuntu 에서 CPU 코어 갯수를 확인하는 방법 입니다. 방법은 여러 가지가 있으며 하나씩 해보시면 쉽게 확인이 가능합니다. 1. lscpu 이용 간단히 커맨트 창에 lscpu 를 이용하여 cpu 정보의 확인이 가능합니다. $ lscpu 위의 스샷에서 확인하시다시피 CPU 는 총 4개에 각각의 케시가 표시되는 모습을 확인하실 수 있습니다. 2.. /proc/cpuinfo 에서 정보를 보는 방법입니다. $ cat /proc/cpuinfo 위의 명령어로 실행하신다면 필요 이상의 정보가 나오는대요. 코어만 확인하는 방법은 아래와 같이 작성해 주시면 됩니다. $ grep -c processor /proc/cpuinfo 위와 같이 4개의 코어가 표시되는 것을 확인하실 수 있습니다. 3. top 에서 1을 눌러..
Ubuntu 에서 apt-get 으로 설치한 특정 패키지만을 업그레이드 하는 방법입니다. install 에 간단히 --only-upgrade 옵션을 주시면 됩니다. $ apt-get install --only-upgrade 만약 redis-server 를 업그레이드 하고 싶으시다면 아래와 같이 사용해주시면 됩니다. $ apt-get install --only-upgrade redis-server 아래는 실행 후 스샷 입니다. redis-server 를 3.0.0 에서 3.0.4 로 업그레이드한 결과 입니다.
Ubuntu 에서 최신버전의 MongoDB 를 설치하는 방법입니다. 1. MongoDB 설치하기 apt-get 패키지 관리 프로그램으로 설치 할 것 이기 때문에 mongoDB 의 설치를 위한 리스트를 업데이트 해주도록 합니다. $ sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 7F0CEB10 // Ubuntu 12.04 버전 $ echo "deb http://repo.mongodb.org/apt/ubuntu precise/mongodb-org/3.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.0.list // Ubuntu 14.04 버전 $ echo "deb http:..
PM2는 P(rocess) M(anager) 2 로 NodeJS 프로세서를 관리해주는 역할을 합니다. PM2는 앱이 계속 살아 있을수 있도록 도와 주는 역할을 하고 프로그램의 다운없이 다시로드 할수 있도록 해주는 등의 역할을 합니다. 1. 설치하기 npm 을 이용함으로 설치는 간단히 npm install pm2 -g 로 설치 합니다. $ npm install pm2 -g 2. 실행 및 종료하기 실행 역시 간단합니다. pm2 start app.js 명령어 만으로 nodejs 프로젝트의 실행이 가능합니다. $ pm2 start app.js 아래와 같이 여러개의 프로세서를 켜두고 작동을 볼수도 있습니다. 종료는 pm2 stop id 혹은 pm2 kill 로 해당 프로세스를 종료하거나 pm2 자체를 종료할수도 ..
NodeJS , Express 그리고 Socket.io 을 이용하여 간단한 채팅 앱 ( 메시지 앱 ) 을 만드는 방법입니다. 기본적으로 Socket.io ( http://socket.io ) 에 들어가 보시면 기본적인 튜토리얼 ( http://socket.io/get-started/chat/ ) 이 있는대요. 여기서는 이전에 진행하던 NodeJS + Express 튜토리얼을 연장하여 간단하게 코드만 넣어 보겠습니다. 튜토리얼을 보시기전 NodeJS + Express generator 를 모르신다면 한번 보시기 바랍니다. 2015/10/01 - [Programming Language/NodeJS] - NodeJS 에서 Express 설치 및 시작하기 * 프로젝트의 기반은 Express generator 로..
- Total
- Today
- Yesterday
- 웹
- Developer
- SNS
- Database
- 웹 개발자
- JavaScript
- mac
- 서버
- 개발
- 인터넷
- 우분투
- Nodejs
- 웹 서버
- 게임 개발
- it
- Laravel
- html
- 개발자
- cocos2d-x
- 튜토리얼북
- 게임
- php
- 데이터베이스
- 서버 개발
- ubuntu
- 에러
- 맥
- 웹 개발
- 설치
- Tutorialbook
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |