🌱1 Day, 1 Commit Wonseok's Record

AJAX란? 로그인 화면을 구현하는데 ajax를 통해 화면을 새로고침하지 않고 데이터를 디스플레이하는 방법을 사용하였다. 예전에 프로젝트를 진행하면서 django 프레임워크를 사용할 때 ajax를 한번 사용했었는데 이번 기회에 개념을 정리하고 알아두면 좋을 것 같았다. Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법이다. 비동기 방식이란? 일반적으로, 프로그램의 코드는 순차적으로 진행된다. 한 번에 한 가지 사건만 발생..

CORS란 node.js와 express를 사용하여 개발을 진행하던 도중 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://~~ 이란 에러를 접하게 되었다. 처음엔 무슨 에러인가 싶었지만 조금 찾아보니 cors정책에 걸려서 그런 것이었다. cors란 특정 헤더를 통해서 브라우저에게 한 출처(origin) 에서 실행되고 있는 웹 애플리케이션이 다른 출처(cross-origin)에 원하는 리소스에 접근할 수 있는 권한이 있는지 없는지를 알려주는 매커니즘이다. Scheme(프로토콜), host(도메인), 포트중 하나라도 다르다면 cross-origin으로 분류되어 http접근에 ..

ejs란? 강의를 통해 node.js를 공부하고 있는데 html 문서를 ejs라는 확장자에 담아 사용하더라. ejs가 뭔지도 모르고 html이랑 비슷한 역할을 하나보다~ 하고 넘어갔었는데 이번 기회에 정리를 해 보려고 한다. ejs는 embedded javascript template의 약자로 (왜 ejt가 아닌 ejs인지는 모르겠다.) node.js에서 사용하는 템플릿 뷰 엔진이다. 가장 큰 특징은 쉬운 문법으로 html내에서 인자로 넘겨받은 변수를 사용할 수 있다는 것인데, 지금 보니 예전에 사용해보았던 Django의 {% ~ %}로 사용되는 Django Template랑 똑같은 기능을 하는 엔진이었다. 일단 사용해본 적이 있으니 이해하기는 쉬울 것 같다. ejs는 기존의 HTML 문법에 를 사용하여..

express.js 란? express.js의 정의는 'Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크'이다. 쉽게 말하면 node.js를 사용해서 어떤 기능을 구현할 때, 이를 쉽게 구현할 수 있도록 해준다는 말이다. express.js는 node.js를 사용하기 위한 클래스와 라이브러리들의 집합으로 구성된다. express.js 설치방법 express.js 를 설치하기 위해선 node.js와 npm init을 통한 npm의 실행이 요구조건이다. 이 상황이 갖추어졌다면 다음의 명령어로 express.js를 설치해보자. npm install express express.js 사용방법 express.js의 공식 홈페이지(http://expressjs.com/)에 접속하면 아주 친절하게 설명되어 ..

npm이란 무엇일까? npm은 Node Packaged Manager의 약자로 node.js로 만들어진 package를 관리해주는 툴이다. node.js에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할을 하며 설치 및 관리를 수행할 수 있는 CLI를 제공한다. npm 설치방법 npm i 명령어를 통해 쉽게 패키지들을 설치할 수 있다. 설치에는 local, global 두 가지 종류가 있는데 디폴트는 local이다. 설치시에 -g옵션을 추가하여 global로 설치할 수 있는데 이는 모든 프로젝트에서 공통 사용이 가능하다. package.json package.json 에는 사용하고 있는 패키지들의 명세가 작성되어 있기 때문에 프로젝트를 다른 사람에게 공유하고 싶다면 package.json을 공..