const PORT = 8080; const HTML_FILE = './server.html'; const http = require('http'); const fs = require('fs'); const server = http.createServer((req, res) => { fs.readFile(HTML_FILE, (error, data) => { if (error) { throw Error('파일이 없어요'); } res.end(data); }); console.log('HiHi'); }); server.listen(PORT, () => { console.log('8000포트 대기중'); }); 서버에 접속시에 console에 'HiHi'가 띄워진다.

restFront.js function getUser() { // 로딩 시 사용자가 가져오는 함수 var xhr = new XMLHttpRequest(); xhr.onload = function () { if (xhr.status === 200) { var users = JSON.parse(xhr.responseText); var list = document.getElementById('list'); list.innerHTML = ''; Object.keys(users).map(function (key) { var userDiv = document.createElement('div'); var span = document.createElement('span'); span.textContent = user..

app.js - 핵심적인 서버 역할 /bin/www - 서버를 실행하는 스크립트 public 폴더 - 외부(브라우저 등의 클라이언트)에서 접근 가능한 파일들을 모아둔 곳 : ex)이미지, 자바스크립트, css 등 routes 폴더 - 주소별 라우터들을 모아둔 곳. 서버 로직 작성 부분 views 폴더 - 템플릿 파일을 모아둔 곳. 화면 부분 작성 models 폴더 - 데이터베이스 부분 app.set - 해당 메서드를 이용해 익스프레스 앱 설정 app.use - 미들웨어를 설정 express-session npm i express-session < 설치 명령어 인자로 세션에 대한 설정을 받음 resave : 요청이 왔을 때 세션에 수정사항이 생기지 않더라도 세션을 다시 저장할지에 대한 설정 saveUnin..

블로그만들기를 도전하기위해 뒤늦게 책의 초반 예제부터 차근차근 따라가다가 막혔다. 왜..? 예제대로 따라했는데 왜 안될까.. 싶은게 많았다. 이유는 뭐 오타겠지^^!! 역시 오타였고 열심히 오타 수정하고 잘 따라가다가 또 막혔다.. 이번엔 또 왜..? 이번엔 진짜 예제대로 따라했는데..? 보안 오류라고 하는데, 책에는 이런 오류가 발생할 수 있다는게 있지도 않고... 초보들은 어떻게 따라하라고...! 그래서 찾았다 열심히! 정보화시대 최고! @@해결방법@@ 1. PowerShell을 관리자권한으로 실행 윈도우 검색창에 powershell 검색 > 우클릭 > 관리자 권한으로 실행 2. 사진을 보고 순서대로 따라한다! 끝! ExecutionPolicy : 현재 상태 확인 Restricted : 모든 스크립트..

var, const, let 세가지 다 변수를 선언하는 방법이지만, 각각 차이가 있다. var는 함수스코프를 가지기 때문에 함수가 선언된 블록을 나오더라도 함수 안이라면 유효한 변수이다. 하지만 const와 let은 블록스코프를 가지기 때문에 해당된 블록을 빠져나오면 유효하지 않은 변수가 된다. 또한 const는 변수를 수정할 수 없는 반면, let은 변수 값의 수정이 가능하다. `, 백틱 큰 따옴표나 작은 따옴표로 감싸는 기존 문자열과는 달리, ES2015문법에서 생긴 문자열이다. 문자열 안에 변수를 넣는 것도 가능해서 유용하게 쓰인다. var num1 = 1; var num2 = 2; var result = 3; var string1 = num1 + ' 더하기 ' + num2 + '는 \'' + re..

Node.js 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임. 이벤트 기반, 논플로킹 I/O 모델을 사용해 가볍고 효율적. Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈소스 라이브러리 생태계 ☞ 서버 : 네트워크를 통해 클라이언트에 정보와 서비스를 제공하는 컴퓨터 또는 프로그램 클라이언트 : 요청을 보내는 주체 (ex_ 브라우저, 데스크톱 프로그램, 모바일 앱, 다른 서버에 요청으로 보내는 서버 등) 클라이언트가 요청(request)을 보내면, 서버는 그에 따른 응답(response)을 준다. ☞ 런타임 : 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 V8엔진이 사용되기 이전에는 자바스크립트 실행 속도가 좋지 못해 인터넷 브라우저 위에서만 실행할 수 있었으나, 구글이..

프로그레시브 웹 앱, PWA:Progressive Web App 웹의 편리한 접근성과 네이티브 앱의 기능적인 장점 및 사용성을 결합한 차세대 웹 앱. 일반적인 웹 환경의 틀을 벗어나지 않으면서, 서비스 워커를 통해 네이티브 앱에서만 구현할 수 있던 다양한 기능을 제공할 수 있음. 서비스 워커란 웹 워커의 일종으로, 오프라인 환경에서의 웹 페이지 접근과 백그라운드 동기화, 푸시 알림 등 다양한 기능을 제공하는 역할을 하는 PWA의 아주 중요한 핵심 구성 요소. 네이티브 앱, Native App 특정 플랫폼 및 기기에서 실행되도록 개발된 애플리케이션. 대표적인 운영체제로 구글의 안드로이드, 애플의 IOS가 있음. 안드로이드는 주로 Java, Kotlin을 사용하여 개발하고, IOS는 Objective-C, ..

자료형 1. 숫자형 정수 및 부동소수점 숫자를 나타냄. 관련된 연산 중 대표적인 것은 곱셈 * , 나눗셈 / , 덧셈 + , 뺄셈 - 등이 있음. Infinity : 무한대를 의미 ( alert(1/0); 또는 alert(Infinity); ) NaN : 계산 중 에러가 발생함을 의미. 부정확하거나 정의되지 않은 수학 연산시 에러가 발생할 경우 NaN이 반환됨 2. BigInt 2의 53승 보다 큰 값 혹은 - 2의 53승 보다 작은 값을 표현하지 못하는 자바스크립트에서 그 값들을 나타낼 수 있게 해주는 형. 정수 리터럴 끝에 n을 붙여 사용 3. 문자형 큰 따옴표 " , 작은 따옴표 ' , 역 따옴표 또는 백틱 ` 으로 문자열 표현 가능 백틱 사용시에 변수를 따옴표 구분 없이 ${변수명}으로 사용 가능..

script script 태그를 이용해 자바스크립트 프로그램을 HTML문서 어느 곳에나 삽입할 수 있다. ㄴ type 속성 : script type="text/javascript" 타입을 명시하는 속성이며 생략 가능 ㄴ language 속성 : script language="어쩌구" 현재 사용하고 있는 스크립트 언어를 나타냄 ㄴ src 속성 : script src="/폴더1/폴더2/파일명.js" 파일이 위치한 절대경로를 나타내어 파일을 삽입. 같은 폴더 내에 있다면 상대경로로 경로명 없이 파일명만 참조 가능. script 태그는 src 속성과 내부 코드를 동시에 실행되지 않음. 둘 중 한가지만 사용 가능 엄격모드 "user strict" : 코드의 최상단에 위치하여야 엄격모드 실행 가능. 자바스크립트의 ..

자바스크립트로 브라우저에서 할 수 있는 일 페이지에 새로운 HTML을 추가하거나 기존 HTML, 혹은 스타일 수정하기 마우스 클릭이나 포인터의 움직임, 키보드 키 눌림 등과 같은 사용자 행동에 반응하기 네트워크를 통해 원격 서버에 요청을 보내거나, 파일 다운로드, 업로드하기 (AJAX나 COMET과 같은 기술 사용) 쿠키를 가져오거나 설정하기, 사용자에게 질문을 건네거나 메시지 보여주기 클라이언트 측에 데이터 저장하기 ("로컬 스토리지") 자바스크립트로 브라우저에서 할 수 없는 일 웹페이지 내 스크립트는 디스크에 저장된 임의의 파일을 읽거나 쓰고, 복사하거나 실행할 때 제약이 있음 : 운영체제가 지원하는 기능을 브라우저가 직접 쓰지 못하게 막혀있기 때문 브라우저 내 탭과 창은 대개 서로의 정보를 알 수 ..