본문 바로가기

development activity/Web Development

[EDITER] Aptana Studio 3 설치 방법 & Error 조치 APTANA STUDIO 3 INSTALL 방법 & ERROR 조치 Aptana Studio 3 설치하기 위해 사이트로 이동합니다. Aptana Studio 3 Download Site 다음과 같은 사이트에서 Mac OS X, 64-Bit 버전이 설정되어 있습니다. Customize Your Download를 클릭해 다음과 같이 선택창을 엽니다. Windows 64-Bit 를 선택해도 위 설정텍스트는 바뀌지 않고 Download 버튼도 작동하지 않습니다. Aptana Studio 3 는 현재 32-Bit를 지원하고 있기 때문입니다. Windows 32-Bit를 선택하면 다음과 같이 위 설정텍스트가 바뀌고 Download 버튼을 클릭하면 다운로드가 시작됩니다. 다운로드 및 컴퓨터에 저장 후 설치 중에 다음.. 더보기
[Node.js] express 모듈만으로 웹 서버 구성 express 모듈만으로 웹 서버 구성 보통의 경우 express를 설치하면 콘솔창에서 express 프로젝트(구성된 디렉토리)를 생성해 view폴더와 router파일 등을 수정하거나 추가해서 웹 서버와 페이지를 구성한다. 간단하게 웹 서버와 페이지를 역할만 구성하려면 다음과 같이 한다. 1. 서버를 만들기 위해 http 모듈을 불러온 후 웹 서버 구성 var http = require("http"); http.createServer(function(req, res) { res.writeHead(200, {'Content-type':'text/plane'}); res.end('Hello world'); console.log('ok'); }).listen(3000); 간단한 웹 서버 구성과 페이지에 간단한.. 더보기
[Phaser] 웹 게임 만들기 | 포켓볼 피하기 게임 Phaser로 웹 게임 만들기 1. Phaser란? 게임 프레임워크로 MIT에서 제공하는 라이센스이며, HTML5로 게임을 만들 수 있도록 지원하는 오픈소스(자바스크립트 모듈)다. 특히 모바일 게임 제작에 강하며, HTML5 게임 엔진에서 순위를 살펴보면 Phaser(페이저)가 얼마나 많이 사용되고, 유지보수가 잘 되고 있는 지 알 수 있다. 2. Editor 선택 제작자가 추천하는 Editor로 Sublime, Basic Studio, IDE 가 있지만, 그 외 이클립스나 아톰 등의 에디터를 사용해도 무방하다. 본인은 Editor를 Atom으로 사용할 것이며, 웹 코딩 외에 별도의 특별한 Editor기능을 사용하지 않기 때문에 어느 Editor든 상관 없다. 3. Phaser 다운로드 Phaser 사이.. 더보기
[Node.js] 클라이언트 요청에 2개 응답 보내는 방법 Client 요청에 Response(응답)을 2개 보내는 방법 기본적으로 한번의 Request(요청)에 한번의 (Response)응답을 할 수 있다. 하지만 다음과 같이 2개의 Response가 필요한 경우, 응답을 2개 보내게 되면 서버측에서 에러가 발생한다. 당연히 request 한번에 response는 한번만 응답할 수 있으므로, 에러가 발생한다. 1번째 방법. 리다이렉트(redirect)를 이용해 다른페이지에서 수행시키자 리다이렉트를 사용해서 하나의 페이지를 더 만들고 그 리다이렉트 된 페이지에서 수행해야 할 일을 하는 것이다. 그러나 이러한 방법을 사용하면 다시 전 페이지로 돌아가기 위한 버튼 하나를 생성 해야되며, 이 외에도 같은 일을 반복하게 되면 index.js에 많은 응답 페이지를 작성해.. 더보기
[Node.js] Express를 설치하여 웹 서버 구축하기 Express를 설치하여 웹 서버 구축하기 1. express 란? Node.js의 확장모듈로 서버 사이드 웹 프레임워크(Server Side Web Framework)로 정의하며, 자바스크립트 코드를 이용해 서버 사이드 작성이 가능합니다. express는 Node.js에서 가장 유명한 웹 프레임워크 모듈로 express를 이용하면더 간단하게 웹 서버를 만들 수 있고, 다양한 템플릿 엔진과 기능들을 사용할 수 있습니다. 2. express 설치 저장하여 실행시키고자 하는 곳에 express를 설치합니다. 저는 D 드라이브에 설치하였습니다. 그런데 여기서 좀 더 편리한 환경을 만들기 위해 보통 'npm install -g express' 하면 자동으로 설치되지만 웹페이지를 jade 형식으로 작성해야 되기 .. 더보기