Slowly, Step by Step

(1) var fs = require('fs'); /* //readFileSync console.log('A'); var result = fs.readFileSync('syntax/sample.txt', 'utf8'); console.log(result); console.log('C'); */ console.log('A'); fs.readFile('syntax/sample.txt', 'utf8', function(err, result){ console.log(result); }); console.log('C'); (2) 파일을 읽은다음에 호출해. Call back .. const { log } = require("console"); function a(){ console.log('A'); } var a ..

25강 JavaScript 함수 function f123(){ console.log(1); console.log(2); console.log(3); console.log(4); } f123(); console.log('A'); console.log('Z'); console.log('B'); f123(); console.log('F'); console.log('C'); console.log('P'); console.log('J'); f123(); console.log('U'); console.log('A'); console.log('Z'); console.log('J'); console.log('I'); f123(); function f123(){ console.log(1); console.log(2); ..

20강 반복문 console.log('A'); console.log('B'); var i = 0; while(i < 2){ console.log('C1'); console.log('C2'); i = i + 1; } console.log('D'); 21강 배열 var arr = ['A','B','C','D']; console.log(arr[1]); console.log(arr[3]); arr[2] = 3; console.log(arr); console.log(arr.length); arr.push('E'); console.log(arr); 22강 배열과 반복문 var number = [1,400,12,34]; var i = 0; var total = 0; while(i < number.length){ to..

기본적인 코드 문법 내용들이다. 14강 Boolean console.log(true); console.log(false); 15강 비교연산자 console.log(1+1); console.log(2); console.log(1==1); console.log(1==11); 16강 제어문 17강 조건문 console.log('A'); console.log('B'); if(true){ console.log('C1'); }else{ console.log('C1'); } console.log('D'); 18강 Node.js 콘솔에서의 입력값 터미널에서 파일을 실행시킬때 파일명 엔터 다음의 값이 process.argv 의 [2]이다 어떻게 실행하느냐에 따라 조건문 출력값을 바꿨다. var args = process..

11강 App 제작 : 동적인 웹페이지 만들기 (1) 동적인 html파일을 main.js 하나의 변수Templete 에 넣는다 var template = ` WEB HTML CSS JavaScript ${title} Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semant..

9강 URL의 이해 1. 다른 URL, 같은 파일요청 클라이언트, 즉 웹브라우저한테 서로다른페이지를 만들어서 주고있다. 2. URL의 형식 이해하기 (1) protocol : 통신규칙 (2) host(domain) : 인터넷에 연결되어있는 컴퓨터 (3) port : 한 대의 컴퓨터안에 여러대의 서버가 있는 경우에, 어떤 서버와 통신할지 구별해주는것 3000번 포트에 main.js 웹서버를 실행시킨 것이다. 80번은 안나온다 디폴트. app.listen(3000); (4) path : 컴퓨터안에 있는 어떤 dir, 파일 (5) query string : ? 가 query의 시작. 값은 &로 구분된다. 웹서버에게 읽고 싶은 정보는 HTML이고 12페이지이다. 10. URL을 통해서 입력된 값 사용하기 목적 ..

6강 JavaScript 문법 - Syntax 6.1 Number Data type 6.2 String 6.1 사칙연산표현법 6.2 문자열 표현법 7강 JavaScript 문법 - Variable 7.1 변수의 형식 7.2 변수의 활용 7.1 7.2 1. 변수 출력. 2. 변수 출력시, 같은 값이 있다면 . 중복이 있다면 이렇게 활용하기 8강 JavaScript 문법 - Template Literal 1. 띄어쓰기 (코드내, 출력문) : // , \n var abc = 'abc'; var letter = 'those ' + abc + '\ \ who believe '+abc+' in '+ abc+' them'; console.log(letter); //코드 내에서 띄어쓰기 var letter = 'tho..

5강 Node.js로 웹서버 만들기 웹 구조 복습 Node.js 웹서버 만들기 실습 웹 구조 복습 1. WEB 브라우저는 주소를 입력해 요청을 한다 2. WEB 서버(아파치, Node.js) 는 요청에 따른 정보를 찾아 응답해준다. -웹 구조 다시 복습해야겠다 맨날 헷갈린다. Node.js 웹서버 만들기 실습 1. 제공되는 html, js 파일 clone했다. 2. Node.js 파일 실행으로 웹서버실행 node main.js 한 뒤, localhost:3000 3. 서버 구동구조 살펴보기 (1) 기존 파일에 이 코드 한줄을 삽입해보았다. console.log(__dirname + url); localHost:3000에서 각 링크를 누를때마다 터미널에서 위치하는 폴더dir + 요청한. 들어가는 링크 이름..

1강 수업소개 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 웹애플리케이션을 만드는 방법에 대한 수업이다. HTML로 웹사이트를 만들려면, 각 링크마다 한 HTML 파일을 만들어야하는데, 이 부분을 한 파일로 제어할 수 있는 것이 Node.js이다. 2강 수업의 목적 www.youtube.com/watch?v=vT51SuzozLc&list=PLuHgQVnccGMA9QQX5wqj6ThK7t2tsGxjm&index=2 HTML의 한계 Node.js 으로 해결 HTML의 한게 1. 각 링크마다의 각 파일이 있는데, 일일이 수정을 해야한다. 1억개의 링크가 있으면, 1억번의 수정이 필요 2. 사용자의 참여가 제한되어, 수정부분을 메일로 받아 수정해야했다. Node.js으로 해결 ..

글 목차 배경 Ajax Ajax란 비동기 통신 장점/ 단점 배경 HTTP프로토콜은 클라이언트쪽에서 Request를 보내고, Server쪽에서 Response를 받으면 이어졌던 연결이 끊기게 되어있다. 그래서 화면의 내용을 갱신하기 위해서는 다시 Request, Response하면서 페이지 전체를 갱신하게 된다. 이 경우 페이지 일부분만 갱신할 경우에도 페이지 전체를 다시 로드해야하는데, 엄청난 자원낭비와 시간낭비를 초래한다. 이때, ajax를 이용하여 html 페이지 전체가 아닌 필요부분 갱신할 수 있도록 XML HttpRequest객체를 통해 서버에 request를 한다. 이 경우, Json이나 xml 형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다. 요즘 웹 페이지의..