ecsimsw

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 ..

Express Framework Express Framework - express framework는 node상에서 서버 제작 시 불편함을 해소하고, 편의 기능을 추가한 웹 서버 프레임워크이다. koa, hapi 등 다른 웹 서버 프레임워크도 존재하지만 가장 많은 사용량을 보이는 것이 express이다. Express-generator - express framework는 express 외에도 여러 많은 패키지를 사용하여 더 쉽게 서버 제작이 가능하다. 입문자 입장에서 필요 패키지를 찾는 것이 어렵고, 어떤 모듈을 써야하는지 모르기 때문에 express-generator라는 패키지 생성기를 찾아 설치하였다. 터미널에서 다음 명령어를 입력으로 Express-generator을 전역 설치한다. npm ins..