0. Google이 Dart를 만들은 이유 효율적인 웹 어플리 케이션을 제작하기 위해서 - Javascript 의 경우 매우 적은 script를 제공함에도 불구하도 동작은 큰 어플 처럼 동작하기 때문에 비효율적이라고 생각하여 만들었다고 합니다. 1. Dart 는? Dart는 Javascript에 비해 빠르고 효율적인 개발과 효과를 낸다고 합니다. 하지만 무조건 Chrome 을 위해서만 만든것이 아니라 다른 브라우저를 위해서 Dart 에서 Javascript 로 변환이 되어 최근에 사용되는 웹에서 작동되도록 만들었다고 합니다. 2. Dart 의 사용 용도 위에서 설명 드린것처럼 Dart는 Javascript의 노가다 성을 조금이라도 줄이고자 만들은 새로운 언어 라고 생각 하시면 됩니다. JQuery 처럼 ..
이 포스트는 https://deok.me/85 로 이전 되었습니다. 요즘은 PDF 를 바로 브라우져로도 볼수 있지만 내장 뷰어로 볼 경우 다운로드를 받지 않고 조금 깔끔하게 볼수 있게 하기위한 스크립트 들입니다. 물론 최근 브라우져들이 자체적으로 PDF뷰어 역할을 너무 잘해주기 때문에 조금 유용하지 않을수도 있지만 더욱 깔끔한 뷰어 기능을 하기 때문에 몇가지 소개시켜 드리겠습니다. 1. PDF.js PDF 로 Javascript 를 이용한 고퀄리티의 뷰어를 만들수 있습니다. 또한 파이어폭스의 플러그인으로도 사용되고 있는 플러그인이라고 합니다.저도 Project에서 적용하여 사용하였 었지만 단점이 있다면 모바일 계열의 브라우져에서 극단적으로 느려 지는 현상이 있습니다. PC에서도 빠른속도를 자랑하지는 않지..
메뉴를 출력하는 방법에는 폰트, 이미지, 레이블 방식이 있습니다. 그리고 버튼의 종류는 일반 버튼과 토글 버튼이 있으며 메뉴의 위치에 대해서 간단히 설명 드리겠습니다. 아래는 대략적인 설명입니다. - 폰트 : 폰트로 메뉴를 생성하는 방식으로 기본적으로 토글시 글씨가 커지는 효과가 있습니다.- 레이블 : 레이블을 이용한 메뉴 생성 방식으로 폰트와 거의똑같다고 볼수 있지만 크기 색상 등을 수정할 수 있습니다.- 이미지 : 이미지를 이용한 메뉴 버튼을 만드는 형식입니다.- Splite: 이미지를 앞에서 배운 Splite 로 로드후 이미지로 만드는 방식입니다.- 토글 : 토글이란 글씨를 클릭 했을 때(클릭 상태) 변화가 일어나는 것을 말합니다. 간단히 말하면 스위치(?) 와 같다고 생각하시면 됩니다.-메뉴 위치..
게임화면에 폰트를 뿌려주는 방법으로 Label 객체를 이용하며 객체는 위치(Point), 앵커포인트 등을 함께 가지며 Label 을 만들수있는 방법들은 아래와 같습니다. SystemFont - 기본 시스템 폰트TTF( True Type Font ) - Windows 에서 사용하는 외부 폰트 이용BMFont - 비트맵 이미지 파일인 *.png 파일과 와 *.png 의 정보를 가진 *.fnt 를 이용하여 폰트를 출력CharMap - BMFont 와 비슷하지만 폰트 정보 파일인 .fnt 를 사용하지 않고 사용자가 파일 정보를 직접 입력하는 방식 이제 시작해 보겠습니다. 1. System Font SystemFont 는 System 의 폰트를 그대로 가져와 사용하는 방식입니다. bool HelloWorld::i..
기본 적으로 알아 두시면 좋은 자료형 및 기본 함수들 입니다. 1. 자료형 여기서 나오는 자료형들은 모두 앞의 예제들에서 한번씩 사용했던 자료형들 입니다. - Point( x, y ) : 포인트 값 그러니까 좌표 값을 의미 합니다.- Size( width, height ) : 가로, 세로 길이를 의미 합니다.- Rect( x, y, width, height ) : 이미지 내부의 x, y 좌표와 좌표로부터의 가로, 세로를 의미 합니다. 위의 자료형들을 이전에 사용하였던 예제와 비교 하여 보자면 bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !Layer::init() ) { return false; } ..
앞의 [Cocos2d-x] 기초 1, 좌표계, 앵커포인트, 스프라이트 에서 알아본 이미지를 가져오는 Sprite 에 관해서 좀 더 자세히 알아보겠습니다. 아래는 이전( Cocos2d-x 기초 1 - 좌표계, 앵커포인트, 스프라이트 )에 사용하였던 간단한 코드 입니다. bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !Layer::init() ) { return false; } auto spr = Sprite::create("money.png",Rect(0, 0, 100, 100));//Rect 로 이미지 자르기 spr->setAnchorPoint(Point(0.5,0.5));//앵커포인터 지정 spr-..
Cocos2d-X 의 기초인 좌표계와 앵커포인트 사용방법입니다. 1. 기본 좌표계 좌표계는 좌하단 (0,0) 이 기준이며 보통의 좌상단이 (0,0) 인 것과 많이 다릅니다. 위의 그림과 같이 Cocos2d-X 의 좌표는 좌측 하단부터 읽는다고 보시면 됩니다. ( OpenGL API 기반으로 만들어졌기때문 ) 간단히 예제로 보면 - Class 폴더의 HelloWorldScene.cpp 를 수정하시면 됩니다. // on "init" you need to initialize your instance bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !Layer::init() ) { return false; }..
프로젝트 생성시 알아야할 기초 적인 부분입니다. ( Cocos2d-x 3.x 기준 ) 1. 기본 프로젝트 폴더 보기 Cocos2d-X 는 크로스플렛폼을 지원하는 2D 게임 엔진이며 프로젝트를 생성 할 경우 아래와 같이 공통으로 사용되는 Classes, Resoures, cocos2d 와 같은 방식으로 폴더가 생성고 각 플렛폼별 프로젝트 폴더가 따로 생성됩니다. 지원 플렛폼은 위에서 보시다 시피Android, IOS, MAC, Linux, Windows, Windows phone 8 or 8.1 을 지원합니다. ( 또한 이 글에는 없지만 Cocos2d-js 를 이용할 경우 웹 플렛폼까지 지원이 가능합니다. ) 2. 프로젝트별 트리 구성 보기 MAC 으르 기준으로한 기본 프로젝트의 트리 입니다. 튜토리얼 에..
Ubuntu 14.04 에 MariaDB 10의 설치 방법입니다. 참고 : MariaDB 10 설치 방법 영분 우선 기본 apt 패키지에는 MariaDB 5.5로 되어 있습니다. 따라서 저장소를 업데이트 해주어야 하는대요. Kaist 의 저장소를 사용합니다. $sudo apt-get install python-software-properties $sudo apt-key adv --recv-keys --keyserver hkp://keyserver.ubuntu.com:80 0xcbcb082a1bb943db $sudo add-apt-repository 'deb http://ftp.kaist.ac.kr/mariadb/repo/10.1/ubuntu lucid main' 이제 apt를 업데이트 후 mariadb ..
Ubuntu 에서 apt의 기본 mysql 버전은 5.5입니다. 따라서 뒤쪽에 5.6만 적어 주시면 됩니다. ^^;; $apt-get update $apt-cache search mysql-server 위와 같이 입력하시면 mysql 5.6 을 발견하실수 있습니다. apt-get install 명령어로 설치해 주시기 바랍니다. $apt-get install mysql-server-5.6 이제 설치 과정에서 Root 비밀번호를 설정하시면 설치는 완료 됩니다. 모두 설치가 완료 되었다면 root 계정으로 접속하여 보도록합니다. $mysql -u root -p 즐거운 하루 되시기 바랍니다.
Mysql 에서 사용와 DB를 생성 후 서로 연결하는 방법입니다. 1. 사용자 생성 mysql> CREATE USER '새로운사용자'@localhost IDENTIFIED BY ‘비밀번호’; mysql> GRANT ALL PRIVILEGES ON *.* TO '새로운사용자'@'localhost'; mysql> FLUSH PRIVILEGES; 2. DB 생성 mysql> create database testdbname; 3. 사용자에게 DB 권한 부여조금 쉬운 방법으로 권한을 주겠습니다. ALL PRIVILEGES - 위에서 보신 권한입니다. 모든 데이터베이스에 대한 권한을 가지게 됩니다.CREATE - 새로운 테이블 또는 데이터베이스를 생성할수 있습니다.DROP -테이블 또는 데이터베이스를 삭제할 수 있..
진행 전 필수* 3306 혹은 설정한 포트가 연결되어 있어야 합니다. Mysql 에 원격으로 접속을 설정하는 방법입니다. 여기서는 기본적으로 root 를 예제로 합니다. 1. Mysql 접속 $ mysql -u root -p 2. 모든 IP 허용 INSERT INTO mysql.user (host,user,password) VALUES ('%','root',password('비밀번호')); GRANT ALL PRIVILEGES ON *.* TO 'root'@'%'; FLUSH PRIVILEGES; 2-1. 특정 IP 대역 허용( 예제는 192.168.8.* 때의 IP를 허용 ) INSERT INTO mysql.user (host,user,password) VALUES ('192.168.8.%','root..
Phonegap 의 프로젝트 생성기능을 이용해서 프로젝트를 생성하는 방법입니다. 1. 프로젝트 생성 $phonegap create 폴더이름 Identifier 프로젝트명 으로 써주시면됩니다. 2. 프로젝트 빌드 Phonegap 은 멀티 플렛폼 솔루션으로 플렛폼별로 프로젝트를 따로 빌드하는 방식을 사용합니다. ( 물론 IOS 를 빌드하기위해서는 XCode, Android 를 빌드하기위해서는 Android SDK, 그리고 Windows Phone를 빌드하기위해서는 WP 관련 개발킷이 필요합니다. ) $ cd 프로젝트폴더이름 $ phonegap build ios | android | wp ( | = 또는 ) 각 프로젝트의 PATH 설정이 모두 되어있다는 가정하에 위와 같이 명령을 실행하시면 프로젝트가 생성됩니..
Phonegap 의 경우 NodeJS 를 기반으로한 페키지로 변한뒤로 OS에 대한 의존성이 사라졌습니다. 대신 NodeJS 를 설치해주셔야 되는대요. 이것은 NodeJS 윈도우에 설치하기 링크를 참고하시기 바랍니다. 또 패키지를 받기위해서 Git 을 설치해 주셔야 되는대요. Git 의 설치는 Windows 에 Git 설치하기 를 참고하시기 바랍니다. 혹은 버전별로 찾아 보시기 바랍니다. 1. Phonegap 설치하기 $npm install -g phonegap 위와 같이 phonegap 이 설치 가 완료 됩니다. 2. Phonegap 버전 체크하기 $phonegap -version 버전이 체크된 모습입니다.
PHP 프레임 워크중 하나인 Laravel 의 설치 방법입니다. 설치 방법에는 여러가지가 있지만 여기서는 pear 을 통한 설치를 해보겠습니다. 예제 환경 Ubuntu Nginx + PHP-FPM (링크 참고) 1. 설치에 필요한 준비물 준비하기 우선 이 예제의 경우 Nginx + PHP-FPM 을 기본으로 합니다. (링크) 일단 pear 의 실행을 위해서 php5-cli, php5-curl, php5-Mcrypt 를 설치 합니다. $apt-get install php5-cli php5-curl php5-Mcrypt 그리고 mcrypt 모드를 적용후 php5-fpm 을 재시작 해주도록 합니다. $sudo php5enmod mcrypt $sudo service php5-fpm restart 2. larav..
Ubuntu 에서 Apache, Mysql, PHP 를 간단하게 셋팅하는 방법입니다. 1. Apache2 설치하기 $ apt-get update $ apt-get install apache2 이제 ip를 학인 후 주소창에 ip를 써주시고 아래와 같은 창을 볼수 있으시면 정상적으로 설치 된것을 의미 합니다. 2. Mysql 설치 및 셋팅하기 $ sudo apt-get install mysql-server libapache2-mod-auth-mysql php5-mysql 혹시 Mysql 관련 보안 설정이 필요 하신분은 아래의 스크립트를 실행하여 보시기 바랍니다. 알아 두셔야 할 점은 기본설치시 아래의 보안 사항들은 거의 기본적으로 적용되어 있습니다. $ sudo mysql_install_db $ sudo /..
Ubuntu 14.04 에 Jetty 9 ( jetty 9.2.1) 을 설치하는 간단한 방법입니다. 기본적으로 root 로 진행하겠습니다. 1. apt 를 이용하여 JAVA 를 설치 합니다. $apt-get install openjdk-7-jdk 2. jetty 를 위해서 java 를 symlink 를 만들어 줍니다. $mkdir /usr/java $ln -s /usr/lib/jvm/java-7-openjdk-amd64 /usr/java/default 3. /opt 로 이동후 jetty 최신버전을 받아 주도록 합니다. $wget "http://eclipse.org/downloads/download.php?file=/jetty/9.2.1.v20140609/dist/jetty-distribution-9.2...
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 를 열어 수..
Ubuntu 에는 OpenJDK 라는 JDK가 이미 존재하지만 Oracle 의 JDK 를 설치하는 방법입니다. 1. apt 에 Oracle JDK 저장소 추가 및 설치하기 $sudo add-apt-repository ppa:webupd8team/java $sudo apt-get update $sudo apt-get install oracle-java8-installer 라이선스 관련 요구사항입니다. 2. 버전 확인하기 이제 제대로 설치 되었느지 확인하기위해 버전을 확인해 보도록 합니다.$javac -version 정상적으로 최신버전의 JDK 가 설치된 모습입니다.
Windows 에서 NodeJS 를 설치하고 테스트 해보겠습니다. 1. NodeJS 를 다운받기URL : http://nodejs.org위의 NodeJS 로 들어가서 Install 을 눌러서 파일을 다운받습니다. 2. 설치 후 테스트 해보기 간단하게 Next 만으로 설치가 가능합니다. 실행하시면 위와 같은 창이 뜨게 됩니다. Next를 눌러 진행하시면 Path 설정까지 알아서 진행됩니다. 이제 시작 -> 검색 -> cmd 를 실행하여 잘 설치 되었는지 버전을 확인해 보도록합니다. Node Version Check : node -vNPM Version Check : npm -v
Synology 을 이용하여 개인 Git 서버를 만들어 보도록 하겠습니다. 1. Synology 에서 git 패키지를 설치하기 바탕화면의 패키지 센터 -> 유틸리티 -> Git Server 를 설치하도록 합니다. 그리고 "설치됨" 으로 이동하여 git 을 활성화 해주시기 바랍니다. 2. SSH 설정 및 사용자 계정 생성 *아래의 과정은 사용자 계정을 SSH 에 이용하여 Git Repository 를 이용하기 위함입니다. Git 을 이용하기 위해서 SSH 를 꼭 활성화 해주시기 바랍니다. 그리고 사용자 계정을 사용자 계정을 "제어판 > 사용자" 에 생성하신 후 "제어판 > 사용자 > 고급" 에서 "사용자 홈 서비스 활성화" 를 체크해 주시기 바랍니다. 이제 계정을 이용하여 SSH 의 /volume1/hom..
간단하게 Windows 에서 Git 을 설치 후 Git 명령어를 이용하여 버전을 표시하는 것 까지 해보겠습니다. 1. Git 다운로드 후 설치 아래의 홈페이지에서 Git을 다운받고 설치 하도록 합니다. 링크 : http://git-scm.com/download/ 그리고 설치를 시작합니다. 설치중 주의 할점은 아래와 같이 PATH 설정 부분인대요. Use Git from Git Bash only : PATH 의 수정 없이 git bash 에서만 git 명령어를 사용합니다. 안전하긴 하지만 git 사용지 불편할 수 있습니다. Use Git from the Windows Command Prompt : PATH 를 수정하여 Git 명령어를 추가 합니다. 추천 드리는 방식 입니다. Use Git and optio..
ipTime NAS 에서 간단하게 SVN 을 만들 수 있습니다. ipTime SVN 서버 우선 ipTime NAS Admin 에 접속하여 폴더/사용자 관리 에서 폴더 및 사용자를 추가해 주시기 바랍니다. 그리고 아래의 사진처럼 서비스관리-> SVN 서버 로 이동하여 Repository Root 를 지정한 후 Repository 에 프로젝트를 추가하시면서 사용하시면 됩니다. 클라이언트 사이드 클라이언트 사이드의 경우 편하신 프로그램을 사용할 수 있습니다. MAC 의 경우 Cornerstone 를 사용하여 프로젝트를 관리할수 있습니다.
Mac 에서 웹 개발자들이 많이 사용하는 Coda 2 의 사이트 정보들을 백업 ( 복사 ) 하는 방법입니다. 1. Coda 사이트 복사하기 Coda 의 사이트 정보들은 모두 /Users/사용자~/Library/Application Support/Coda 2/Sites 에 있습니다. 일단 폴더로 이동하는 방법은 Finder 상태에서 이동 -> 폴더로 이동... 을 눌러 주시고 아래와 같은 창에서 ~/Library/Application Support/Coda 2/Sites 라고 쳐주도록 합니다. ~ 의 의미는 현재 /User/사용자 를 단축하여 표현해 줍니다. 그리고 이동하여 주시면 아래와 같이 사이트 정보들을 보실수 있습니다. 이것들을 복사해 주시고 후에 다른 맥에서 복하사여 사용해 주시면 됩니다. 2. ..
Ubuntu 에서 timezone이 재대로 설정이 되어 있지 않을때 설정하는 방법 입니다. $date 위 명령어는 시간 을 보는 명령어로 아래와 같이 나타나게 됩니다. 이때 시간이 다를 수 있는대요. 이때는 시간의 싱크가 잘못되었거나 timezone이 틀렸을 경우 입니다. 여기서는 timezone을 변경하는 방법을 보겠습니다. 우선 설정된 timezone을 확인합니다. $ more /etc/timezone 뉴욕으로 되어있었내요. 아래의 명령어를 사용해서 timezone을 변경하도록 합니다. $sudo dpkg-reconfigure tzdata 아래와 같은 화면에서 원하시는 국가 의 timezone 을 선택하시면 됩니다. 아래는 Asia->seoul 을 선택한 모습입니다. 이제 다시 시간을 확인해 보도록 ..
- Total
- Today
- Yesterday
- 튜토리얼북
- it
- 서버 개발
- 게임
- 개발자
- 인터넷
- ubuntu
- Database
- 데이터베이스
- 우분투
- 게임 개발
- JavaScript
- 에러
- 개발
- Laravel
- SNS
- cocos2d-x
- 맥
- Developer
- 웹 서버
- 서버
- 웹 개발
- html
- Nodejs
- mac
- 설치
- Tutorialbook
- 웹 개발자
- 웹
- php
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |