목록전체 글 (202)
wrkbrs
이 포스트에서 사용한 코드는 ES2015의 문법을 다소 사용하고 있으므로 가급적 Node.js v4(LTS) 이상의 버전을 권장한다. Node.js는 대개 MongoDB + Mongoose 조합과 함께 사용하는 경우가 많지만 가끔 RDB의 필요성을 느끼기도 한다. 물론 DB에 연결해서 쿼리를 직접 만들어 날려도 되지만, ORM을 사용하면 수 배 이상의 생산성을 가질 수 있을 것이다. Sequelize.js는 Node.js 기반의 ORM(Object-Releational-Mapping)이다. 공식적으로 PostgreSQL, MySQL, MariaDB, SQLite, MS-SQL을 지원한다. Sequelize.js는 npm으로 다음과 같이 쉽게 설치할 수 있다. 1 npm install sequelize S..

개요 HTTP 요청은 기본적으로 Cross-Site HTTP Requests가 가능합니다. 다시 말하면, 태그로 다른 도메인의 이미지 파일을 가져오거나, 태그로 다른 도메인의 CSS를 가져오거나, 로 둘러싸여 있는 스크립트에서 생성된 Cross-Site HTTP Requests는 Same Origin Policy를 적용 받기 때문에 Cross-Site HTTP Requests가 불가능합니다. 즉, 프로토콜, 호스트명, 포트가 같아야만 요청이 가능합니다. AJAX가 널리 사용되면서 로 둘러싸여 있는 스크립트에서 생성되는 XMLHttpRequest에 대해서도 Cross-Site HTTP Requests가 가능해야 한다는 요구가 늘어나자 W3C에서 CORS라는 이름의 권고안이 나오게 되었습니다. CORS 요청..
express를 사용하면 보통 아래와 같이 시작을 한다. const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({extended: true}); ... 보통 body-parser를 설명할때 'request.body에 있는 데이터에 접근하기 위해 사용한다' 라고 간략히 설명을 한다. 그럼 아래와 같은 질문을 할수있다. 1. 그럼 bodyParser.json()은 정확히 뭘 하는거고, 2. bodyParser.urlencoded()는 뭘하는거고, 3. extended: false..
https://redux-advanced.vlpt.us/
https://github.com/reactkr/learn-react-in-korean

안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트에서 비동기적 처리를 진행하는 과정, 방식에 대해서 제가 이해한 부분을 이야기 해 볼까 합니다. * Phlilp Roberts의 What the heck is the event loop anyway? 영상을 참고 했습니다. Phlilp Roberts : What the heck is the event loop anyway? | JSConf EU 2014 https://www.youtube.com/watch?v=8aGhZQkoFbQ 자바스크립트는 내부적으로 stack, webapis, task queue, event loop 를 가지고 있습니다. stack 은 코드를 실행하는 작업장으로, 해당 작업은 스코프 단위로 수행합니다. wepapis 는 ..

들어가기 전에 이 포스팅은 자바스크립트 개발자라면 알아야 할 33가지 개념을 번역한 것입니다. (https://github.com/leonardomso/33-js-concepts, https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions-tasks-event-loop-call-stack-more-part-1-5683dea1f5ec) 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original source of this posting is from https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions..

이번 포스트는React Router 에 대해 공부를 하던 도중, 서버사이드 렌더링, 클라이언트 사이트 렌더링, SPA에 대한 공부가 필요하다고 생각하여 쓰는 포스팅입니다. 렌더링 - 어떠한 웹 페이지 접속시, 그 페이지를 화면에 그려주는 것. 전통적인 방식에서의 웹페이지 구동 방식 요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식입니다. 마치 필요한 물건이 있을때마다 사러 가는것과 비슷합니다. 이때 , View가 어떻게 보여질지 또한 서버에서 해석하여 보내주는데, 이러한 방식을 서버사이드렌더링 방식이라고 합니다. -> 서버 측에서 HTML&View을 생성하여 응답하는 방법 하지만 기술의 발전으로 웹에서 제공되는 정보량이 많아지고, 여러 문제점이 발견되면서 전통적인 방식의 웹페이..
자바 스크립트 파일 저장 (8) 그래 ./ 현재있는 디렉토리를 의미합니다. https://code-examples.net 나는 알고있다. ../ 길은 올라간다. 그러나 의미는 정확히 / 의미한다? 나는 최근에 튜토리얼을 훑어 보았고 같은 위치에있는 파일을 가리키는 것처럼 보였으므로 전혀 필요하지 않습니까? 그게 전부라면 그걸 사용해서는 안 될까요? 다음 목록을 빠른 참조로 사용할 수 있습니다. / = Root directory . = This location .. = Up a directory ./ = Current directory ../ = Parent of current directory ../../ = Two directories backwards 유용한 문서 : https://css-tricks..

(안내) 호이스팅의 원리에 대한 글을 추가로 포스팅했습니다. (19.10.13) 자바스크립트의 변수는 다른 언어들과 조금 다르게 동작합니다. 이는 때때로 개발자로 하여금 의도하지 않은 결과를 발생시키기도 합니다. es2015 이후로 let이나 const를 사용하여 예방할 수 있지만 Closure같은 문법들의 효용성을 이해하기 위해서 고전 자바스크립트가 가졌던 특징을 다지고 가는것이 좋겠습니다. var 변수의 의도치 않은 현상 잠시 아래 코드를 보겠습니다. if(true){ var name = 'yuddomack'; } console.log(name); for(var i=0; i