PHP 로 서버에서 Curl 로 Post 를 보낼때 "Notice: Array to string conversion" 혹은 Laravel 에서는 아래와 같은 에러를 보실 수 있습니다. Laravel 최신버전에서는 디버그 모드가 변경되어서 다르게 뜨겠지만 메세지는 같을 것으로 예상됩니다. 일단 에러의 이유는 array in array 로 배열 안에 배열을 넣어서 그대로 전송하려 할때 나타나는 현상인대요. $transData = array( 'user_id' => $userInfo['userid'], 'page' => $data['page'] ); $parameter = array( 'organization_code' => 'CODE', 'organization_token' => 'SECRETKEY', 'r..
Laravel 에서 Input 을 받는 방법은 메뉴얼에 있는 대로 $request->input() 을 이용하는 방법과 Input 을 사용하는 방법이 있습니다.( 언제 부터였는지는 기억이 나지 않지만 Input 이 기본 클레스에서 제외되고 이제는 등록하지 않으면 사용하지 못하도록 변경 되었습니다. ) 문서에 있는대로 . $request->input('변수') 를 이용해도 되지만 이는 조금? 귀찮습니다.메뉴얼 : https://laravel.com/docs/5.3/requests#accessing-the-request 그에 비해 Input 을 사용할 경우는 아래와 같습니다. (GET POST 상관없음) $email = Input::get('email'); $password = Input::get('passw..
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 - ..
여기서는 간단하게 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..
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..
Laravel 5 는 기본적으로 다국어화 기능이 있습니다. 하지만 이 기능의 경우 app::setLocale() 을 이용하여 언어를변경해 주거나 사용자 언어를 직접 지정해주셔야 하는대요. 여기서는 Session 에 Locale 이 지정되지 않았을 경우 사용자의 언어를 감지하여 Locale 을 지정하는 Middleware 를 만들어 보겠습니다. 우선 Middleware 를 만들어보겠습니다. App/Http/Middleware 로 이동하여 Localization.php 파일을 만들고 아래의 코드를 입력해주도록 합니다.
이미 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..
지난번에는 간단히 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..
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 자체를 종료할수도 ..
PHP 기본 문법 PHP 는 기본적으로 *.php 의 확장자를 가지며 스크립트는 사이에 작성 됩니다. PHP 파일에는 HTML 코드가 같이 포함될 수 있습니다. 아래의 예제를 한번 보시겠습니다. echo 는 PHP 내부의 스크립트로 텍스트를 출력해주는 역할을 합니다. 또한 echo 의 끝에 세미콜론 ( ; ) 으로 마무리 된 것을 확인하실수 있으실 것 입니다. 프로그램 문단의 끝은 항상 세미콜론 으로 끝을 내주셔야 합니다. * 아직 초반이라 PHP 에 관해서 HTML 과 함께 쓰도록 배우지만 굳이 HTML 을 포함하는 프로그래밍 언어로서만 사용하지는 않습니다. 물론 대부분의 경우가 HTML 표현을 위해서 사용되지만 서버의 뒷단에서 Perl, Python 과 같이 서비스 운영을 처리하는 역할을 하기도 한다..
PHP 는 동적 웹페이지를 만들수 있는 서버 사이드의 스크립트 언어이며 HTML 코드안에 php 를 넣음으로서 효율적으로 개발이 가능합니다. 또한 PHP 는 OS 에 관계 없이 운영 및 개발이 가능합니다. * PHP 를 알아보기전 기본적으로 HTML, CSS, Javascript 에 관한 지식이 있으셔야 합니다. 우선 간단하게 아래의 PHP 코드를 보겠습니다. 간단히 코드에 관해서 간단히 설명하자면 echo ""; 는 html 페이지내에 텍스트를 뿌려주는 역할을 합니다. 후에 print 와 비교하여 좀더 자세히 설명드리겠습니다. 위의 코드에서 보시면 사이에 부분이 보이실 것 입니다. php 는 이와 같이 HTML 문서 중간에 삽입될 수 있으며 뿐만 아니라 문서 어느 곳 이든 삽입이 가능합니다. 대신 WA..
HTML 은 간단히 말하면 컨텐츠 제공자가 사용자에게 컨텐츠를 쉽고 편하게 보여 주기위한 일종의 문서 입니다. HTML 의 약자는 Hyper Text Markup Language 의 약자로 markup tag 로 이루어진 문서 입니다. Tag ( 태그 ) 는 HTML 문서를 구성하는 작은 단위로 태그라고 부릅니다. 일단 아래의 코드로 첫번째 문서를 만들고 설명 드리겠습니다. 나의 첫 HTML 문서 입니다! 이제 위의 코드를 아무 문서에 작성 후 파일 이름은 원하시는대로 하되 아래와 같이 확장자 명은 .html 로 해주시기 바랍니다. 문서 작성은 편하신 에디터 를 이용하시면 됩니다. 메모장으로도 가능합니다. 이제 이 파일을 웹 브라우져 (익스플로러, Chrome, firefox, safari )에서 열어 ..
Font Awsome 은 웹 페이지 개발시 이미지가 아닌 테그를 이용하여 아래와 같은 특수 문자를 쓸수 있도록 해줍니다. 등 사용전 알아두셔야할 것은 3.2.1 까지는 IE 8.x 등의 하위 버전을 지원하지만 4.3.0 과 같이 4.x 이상 버전에서는 저버전의 브라우저들을 지원하지 않으니 참고하시기 바랍니다. CDN 을 이용한 간단한 사용방법은 아래와 같이 버전별 URL 을 Head 사이에 넣으셔서 로드해주시고 Font Awsome 3.2.1 Font Awsome 4.3.0 아래와 같이 페이지의 문자표 테그를 참고하셔서 HTML 코드에 직접 사용하시면 됩니다. Font Awsome 3.2.1 아이콘 리스트 http://fortawesome.github.io/Font-Awesome/3.2.1/icons/ ..
모바일 프로젝트를 핟보면 jQuery Mobile 에 있는 특정 기능만을 사용해야 할대가 있습니다. 예를 들어 swipeleft 와 같은 특정 모바일 이벤트들 을 말하는 것인대요. 기본적으로 jQuery Mobile 을 불러 올 경우 Document 를 jQuery Mobile 방식으로 변경합니다. 변경이 될 경우 뜻하지 않게 a tag 전체에 ajax 페이지 로딩 적용 및 페이지 하단에 Loading 요소가 생기는등의 작업이 진행 됩니다. 여기서 포스팅할 내용은 jQuery Mobile 에서 페이지 초기화를 간단한 스크립트로 막는 방법입니다. 우선 스크립트는 아래와 같습니다. $( document ).on( "mobileinit", function() { $.extend( $.mobile , { aut..
1. 방화벽에 ip 및 포트 지정하기 Ubuntu 서버 방화벽에 접근을 허용할 특정 ip 및 포트를 지정 하는 방법 입니다. 예는 222.222.222.222 와 23425 포트에 연결하는 방법입니다. ufw allow from 222.222.222.222 to any port 23425 삭제 방법은 아래와 같습니다. ufw delete allow from 222.222.222.222 to any port 23425 2. 특정 ip, 프로토콜 및 포트 범위 지정하기 특정 ip 와 함께 프로토콜 및 포트 범위를 지정하는 방법입니다. 특정 포트를 범위 단위로 지정할 경우 프로토콜을 꼭 지정해 주셔야 합니다. ( tcp 또는 udp ) ufw allow proto udp from 222.222.222.222 ..
Bootstrap 에서 사용하는 Mediaquery 의 사이즈 입니다. (v. 3.1.1) Media query 란 화면의 사이즈에 따라 Stylesheet 를 적용하는 방식으로 반응형 웹을 만들때 javascript 가 아닌 Stylesheet 를 이용하여 만들때 많이 사용합니다. /* 가장 작은 크기 */ @media(max-width:767px){ } /* 중간 1*/ @media(min-width:768px){ } /* 중간 2 */ @media(min-width:992px){ } /* 가장 큰 크기 */ @media(min-width:1200px){ } 위와 같은 코드를 에 넣어주시고 각 크기에 맞게 원하는 스타일을 넣어 주시면 됩니다.
요즘 웹작업을 하던 중 시안으로 나온 이미지에서 메뉴 버튼을 이미지로 뜯을까? 하다가 웹폰트인 나눔폰트를 사용해보았습니다. 결과는 만족스럽내요 :D 구글에서 나눔폰트를 찾는 방법은 Google Font 에서 Early Access 에서 찾으실수 있습니다. 링크 : http://www.google.com/fonts/earlyaccess 사용 방법은 nanum 폰트를 검색후 css 와 함께 font-family 를 css 에 적어주시면 됩니다. 아래는 예시 입니다. Nanum Brush Script (Korean)나눔 브러쉬 @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); 나눔 브러쉬 Nanum Gothic (Korean)..
문자열.split() 은 Javascript 에서 문자열을 특정 문자를 기준으로 분해하여 저장하는 함수 입니다. var str = "B00/C00/D00/E00"; var res = str.split("/"); console.log(res); 위의 res 의 결과는B00,C00,D00,E00 의 형태로 배열로 저장되었다고 보시면 됩니다.Chrome 에서는 아래와 같이 console.log 를 확인하실수 있습니다.
최근 페이스북 링크에서 에러가 발생한다는 건수가 많아서 알아 보던중 페이스북의 정책 변경으로 인하여 200x200이하의 이미지는 썸네일로 사용할수 없다는 것을 알게 되었습니다. og:image should be larger:Provided og:image is not big enough. Please use an image that's at least 200x200 px.og:image 가 더욱 커야합니다: og:image 에 사용된 이미지가 충분한 크기가 되지 않습니다. 최소한 200x200 이상의 이미지를 사용하여 주시기 바랍니다. 라는 경고 문구인대요. 빠르게 대처하여 수정해야 겠습니다. 혹시나 개발 하시는 분들 중에 잘 모르시는 분들을 위해서 페이지하나를 소개 시켜 드리겠습니다.바로 Faceboo..
가끔 추천 친구에 친구도 아닌대 뜨면서 실수로 누를때가 있는대요. 아래의 포스팅은 그런 상황에 대비한 포스팅입니다. 실수로 보낸 친구 찾아가서 친구 신청 취소하기! 1. 우선 아이디의 오른쪽에 아래와 같이 중앙에 있는 좌물쇠 아이콘을 클릭 후 '내 콘텐츠를 볼 수 있는 사람은?' 을 누르신후 활동로그 보기를 누릅니다. 혹은 활동 로그 보기가 바로 없을수도 있는대요. 팝업창 맨아래쪽의 설정 더 보기를 누르시면 아래와 같이 활동 로그 보기를 찾으실 수 있습니다. 2. 이제 왼쪽 메뉴에서 '더 보기'를 누르시면 '친구' 관련 기록만 보실수 있습니다. 이곳에서 실수로 친구 신청을 누르신 분의 계정으로 들어 가서 취소하여 주시면 됩니다. 실수로 친구로 건 분을 찾아 들어가 "친구 요청 취소"를 해주시면 됩니다. ..
jQuery 는 매우 사용하기 쉬운 인터페이스를 제공하면서 관련 플러그인 역시 만들기 쉽게 해놓은 javascript 프레임워크 입니다. 여기서는 간단하게 jQuery 의 플러그인을 만들어 보겠습니다. jQuery.fn.myPlugin = function() { // 플러그인 내용이 들어갈 곳 }; 위의 코드는 기초적인 myPlugin 이라는 이름으로 만든 플러그인 폼입니다. 하지만 역시 jQuery 에서는 $을 써주는게 더욱 자연스러워 보입니다. 위의 코드는 아래와 같이 수정할 수 있습니다. (function( $ ){ $.fn.myPlugin = function() { }; })( jQuery ); 에서는 바로 jQuery 로 이미 요소를 받아서 $ 으로 처리 하기 때문입니다. 또한 위의 함수에서 만..
0. Google이 Dart를 만들은 이유 효율적인 웹 어플리 케이션을 제작하기 위해서 - Javascript 의 경우 매우 적은 script를 제공함에도 불구하도 동작은 큰 어플 처럼 동작하기 때문에 비효율적이라고 생각하여 만들었다고 합니다. 1. Dart 는? Dart는 Javascript에 비해 빠르고 효율적인 개발과 효과를 낸다고 합니다. 하지만 무조건 Chrome 을 위해서만 만든것이 아니라 다른 브라우저를 위해서 Dart 에서 Javascript 로 변환이 되어 최근에 사용되는 웹에서 작동되도록 만들었다고 합니다. 2. Dart 의 사용 용도 위에서 설명 드린것처럼 Dart는 Javascript의 노가다 성을 조금이라도 줄이고자 만들은 새로운 언어 라고 생각 하시면 됩니다. JQuery 처럼 ..
Ubuntu 에서 간단하게 apt를 이용하여 nginx 와 php를 설치하는 방법입니다.apt 를 이용함으로 기본적으로 root 사용자를 이용합니다. 1. nginx 설치 $apt-get install nginx 설치하셨다면 IP로 http 접속시 아래와 같은 화면을 보실수 있으실것입니다. nginx 의 버전 체크는 $nginx -v 로 확인하실수 있습니다. 2. php-fpm 설치하기 php 역시 빠르게 설치하기위해 apt-get install 을 이용하여 설치해 주도록합니다. $apt-get install php5-fpm 3. nginx 설정 및 php 연동하기 nginx 를 설정하여 php를 연결할 차례 입니다. 아래와 같이 /etc/nginx/sites-available/default 를 열어 수..
- Total
- Today
- Yesterday
- 데이터베이스
- JavaScript
- Developer
- 웹 개발자
- 맥
- Laravel
- cocos2d-x
- 튜토리얼북
- 웹
- 에러
- html
- 설치
- 웹 개발
- it
- ubuntu
- Nodejs
- 게임 개발
- 웹 서버
- Database
- php
- 서버
- 개발자
- 인터넷
- 게임
- Tutorialbook
- 개발
- 우분투
- 서버 개발
- mac
- 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 |