목록 Framework (44)
Get / Post - 지난 포스팅에 node.js에서 filestream을 사용하는 방법을 공부하였고 예제로 파일 목록을 확인하고 내용을 읽는 게시판을 만들어보았다. 지난 포스팅에 이어 파일 생성을 구현하기에 앞서 HTTP 프로토콜에서 서버에 요청을 위한 두 방식을 비교하고 공부한다. Get 방식과 Post 방식 - 소포의 의미를 갖는 패킷을 따서 네트워크 상의 데이터를 패킷, HTTP 프로토콜에서의 패킷을 HTTP 패킷이라고 한다. HTTP 패킷은 크게 header와 body로 구성되어 있다. header는 요청 방식, 클라이언트 정보, 브라우저 정보, 접속할 url 등의 설정 정보를 담고, body에는 서버에 실제 데이터를 담는다. Get - 지금까지 우리가 써왔던 요청 방식이 바로 get 방식이다..
FileStream / Board filestream - node.js에서 filestream을 사용하는 방법을 공부하였다. 예제로 pug 템플릿을 이용하여 파일을 생성하고 읽는 게시판을 만들어보려고 한다. - filestream을 이용하기 위해 다음처럼 fs 모듈을 require하였다. var fs= require('fs'); read directory - files라는 폴더 안에 들어있는 데이터 목록을 가져오기 위해 readdir 메소드를 이용했고, 콘솔로 출력하므로써 파일 목록을 배열로 가져온다는 것을 확인하였다. "board.js" app.get('/board',function(req,res){ fs.readdir('./files',function(err, FileList){ console.log..
Game Object Game object is.. - Game object는 캐릭터, 아이템, 광원, 카메라, 특수 효과 등 게임에 존재하는 모든 오브젝트이다. 하지만 게임 오브젝트 자체로는 컨테이너에 불과하고 기능을 위해선 관련 components를 추가해야한다. Components - component는 오브젝트를 기능하게 하는 기본 구성 요소이다. 앞서 말했 듯 게임 오브젝트는 단순히 컴포넌트의 컨테이너이고 해당 객체의 기능이나 속성은 컴포넌트에 의해 추가된다. Accessing _ same object - 우선 같은 게임 오브젝트의 컴포넌트를 엑세스하기 위해선 GetComponent 메소드를 사용해야한다. Rigidbody rb = GetComponent(); rb.mass=10f; rb.Add..
Unity Unity Screen Configuration - Hierarchy view : 게임을 구성하는 요소들을 확인할 수 있다. - Scene view : 요소의 배치 상태를 확인하고 변경할 수 있다. - Game view : 게임 화면의 시선을 확인 할 수 있다. - Inspector view : 게임 구성 요소의 속성을 확인할 수 있다. - Projector view : 프로젝트를 구성하는 이미지, prefab, 스크립트 파일 등을 확인 할 수 있다. - Console view : 게임 실행 중의 로그를 확인 할 수 있다.
Serving static files in Express - 이전 포스팅에서 html을 pug 템플릿으로 옮겨 렌더링 하는 법을 공부하였다. 하지만 이렇게 변환한 페이지는 이미지 파일이나 다른 html/css와 같은 파일을 로드 할 수 는 없을 것이다. - 이런 정적 파일을 제공하기 위해선 express의 미들웨어인 static을 사용해야한다. app.use(express.static('public')); - 다음처럼 static 미들웨어에 폴더명(public)을 인자로 넘김으로서 정적파일을 ./public 폴더에서 로드할 수 있게 되는 것이다. http://localhost:3000/images/kitten.jpg http://localhost:3000/css/style.css http://localh..
Template engine / Pug Template Engine - 지금까지 포스팅한 내용으로 HTML을 이용하여 웹 페이지를 만드려고하면 html의 파일을 읽어 정적으로 사용 해야 할것이다. 이런 html 파일에서 변수에따라 출력을 달리하거나 반복을 만드려면 어떻게 해야할까. 아마 JS의 변수나 반복문이 너무나 그리울 것이다. - 템플릿 엔진은 이러한 상황에서 자바스크립트를 사용하여 html을 렌더링 할 수 있게 해준다. 대표적인 템플릿 엔진 PUG(jade)에 대해서 공부해왔다. Pug _ Set - Pug - getting started - 다음을 터미널에서 프로젝트 폴더에 입력하는 것으로 pug 모듈을 설치한다. npm install pug --save - 아래는 초기 설정을 위한 코드이다. ..
Routing Routing - 라우팅은 URI(또는 경로) 및 특정한 HTTP 요청 메소드인 특정 엔드포인트에 대한 클라이언트 요청에 애플리케이션이 응답하는 방법을 결정하는 것을 말한다. (# URI : Uniform Resource Identifier, 자원을 식별하고 위치를 지정해주는 문자열이다. URL과 비교하여 공부 후 포스팅할 계획이다.) - express framework에서 라우트는 아래와 같은 형식으로 정의된다. app.METHOD(PATH, HANDLER) app은 express의 인스턴스, METHOD는 HTTP의 요청 메소드(ex// get, post), PATH는 서버에서의 경로, 마지막으로 HANDLER에는 라우트가 일치할 때 실행될 기능이 위치한다. route method - ..
Middle ware middleware is.. - Express docs에서는 middleware를 다음과 같이 소개한다. " Middleware functions are functions that have access to the request object (req), the response object (res), and the next middleware function in the application’s request-response cycle." 즉, middleware function는 request와 response, 그리고 다음 middle function의 사이에서 요청과 응답을 조작, 처리하고 다음 기능으로 넘기는 역할을 한다. using middleware var express ..