자몽아이스티맛의 기술 블로그 자몽아이스티맛의 기술 블로그

Express - HTTP Method GET, POST 데이터 처리이번 시간에는 HTTP Method 중 GET과 POST 방식으로의 데이터를 처리하는 방법을 알아볼 것이다.GET, POST 방식이란 HTTP 통신의 처리 방식인데 클라이언트와 서버간의 HTTP 통신 처리 방식을 의미한다.HTTP 통신 처리 방식은 GET과 POST외에도 PUT, DELETE등이 존재한다.이번 시간에는 GET과 POST방식을 처리하는 방법을 알아볼 것이다. 먼저 처리하는 방법을 들어가기에 앞서 GET과 POST가 어떠한 차이점이 있는지 알아보자. HTTP 통신 Method GET POST 설명 특징 간단한 데이터를 처리하는데 용이쿼리스트링의 길이 제한으로 대용량 데이터를 처리할 수가 없음 대용량 데이터를 처리하는데 용이 ..

Semantic URL이번에는 Semantic URL이란 것을 알아보자.일단 검색엔진에서 Semantic URL을 검색하면 위키피디아 글이 검색될 것이다.이 글을 통해 Semantic URL이 무엇인지 알아보자.https://ko.wikipedia.org/wiki/%EA%B0%84%ED%8E%B8_URL Semantic URL 혹은 Pretty URL, Clean URL, fancy URL등 다양한 이름을 가지고 있고 한국어로는 간편 URL이라고 불리는 것 같다.사용자 친화적, 검색엔진 친화적 URL이라고 하는데 깔끔하지 않은 형식의 URL에 비해 기억하기 쉽고 입력하기가 쉽다는 장점이 있다고 한다.그 아래에는 예시를 보여주고 있는데 깔끔하지 않은 URL이 기존 방식이고 깔끔 URL이 Semantic U..

Express - URL QueryString 처리URL을 통해 전달되는 쿼리스트링 데이터를 처리하는 방법을 알아보자. API 문서Express 사이트에서 API문서를 확인하여 쿼리스트링을 처리하는 방법을 알아볼 것이다.Express 사이트에서 API참조 메뉴를 클릭하여 들어간다. URL 쿼리스트링은 사용자가 서버로 어떠한 요청을 위해 전달하는 데이터이므로 Request 객체를 살펴보아야한다.Request 객체 메뉴를 열어보면 query라는 기능이 존재하는 것을 알 수가 있다. "이 속성은 라우트의 각 쿼리 문자열 매개 변수에 대한 속성을 포함하는 개체이다.쿼리 문자열이 없으면 빈 개체이다."쿼리스트링에 대한 정보를 담고 있는 속성이 request의 query속성이라는 것을 알 수 있다.그 아래에는 쿼리..

Express - 템플릿 엔진 설치이번에는 템플릿 엔진이란 것을 설치해보자.템플릿 엔진이란 HTML 템플릿과 프로그래밍 언어를 서로 결합시키기 위해 필요한 도구인 것 같다.예를 들면 Java의 경우 Class파일과 HTML파일을 연결짓고 필요한 데이터들을 상호 송신하기 위해선 JSP라는 스크립트 언어가 사용된다. 이와 같이 Node.js의 서버 언어와 HTML언어를 연결짓고 필요한 데이터들을 송신시키기 위해 템플릿 엔진을 사용할 수가 있다.아래의 그림을 보자.좌측은 "pug"라는 템플릿 엔진을 이용해서 HTML 템플릿을 생성한 것이다. 기존에 알고 있었던 HTML 문법하고는 다르지만 HTML 템플릿을 생성할 수 있다는 것을 알 수가 있다. 템플릿 엔진 설치하기템플릿 엔진인 pug를 설치해보자.Expres..

Express - 정적파일 서비스이번에는 Express 웹 프레임워크를 통해 *정적인 파일들을 서비스하는 방법을 알아보자.* 정적인 파일들 - 이미지, CSS, js 등 어느 한 공간에 위치하고 있는 자원들 홈페이지 탐색홈페이지 상단의 시작하기에서 정적 파일 메뉴를 선택한다.아래와 같은 페이지로 이동된다. 이미지, CSS 파일, js파일같은 정적 파일을 제공하려면 Express에서 제공하는 미들웨어 함수 "express.static()"을 사용하라고 알려주고 있다.정적 파일이 위치하고 있는 디렉토리의 이름을 "static()"미들웨어 함수의 인자로 전달하면 파일로 직접적인 제공을 할 수 있다고 한다.그리고 그 아래에 미들웨어 함수인 "static()"함수의 사용방법을 보여주고 있고 그에 따른 정적 파일에..

Express - 간단한 웹 애플리케이션 만들기Express 웹 프레임워크를 설치했으니 어떻게 사용하는지를 파악해보고 이를 활용해서 웹 애플리케이션을 만들어보자. 홈페이지 탐색시작하기에 앞서 우리는 Express를 어떻게 사용하는지 아직 모른다.다행히도 Express 홈페이지에서는 간단한 Hello World!를 출력할 수 있을만한 예제 코드를 알려주고 있다."require('express');" 구문을 통해 Express 모듈을 불러와 사용한다.그리고 "express();"라는 객체를 변수에 담는다. express객체의 "get();"함수를 통해 *라우팅처리를 한다.* 요청에 대한 맞춤 작업으로 연결해주는 것 인자로 익명함수를 선언할 수 있으며 request, response에 대한 처리를 진행할 수가..

웹 프레임워크 - Express 설치웹 프레임워크 Express를 설치해보자.Express는 Node.js에서 사용할 수 있는 웹 프레임워크 중 하나이다.간결하고 뭐 어쩌구저쩌구... 설명을 하던데 사실 써보지 않았으니 지금 당장에 공감할 수는 없는 부분이다. 홈페이지http://expressjs.com/ko/Express를 처음보고 매우 좋구나 생각한 것 중 하나가 바로 홈페이지에 한국어가 지원된다는 것이다. 설치홈페이지를 통해 Express 웹 프레임워크를 설치해보자.우측 상단에 시작하기 메뉴에서 설치 메뉴를 클릭하자. 설치 페이지로 이동하면 설치방법에 대해서 설명해주고 있다. 1. 워크스페이스를 생성하고 2. 해당 워크 스페이스를 npm 패키지 디렉토리로 지정하고3. entry point를 지정하고..

"적합한 버전의 Java SDK를 찾을 수 없다.인텔리 J 플랫폼 플러그인 SDK뿐 아니라 Java 버전과 동일한 JDK를 정의해야 한다. " 인텔리 J로 자바 프로젝트를 생성하려다가 만난 에러메시지이다. 이 문제를 해결하는 방법을 알아보자. 해결 방법인텔리 J IDE의 메인 화면으로 이동한다. 위 화면에서 "CTRL + SHIFT + ALT + S"를 눌러보자. 그럼 신규 프로젝트들의 프로젝트 구조 화면이 나타난다.좌측의 프로젝트 메뉴를 선택해보면 프로젝트의 SDK가 설정되어있지 않다.따라서 SDK를 설정해주면 된다.NEW버튼을 클릭한다. JDK 메뉴를 선택한다. 그럼 홈 디렉토리 선택 화면이 나타나는데 JDK가 설치된 폴더로 들어가서 JDK를 폴더를 지정해주고 OK를 누르자. 그럼 JDK가 설정된다...