불타는 키보드

www.w3schools.com/jsref/obj_console.asp Console Object The Console Object Console Object The Console object provides access to the browser's debugging console. Console Object Methods Method Description assert() Writes an error message to the console if the assertion is false clear() Clears the console count() www.w3schools.com 자주 쓰이는 console 명령어 몇가지를 익혀보려 합니다. console.log console.log('야!'); 로그에 ..

언어/Javascript + Typescript 2020. 7. 23. 19:55

쿠키의 다양한 설정 옵션 Session cookies vs Permanent cookies 만일 쿠키를 생성할 때 Expires나 Max-age와 같은 값을 설정하지 않았다면 그 쿠키는 사용자가 인터넷을 종료하면 사라집니다. 이런 쿠키를 Session cookies라 부릅니다. 반대로 Permanent cookies는 사라질 날짜, 시간 등을 정해놓았기 때문에 사용자가 나가도 그대로 유지됩니다. Session cookies와 Permanent cookies 만들기 아래는 part1, part2에서 작성한 코드 내용입니다. const http = require('http'); const fs = require('fs'); const url = require('url'); const qs = require(..

프레임워크+라이브러리/Express 2020. 7. 21. 17:31

복수의 쿠키 등록하기 지난 part 1에서는 사용자의 이름과 생년월일 정보를 받았지만, 쿠키에는 이름만 등록을 했었습니다. 이번에는 생년월일도 쿠키에 등록해보겠습니다. 다수의 쿠키 정보를 등록하려 할 때는 'Set-Cookie' : [] 를 이용해야 합니다. const http = require('http'); const fs = require('fs'); const url = require('url'); const qs = require('querystring'); const server = http.createServer((req, res) => { const {pathname} = url.parse(req.url); const {query} = url.parse(req.url); const {nam..

프레임워크+라이브러리/Express 2020. 7. 21. 15:54

Cookie가 뭐지? Node.js를 이용하여 사용자의 데이터를 받고, 처리하는 작업을 해봅시다. 이를 위해 인터넷 쿠키를 어떻게 쓸 수 있는지도 연습해보겠습니다. 일단 사용자가 서버에 정보를 전달할 수 있도록 태그를 담은 html 파일을 만들어줍니다. server_content.html이라는 이름으로 파일을 생성했습니다. HTML 생성 왕초보자의 웹서버 생성 연습 웹서버와 이용자간에 데이터를 어떻게 교환하는지 node js를 이용해 알아봅시다. 우선 아래에 본인의 이름과 생년월일을 적어주세요. 이름 생년월일 확인 는 데이터가 submit되는 순간 (여기서는 button을 누르는 순간) action 이 가리키는 /user 주소로 사용자를 보내줍니다. 이제 이 html 파일을 읽어줄 js 파일을 작성해봅시..

프레임워크+라이브러리/Express 2020. 7. 20. 16:29

crypto? Node.js 내장 암호화 모듈입니다. 비밀번호를 데이터베이스에 저장하기 위해서는 암호화 과정을 필수로 거쳐야 합니다. 아래는 공식사이트에서의 crypto 설명란입니다. https://nodejs.org/api/crypto.html#crypto_cryptonodejs.org/api/crypto.html 해시 생성(단방향 암호화) 해시를 생성하는 방법으로 암호작업을 하면, 결과값을 원래의 비밀번호로 복구시키지 못합니다. 즉, 복호화가 되지 않는다는 점이 특징입니다. .createHash(algorithm:string, options) createHash()는 말그대로 해시를 생성합니다. createHash()에는 해싱 알고리즘이 매개 변수로 들어옵니다. 'sha256', 'sha512' 등이..

프레임워크+라이브러리/Express 2020. 7. 17. 12:52

모듈화된 파일을 어떻게 만들고, 어떻게 불러오는지 알아보겠습니다. syntaxPractice.js 의 내용 (모듈이 될 파일) const continent = 'Asia'; const country = 'South Korea'; const city = 'Seoul'; module.exports = { continent, country, city } //or const myHomeTown = () => { return `I live in ${city}, ${country}, ${continent}` }; module.exports = myHomeTown; syntaxPractice2.js의 내용(모듈을 불러올 파일) const {continent, country, city} = require('./synt..

프레임워크+라이브러리/Express 2020. 7. 15. 23:53

일반 함수 function A1(){ return setTimeout(() => console.log('Hello World'), 1000); }; A1(); 프로미스 function A2() { return new Promise((res, rej) => res('Hello World2')); }; A2() .then((say) => setTimeout(() => console.log(say), 2000)); async async function A3() {return 'Hello World3'}; A3() .then((say) => setTimeout(() => console.log(say), 3000)); await 연습용으로, 시간을 물어보고 대답하는 함수를 만들어보았습니다. 우선 시간을 얼마나 지..

언어/Javascript + Typescript 2020. 7. 15. 19:22

Promise 의 상태 1. pending - 작업이 수행중, 즉 작업을 끝마치지 않은 상태 2. fulfilled - 작업을 성공적으로 마친 상태 3. rejected - 작업에 오류가 발생한 상태 Producer, Consumer Producer(resolve, reject) 원하는 기능을 수행하여 데이터를 생성합니다. const promise = new Promise((resolve, reject) => { resolve('successful message'); reject(new Error('failed message')); }) Comsumer(then, catch, finally) 데이터를 요구, 사용합니다. promise.then((value) => { console.log(value); }..

언어/Javascript + Typescript 2020. 7. 14. 21:33