분류 전체보기 (72) 썸네일형 리스트형 Node.js - pathname & App - Not found 오류 구현(response 코드 설정) // main.js var url = require('url'); var app = http.createServer(function(request,response){ var _url = request.url; var pathname = url.parse(_url, true).pathname; console.log(pathname); }); app.listen(3000); 위의 이미지에서는 url.parse(_url, true).pathname 은 /main 이다. (port 뒤에 있는 /부터 ?전까지) // main.js var http = require('http'); var fs = require('fs'); var url = require('url'); var app = http.createServ.. Node.js - 콘솔에서의 입력값 // conditional.js var args = process.argv;//[node.js runtime 위치, 현재실행한 파일 위치, 파라미터1, 파라미터2, ...] console.log(args.slice(2));// 배열의 2번지부터 끝까지 자름. 콘솔창에 node.js를 실행하면서 같이 파라미터를 쓴다. node syntax/conditional.js param1 param2 param3 param4 결과 [param1, param2, param3, param4] 출처 opentutorials.org/course/3332/21062 Node.js - 파일 읽기 & App - 동적인 웹페이지 만들기 // readfile.js var fs = require('fs'); fs.readFile('sample.txt', 'utf8', function(err, data){ console.log(data); }); readfile.js와 sample.txt 가 있는 디렉토리에서 node.js 실행해야함. 출처 opentutorials.org/course/3332/21048 // main.js var http = require('http'); var fs = require('fs'); var url = require('url'); var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.pa.. Node.js - URL로 입력된 값 사용하기 프로토콜 : 통신방식 포트 : http로 접속하는 것은 web서버로 접속하는 것. 기본포트는 80. var url = require('url');//url은 node.js의 모듈 var app = http.createServer(function(request,response){ var _url = request.url; var queryData = url.parse(_url, true).query; var title = queryData.id; . . . }); queryData는 객체 형태. { id : HTML } * url.parse() 는 deprecate되었다고함. -> _url.searchParams.get('id'); 대신 사용 가능 출처 opentutorials.org/course/3332.. Node.js 시작 // main.js var http = require('http'); var fs = require('fs'); var app = http.createServer(function(request,response){ var url = request.url; if(request.url == '/'){ url = '/index.html'; } if(request.url == '/favicon.ico'){ response.writeHead(404); response.end(); return; } response.writeHead(200); response.end(fs.readFileSync(__dirname + url)); }); app.listen(3000); 1. 콘솔창에서 프로젝트가 있는 폴더로 디렉토리 이.. HTML <canvas> 태그 - 초록색 사각형 그리기 1. html 2. java script const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); ctx.fillStyle = 'green'; ctx.fillRect(10, 10, 150, 100); 출처 developer.mozilla.org/ko/docs/Web/HTML/Element/canvas developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Looping_code 스크립트의 로딩 방법 ( 내부 & 외부 자바스크립트 / async & defer ) 작성된 스크립트를 브라우저가 적절한 때에 로딩하는 것에 대해 몇가지 이슈가 있음. HTML Document의 body가 해석되기 전인 head 부분에 로드되고 실행되는 것은 에러를 일으킬 수 있음. 해결방법 1 내부 자바 스크립트 예제 : "DOMContentLoad" 이벤트 사용. "DOMContentLoad" 이벤트는 브라우저가 완전히 로드되고 해석될때 발생된다. document.addEventListener("DOMContentLoaded", function() { ... }); 해결방법 2 외부 자바 스크립트 예제 : async 속성 사용 (외부 스크립트에서만 동작) 일반적으로 HTML요소를 로딩하는 중 태그를 만나면 JavaScript의 내용이 모두 다운될 때까지 HTML로딩은 멈추게 되는데, .. [Spring/mybatis] null check /*String*/ /*ArrayList*/ 이전 1 ··· 5 6 7 8 9 다음
