생활코딩 WEB2

등장배경 - javascript

구글이 크롬 브라우저에서 작동하는 자바스크립트 빨리 하려고 V8엔진 만들고, 이것 기반으로 Node.js 등장? 기본적으로는 HTML 코딩 자동화를 잘 하려는 목적.

수업의 목적

Javascript로 HTML 자동화하자! Template.js만 가지고 여러 웹페이지 동시에 바꿀 수 있다.

  • 사용자가 웹페이지 요청할 때마다 그 페이지를 생성한다.
  • Node.js를 통해 사용자에게 CRUD를 모두 제공한다. data 폴더 안에 실제 내용물.

Node.js 설치

  • hierarchy
    • Node.js Application
    • JavaScript
    • Node.js runtime <- 이걸 설치해야 함
  • codeanywhere: 코딩용 서버, ide 제공

웹서버 만들기

  • 웹서버 만들기 가능. HTML, CSS 파일 등 있으면 자바스크립트 코드 통해.

JavaScript Data Types

  • Number
  • String
  • Boolean

JavaScript 변수

  • var 키워드 없어도 되지만 유효범위 생각하면 기본적으로 사용하는 게 좋다.
  • 예시
var name = 'k8805';
// String literals
var letter = 'Dear '+name+'\n\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '+name+' Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa egoing qui officia deserunt mollit anim id est laborum. '+name;
 
// Template literals
var letter = `Dear ${name}
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ${name} Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ${1+1} Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa egoing qui officia deserunt mollit anim id est laborum. ${name}`;
 
console.log(letter);