불타는 키보드

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

Promise란? Promise는 우리가 콜백헬에서 허우적거릴 상황을 최소한으로 만들어줍니다. 비동기처리의 결과를 보여주는 객체형식이며 Promise의 P는 항상 대문자로, 생성자라는 걸 의미합니다. 콜백헬이 뭔가요? 아래 예시를 보면 쉽게 이해가 가실 겁니다. 예시1 예시2 위와 같은 코드는 프로세스의 성능 저하라는 단점이 있지만, 무엇보다도 본인에게도 해롭고, 코드를 공유할 동료들에게는 100배로 해롭습니다! Promise의 resolve, reject Promise로 새로운 콜백함수를 만든다면 인자는 resolve, reject가 들어옵니다. new Object를 만들던 것과 같이 Promise도 생성자이기 때문에 new Promise라는 문구를 사용합니다. Promise 사용 연습을 위해 아이디 ..

언어/Javascript + Typescript 2020. 7. 10. 03:28

이 문서는 추후 업데이트 예정입니다. 콜 스택(Call Stack) 콜 스택은 프로그램의 진행단계 중 우리의 위치를 나타내는 데이터 구조입니다. 작동되는 순서에 따라 차례대로 콜 스택에 들어가고, 값을 반환하면 콜 스택에서 지워집니다. 자바스크립트는 싱글스레드를 기반으로 하기 때문에 단 한 줄의 콜 스택만이 존재합니다. 콜 스택: 예시1 console.log('one'); console.log('two'); console.log('three'); 순서에 따른 콜 스택의 변화 console.log('one') 콜 스택에 추가 'one' 반환 후 콜 스택에서 삭제 console.log('two') 콜 스택에 추가 'two' 반환 후 콜 스택에서 삭제 console.log('three') 콜 스택에 추가 't..

언어/Javascript + Typescript 2020. 7. 7. 18:59

이 문서는 추후 내용이 추가될 예정입니다. node.js라는 이름에서 알 수 있듯이 node는 javascript와 연관된 언어입니다. node.js 공식 페이지를 한 번 살펴봅시다. Node.js는 Chrome V8 Javascipt 엔진으로 빌드된 Javasciprt 런타임입니다. 이런 문구가 설명으로 적혀있는 걸 볼 수 있습니다. 이 문구를 이해하려면 런타임이 무엇인지 알아야 합니다. 런타임 런타임은 프로그램이 실행되고 있는 때를 말합니다. 즉, 컴퓨터 내에서 프로그램이 기동되면, 그것이 바로 그 프로그램의 런타임입니다. 결론부터 말하자면 런타임은 프로그래밍 언어가 구동되는 곳을 뜻합니다. 즉, Node.js는 자바스크립트가 구동되는 환경이라는 뜻이죠. 원래 자바스크립트는 웹브라우저에서만 동작이 가..

프레임워크+라이브러리/Express 2020. 7. 4. 18:34