T3ch

Node.js와 Vue (물론 기본적인 html도 가능합니다) 를 이용하여 서버단에 있는 파일을 다운로드하는 코드샘플입니다. 기본적인 express 서버를 띄우는 설정이나 실행환경 셋팅은 제외하였습니다. [router.js] 1 2 3 4 5 const util = require('./util.js') router.get('/download',(req, res, next)=>{ util.download(req, res) }) Colored by Color Scripter cs 일단 기본적인 라우터 셋팅입니다. 단순하게 /download 라는 라우터로 진입했을 때 util.js 파일에 있는 download 함수를 실행시켜주는 코드입니다. [util.js] 1 2 3 4 5 6 7 8 9 10 11 expo..

글의 제목을 session으로 하였는데 session은 쿠키에서 약간 변형된? 혹은 개선된 방법 중 하나입니다. 쿠키와 세션에 대해 쓰는 이유와 간단한 소개를 하겠습니다. - 쿠키와 세션을 쓰는 이유는? : Http 프로토콜의 특징 중 하나인 비연결성(connectionless)과 상태를 유지하지않는(stateless) 특징 때문입니다. 쿠키와 세션을 사용했을 경우, 한 번 로그인을 하면 어떠한 방식에 의해서 그 사용자에 대한 인증을 유지하게 됩니다. 쇼핑몰 카트 기능같은 경우 장바구니 정보를 계속해서 지니고 있어야 하기 때문에 사용자 브라우저에 이러한 정보를 저장하고 있어야 하죠. ** 쿠키 ** 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를통해 인터넷 사용자의 컴퓨터..

node js 공부를 하면서 초반에 sementic url의 형태를 공부해보았습니다.(http://bubobubo003.tistory.com/21?category=779547) 코딩을 항상 라우터 방식(?) 으로만 하다보니 app.js파일에라우터는 기하급수적으로 늘어나고 연관이 있는 페이지를 하나하나 라우터를 다 만드는건 좀 아니라고 생각이 들어서 시멘틱 url을 이용하여 웹페이지에 적용을 해보았습니다. 이런 상황을 가정해보겠습니다. 이런 게시판이 있는데(물론 이렇게 허접한 게시판은 없겠지만..) 해당 작성글로 들어갔을 때 url을 라우터로 하나하나 다 작성하려면게시글의 개수만큼 app.get()을 통해서 할 수는 없을 것입니다. 그래서 현재 commuity라는 첫번째 url 뒤로 '규칙성이 있는 문자나..

Node js 공식 홈페이지에 들어가면 About 탭에서 Node.js의 대해서 라는 설명이 짤막하게 나옵니다. Node.js®에 대해서비동기 이벤트 주도 JavaScript 런타임으로써 Node는 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계되었습니다. 다음 "hello world" 예제는 다수의 연결을 동시에 처리할 수 있습니다. 각 연결에서 콜백이 실행되는데 실행할 작업이 없다면 Node는 대기합니다. 여기서 중요한 단어 두 가지가 나오게 되는데 하나는 비동기 다른 하나는 콜백이라는 단어입니다.비동기라는 말은 코드가 작성된 순서 그대로 실행되는 것이 아니라 하나의 작업이 다 끝나지 않아도 그건 그대로 계속 작업하게 내버려두고 다음 작업을 바로 시작한다는 뜻입니다. 그런데 이러한 특징은 장..

이미지 URL만을 가지고 fs모듈을 통해 이미지파일을 다운로드하는 코드 형식입니다. 123456789101112var fs = require('fs');var exec = require('child_process').exec;var request = require('request'); function downloadFunction(path,url,filename,res,callback) { request.head(url,function(err,res,body){ console.log('content-type:',res.headers['content-type']); console.log('content-length:',res.headers['content-length']); request(url).pipe..

Node 는 기본적으로 비동기식으로 작동을 합니다. 즉 1 2 3 4 5 순서로 코딩을 했어도 반드시 1 2 3 4 5 의 순서로 실행을 하진 않는 다는 얘기입니다. 서버쪽에서는 비동기식으로 작동하는 것이 더 효율적인 상황이 많지만 반드시 순차적으로 작동해야할 프로세스도 있기 마련입니다. 제가 작업했던 과정 중 그러한 과정이 있어서 async라는 모듈에서 waterfall을 사용한 경험 및 코드를 써보고자 합니다. 일단 제 과정은 이렇습니다. 웹 상에서 컴파일이 가능한 에디터를 구현하였는데 과정을 보시면 아시겠지만 작성되지도 않은 파일을 컴파일 할 수도 없을 것이고 컴파일이 안된 파일을 실행하는 것도 당연히 불가능 할 것입니다. 그래서 위와 같은 과정은 동기적으로 이루어져야하는 과정이기 때문에 그냥 순차..

아직 프로젝트에 이용하게 될지는 모르겠지만 웹 기술을 거의 모르는 상태에서 시작한터라 시간이 엄청 걸렸네요 ㅠ 일단 제가 구현한 결과물은 이렇습니다 딱보면 알겠지만 웹사이트 상에서 C 코드를 입력하고 버튼을 누르면 컴파일 된 결과를 출력해주는 것입니다. 기본적으로 필요한 파일은 html 형태를 가지고 있는 파일과 html 에서 입력한 값을 처리할 서버가 필요합니다.참고로 서버에는 gcc 컴파일러가 설치되어있어야합니다. 웹상에서 컴파일 된다기보다는 내 컴퓨터(서버)에서 컴파일 하고 나온 결과 값을 다시 클라이언트에게 넘겨주는 형태이기 때문입니다. 저는 클라이언트 부분을 pug 템플릿 엔진으로 작성한터라 기본 html 문법을 사용하는 것과는 모양이 좀 다릅니다.컴파일 되는 기능만을 중점적으로 하기위해 부트스..