Phot_o_matic Programming

nodejs 기반의 서버 구축을 할 때, express 모듈을 사용하면 간편하고 쉽게 서버를 다룰 수 있다. 특히 express 사용은, 미들웨어와 라우터 처리가 용이하여 장점을 가진다. middleware 이름 그대로 중간에서 무엇인가를 처리해주는 녀석이다 https://expressjs.com/ko/guide/using-middleware.html req, res object, 그리고 앱의 요청-응답 주기 중 그 다음의 미들웨어 함수에 대한 액세스 권한을 갖는 함수이다. 특정 미들웨어의 다음 미들웨어 함수는 일반적으로 next라는 이름의 변수로 표시된다. **미들웨어 함수는 다음의 태스크를 수행할 수 있다. 모든 코드의 실행 요청(req) 및 응답(res) 객체에 대한 변경을 실행 요청-응답 주기를 ..

Programming/Concept 2019. 6. 20. 21:21

https://docs.google.com/forms/d/e/1FAIpQLSe2p-e_12o3HNRzxOpVkBmyefMbuHZhUe98JuxZyFhQFkVwdQ/viewscore?viewscore=AE0zAgBKfjvla3shvsF77D6axucmqc1gp94baP34I-LQk4TqeIqF8izVUhByTh2moS-f56g Checkpoints 12 - Chatterbox Server docs.google.com require 하는 module은 exports라고 하는 객체의 값을 참조하여 바라보도록 하는 것이다. 따라서, 같은 module을 require하면 같은 주소값을 바라보는 것이 되므로, mod1과 mod2를 비교하면 같은 것이 된다. 왜 한번만 찍히지!!!!??? require를 실행하면 m..

Programming/Concept 2019. 6. 19. 19:41

프론트엔드 개발자를 위한 문서를 작성 할 수 있다. Learn how to write API docs for frontend developer HTTP server 를 켜기 위해 NodeJS를 사용할 수 있다. Learn how to use NodeJS to start an HTTP server 웹 브라우저를 이 용해 서버와 통신할 수 있도록 연결할 수 있다. Know how to connect the server with a web browser export와 require 를 사용할 줄 안다. Learn how to use export and require package.json에 있는 scripts의 의미를 알고 사용 할 수 있다. Know what is scripts in package.json ..

Programming/Concept 2019. 6. 18. 13:45

Ajax는 불필요한 리소스 전달을 최소화하여, 클라이언트 및 서버 간의 작업 속도를 최소화시켜주는 기술 중 하나이다. 수 많은 방법이 있겠지만, 이번에는 Fetch API를 사용하여 구현을 해 보았다. //보내고자 하는 메시지의 형태 var message = { username: 'sangwookim', text: 'hello!', roomname: 'IM13' }; const serverURL = 'http://52.78.213.9:3000/messages' //연결하여 사용할 서버 url window.fetch(serverURL, { method: 'POST', body: JSON.stringify(message), headers: { "Content-Type": "application/json", ..

Programming/Concept 2019. 6. 10. 20:11

기존의 ES5와는 달리, ES6에서 subclassing을 하는 방법을 알아본다. class Human { //function으로 생성자 함수를 만들지 않고, class 라는 명령어로 만든다. constructor(x,y) { //class 명령어로 생성될 것의 property를 지정해준다. this.x = x; this.y = y; } move(){ //prototype이 지닐 method를 생성해준다. this.x++; this.y++; } } class rumee extends Human { // extends를 통하여 Human이 가진 prototype 객체를 복사 붙여넣기 해준다. constructor는 rumee로 유지된다. constructor(x,y) { super(x,y) //super를..

Programming/Concept 2019. 6. 9. 18:22

주요 키워드 client server browser http API database ajax Client 단어 뜻 그대로 고객, 소비자, 손님과 같은 개념이다. 서버에게 무언가(데이터)를 요청하는 주체. 식당에 온 손님. Browser 클라이언트가 서버에 요청해서 받은 데이터를 처리하여 보여주는 것. 식당. Server client가 요청한 자원(ressource) 혹은 데이터를 찾아서 client에게 전달해주는 것. 손님이 주문한 메뉴가 뭔지 확인해서 주방(database)으로 가 가져온다. Database 자원, 데이터를 저장하고 있는 창고. 서버는 클라이언트로부터 요청받는 자원을 데이터베이스에서 찾아본 뒤 해당 자원이 있으면 다시 클라이언트에게 전달해준다. server가 얘기해 준 메뉴를 가져와 s..

Programming/Concept 2019. 6. 8. 13:45

Object.create()를 이용한 pseudoclassical inheritance function Shape() { this.x = 0; this.y = 0; } //superclass method Shape.prototype.move = function () { this.x += x; this.y += y; console.log('this shape is moved!'); } function Rectangle() { Shpae.call(this); } Rectangle.prototype = Object.create(Shape.prototype); Rectangle.prototype.constructor = Rectangle; Rectangle.prototype.move = function () {..

Programming/Concept 2019. 6. 4. 14:38

Primitive type data의 선언 - setTimeOut 함수 실행 타이밍 function foo () { var data = 10; bar(function (players) { data = players; }); return data; } function bar (callback) { callback(20); } var result = foo(); // result === 20; callback 함수를 실행하면서 data라는 전역변수 값을 20으로 바꿔준다. function foo () { var data = 10; bar(function (players) { data = players; }); return data; } function bar (callback) { setTimeout(fun..

Programming/Concept 2019. 6. 3. 20:57