가카리의 공부방

쿼리스트링 없이 URL를 사용하는것을 시맨틱 URL 이라 한다. Sementic 방법은 req.query가 아닌 req.params를 써야한다. req.params.name 이면 라우터 부분을 /topic/:name으로 되야 한다. 실행 화면 출처 : 생활코딩 (https://opentutorials.org/course/2136)

왼쪽화면을 오른쪽의 소스로 만들수 있는 것이 템플릿 엔진이다. (즉 for문 사용가능) 이제 jade가 pug으로 이름이 바뀜 var express = require('express'); var app = express(); app.locals.pretty = true;//jade에서 자동 줄바꿈해줌 //view engine은 템플릿 엔진이라는 의미 jade와 express를 연결하는 코드임 app.set('view engine', 'jade'); app.set('views', './views');//views라는 폴더를 만들고 jade파일을 여기에 넣어야함 app.use(express.static('public'));//public 폴더를 정적으로 변환 //템플릿 엔진을 쓰면 send가 아닌 rende..

1. 정적인 파일은 내용을 변경하면 바로 반영된다. 2. 동적인 파일은 내용을 변경하면 서버를 껐다가 다시 켜야 한다. 하지만 동적으로 하면 for문을 써서 쉽게 반복되는 구문을 만들 수 있다. app.js var express = require('express'); var app = express(); app.use(express.static('public'));//public 폴더를 정적으로 변환 app.get('/', function(req, res){//'/'은 홈으로 접속한 것을 의미 res.send('Hello world'); });//사용자가 GET방식으로 웹서버에 접속할 때 app.get('/dynamic', function(req, res){ var lis = ''; for(var i=0..

Express프레임워크-정적 파일을 서비스하는 법 정적인 파일은 변하지 않는 것 다음 라인을 추가하면 정적인 서비스가 된다. public은 디렉터리 명 public이란 디렉터리를 정적인 파일로 하겠다. 다음과 같이 추가 후 var express = require('express'); var app = express(); app.use(express.static('public'));//public 폴더를 정적으로 변환 app.get('/', function(req, res){//'/'은 홈으로 접속한 것을 의미 res.send('Hello world'); });//사용자가 GET방식으로 웹서버에 접속할 때 app.get('/login', function(req, res){ res.send('login pa..

Express 프레임워크 도입 튜토리얼 페이지의 hello.js 예제를 다시 한번 풀어보면 다음과 같다. const http = require('http');//http 모듈 사용 const hostname = '127.0.0.1'; const port = 3000; //함수 호출함 const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n'); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${por..

동기와 비동기 프로그래밍 node.js 문서를 보면 위는 비동기 버전이고 위는 동기 버전이다. 예제 asyncsync.js var fs = require('fs'); console.log(1); //sync var data = fs.readFileSync('./data.txt', {encoding:'utf8'}); console.log(data); console.log(2); //async var data1 = fs.readFile('./data.txt', {encoding:'utf8'}, function(err, data){ console.log(3); console.log(data); }); console.log(4); 실행 결과 1 2 3 4 가 순차적으로 실행되는 것이 아닌 1 2 4 3 으로 실..

모듈과 NPM(Node Package Manager)이란? const http = require('http');//http가 모듈임 var o = require('os');//os가 모듈임 console.log(o.platform()); underscore 모듈 설치시(cmd창은 항상 관리자모드로 실행 필요) npm init 를 치고 entry point 는 이 패키지의 첫번째 실행하는 js 파일 test command : TDD 시 테스트 명령어 git repository : 깃의 저장소 주소 실행 후 package.json 파일이 생성된다. 이것을 이용해서 다른 사람들이 이 패키지를 설치할 수 있게 된다. npm install underscore를 치면 node_modules 폴더가 생긴다. npm ..

생활코딩 jQuery 강의의 강의노트입니다(https://opentutorials.org/course/53) HTML CSS javascript jQuery PHP mysql jQuery HTML CSS javascript jQuery PHP mysql test2 test 예제 2. jQuery( element ) 기본 HTML CSS javascript jQuery PHP MYSQL HTML CSS javascript jQuery PHP MYSQL - id 선택자 /> - class 선택자 /> - 엘리먼트 선택자 /> - 다중 선택자 /> filter HTML CSS javascript PHP MYSQL HTML CSS javascript PHP MYSQL - 인자와 인덱스가 동일한 엘리먼트를 찾아내..

Eclipse EE에서 JSP 프로젝트를 복사하고 실행하려고 하면 아래와 같이 "Multiple Context have a path..."라는 에러가 나타나는 경우가 있습니다. 이는 프로젝트를 복사하는 과정에서 프로젝트와 웹 상의 경로를 연결해 주는 server.xml 파일이 정상적으로 갱신되지 않기 때문에 발생되는 현상입니다. 문제를 해결하기 위해서 Package Explorer에서 Server > Tomcat ... > server.xml 파일을 열어야 합니다. 파일을 연 후에는 화면 하단부에서 "source" 탭으로 이동하세요. 코드가 매우 어지러우니 Ctrl+Shift+F를 눌러서 줄 맞춤을 하시는 것이 좋겠습니다. 위의 화면에서 눈여겨 볼 부분은 docBase의 값과 path라는 값으로 각각 다..

아무리 Path 부분을 수정해도 서버 실행하면 인식을 못하고 참 답답합니다. 원칙상 path 부분만 여지껏 수정해왔었는데, Dynamic Web Project 에서는 path를 수정하더라도 이클립스를 다시 실행하면 제대로 경로를 못인식합니다. 1. 프로젝트 선택 후 우클릭 -> properties 클릭 2. Web Project Settings 선택 -> Context Root를 지우고 Apply 이렇게 하고 서버를 다시 키면 제대로 path 가 인식한 상태가 됩니다. PS. 애초에 만들때 부터 확실하게 대충 이름 정해주고 FINISH 로 끝내지 말고 NEXT.. NEXT.. 하면서 최종적으로 경로부터 자바, 톰캣 기타등등의 셋팅을 완료시켜두면 저런 문제는 안생길거 같습니다. ^-^; 출처 : http:..