'use strict' const express = require('express') const http = require('http') // class로 express 선언 // http server를 확장 // 매우 중요 ! class ApiServer extends http.Server { // singleton pattern 활용 // constructor를 통해서 클래스를 초기화하는데 // config를 통해 외부의 환경 설정을 읽어 옴 // 한 번만 config로 초기화 함 constructor (config) { // express가 한 번만 생성되어 유일성을 보장받을 수 있음(중요!) const app = express() // super를 사용하여 해당 메소드를 다 사용 가능하게 supe..

먼저 Prototype을 활용한 서버 생성 소스 const http = require('http'); // 서버 생성 const server = http.createServer((req, res) => { // 요청에 대한 결과를 보낼 때 200일 경우 정상 작동 res.statusCode = 200 // 해당하는 데이터로 어떠한 것을 보냈는지 명시적으로 선언 res.setHeader('Content-type', 'text/html'); // html 문서를 리턴한다. // 종료 res.end('Hello World'); }) // 명시적으로 포트를 외부에서 받음 //const port = process.env.PORT // 테스트 화면을 띄우기 위해 임의의 포트 번호 작성 const port = 300..

class 특징 파일을 로드할 때마다가 아닌 한 번만 읽고자 할 때 보통 환경 변수 파일에서 많이 사용함 많은 요청이 와도 클래스는 단 한 번만 생성될 수 있다 클래스 생성 예시 class Robot { //생성자, 파라미터로 초기값을 받음 constructor(name) { this.name = name } speak() { console.log(`${this.name}`); } } const r = new Robot('My name is Mr.Robot'); r.speak(); class extend (클래스 확장) extend 사용하여 클래스를 확장 super() 키워드를 통해 상위 클래스의 생성자를 호출할 수 있다. class Ai extends Robot { constructor(name) { ..

※ 전역 속성(Global Attributes)이란? 모든 HTML 요소에서 공통적으로 사용 가능한 속성을 의미. ▶ class 요소의 별칭을 지정. 공백으로 구분하여 여러 개 부여할 수 있음. CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근. 동일한 명칭이 여러 태그에 여러 번 들어가도 상관 없음. 중복 사용 가능. ▶ id 문서에서 고유한 식별자(idenifier, ID)를 정의. CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근. 고유한 이름을 짓는 ..