본문 바로가기

분류 전체보기

 (383)
포스트맨 Postman 사용법 서버 요청 테스트 Postman 사용법 알려드립니다! 서버를 만들면 상당히 많은 API를 만들게 됩니다. 웹브라우저는 특성상 GET 요청만 할 수 있습니다. POST, DELETE, PUT 요청을 하려면 코드를 작성하거나 curl 명령어를 사용해야 하는데 번거로움이 많습니다. Postman을 이용하면 API를 간편하게 테스트 할수 있습니다. 1) Postman 회원가입 후 로그인 https://www.getpostman.com/ Postman | The Collaboration Platform for API Development Simplify workflows and create better APIs – faster – with Postman, a collaboration platform for API developme..
http 모듈과 웹 서버 띄우기 웹 서버 띄우기 node.js는 http 모듈을 이용하여 간단하게 웹 서버를 만들 수 있고 크게 3부분으로 나누어 볼 수 있습니다. const http = require('http'); http.createServer(function (req, res) { res.writeHead(200); res.end('hello world'); }).listen(3000, function(){ console.log('server on : 3000port') }); 1) 모듈 호출, 모듈을 사용할 준비를 합니다. const http = require('http'); 2) 서버 생성 createServer(function (req, res) { res.writeHead(200); res.end('hello world'..
Windows10에서 Node.js 설치하기 node.js 설치 1. https://nodejs.org/ko/ 접속 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 오늘 (2019.12.26) 기준 1) 12.14.0 LTS와 2) 13.5.0 Current 현재 최신 버전 2개중 아무거나 설치하면 되지만 저는 안정적인 12.14.0 LTS 버전을 설치를 권장합니다. LTS ( Long Term Supported ) 장기적으로 안정적이고 신뢰도가 높은 지원이 보장되는 버전입니다. 짝수( 12.x.x )가 LTS 버전이 됩니다. Current 현재 최신 버전 최신 기능을 제공하므로 업데이트가 잦고 기능이 변경될 가능성이 높기 때문에 간..
Ajax - (4) JSON 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML JSON 텍스트 파일 실습입니다. 파일수신 JSON { "username" : "홍길동", "age" : 20, "address" : "서울" } 설명 16~21번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 json파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 26번 라인 : JSON 데이터를 응답 받기 위해서 responseText 프로퍼티를 사용합니다. 27번 라인 : eval 함수를 이용하여 응답 데이터인 텍스트를 JSON 객체로 변환합니다.
Ajax - (3) XML 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML 소스 XML 파일 실습입니다. 파일수신 XML 소스 파랑새 이문세 1집 1995 설명 22~27번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 sample.xml 파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 31번 라인 : XML 형식으로 응답 데이터 처리를 위해서 responseXML 프로퍼티를 사용합니다. 32~33번 라인 : DOM API 중에서 태그명으로 참조하기 위한 getgetElementsByTagName("title") 메서드를 사..
Ajax - (2) TEXT 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 일반 텍스트 파일 실습입니다. 파일수신 sample.txt의 내용은 " 정적 데이터를 활용한 Ajax 실습 " --------------------------------------------------------------------------------------------------- 10번 라인 : XMLHttpRequest 객체를 지정할 javascript 변수 xhttp를 선언한다. 12~14번 라인 : XMLHttpRequest 객체를 생성하여 xhttp 변수에 저장한다. 16~21번 라인 : createHttpRequest() 함수를 호출하여 XMLHttpRequest 객체를 생성하고 GET 방식으로 서버에 sample.txt 파일을 비동기로 요청합니다. 서버의 응답을 처리하기 위해서 onr..
Ajax - (1) 기술 개요 Ajax : Asynchronous JavaScriptand XML 2005년 2월 제시 제임스카렛이 처음 사용하면서 알려지게 되었습니다. Ajax의 첫 글자인 A는 Asynchronous 비동기를 의미합니다. 클라이언트가 서버 처리를 기다리지 않고, '비동기' 요청이 가능합니다. 사용자 액션에 즉각적으로 반응할 수 있습니다. Ajax는 기본적으로 4가지 기술을 모아 사용합니다. JavaScript HTMl CSS DOM 회원가입 화면에서 아이디를 입력할 때, 중복체크를 마우스로 직접 클릭해서 아이디 중복검사를 서버에게 요청하는 방식은 "전통적인 웹 어플리케이션이"라고 표현 할 수 있을 만큼... 고루한 방법입니다. 이런 "전통적인 방식의 웹 어플리케이션"에서는 서버가 클라이언트인 웹 브라우저에게 결과를..
워드프레스에 게시판 설치하기 - KBoard (1) 01. KBoard 다운받기 KBoard는 코스모스팜에서 제작했습니다. https://www.cosmosfarm.com/products/kboard 사이트에 접속하여 다운을 받겠습니다. 02. 플러그인 설치 플러그인 -> 새로추가 -> 플러그인 업로드 버튼을 클릭합니다. 다운받은 KBoard zip 파일을 선택하여, 지금설치 버튼을 눌러주세요. 댓글 파일도 동일하게 플러그인 업로드하여 설치합니다. KBoard 게시판과 댓글 플러그인이 모두 설치 되어있어야만 게시판 생서이 가능합니다. 03. 게시판 생성 [KBoard->게시판 생성]페이지에서 게시판을 생성합니다. 게시판 이름을 적어주세요. 게시판 자동설치 펼침 메뉴에서 설치할 페이지를 선택하세요. 꼭 페이지로 생성한 곳이여만 선택 할 수 있습니다. 하단에..

티스토리툴바