Web

ajax (5)

POSTMAN을 이용해 REST API 와 URL 요청 TEST 해보기!!

  • Note&pen
  • JSP
  • 2018. 7. 9. 17:01

예전에 자바스크립트를 책으로 공부를 하다 뒤쪽에 ajax에 관해 설명을 해주면서 POSTMAN을 사용했던기억이 있다. POSTMAN은 웹 공부를 했던 분들이라면한 번쯤 들어봤을거라 생각한다. 일단 POSTMAN에 대해 간단하게 소개해보자면REST API 나 URL요청 또는 http 프로토콜 등을쉽게 테스트 할 수 있도록 만들어진 도구이다. ajax에 대해 공부할 때 get,post 방식을 쉽게 테스트 해볼수 있다. 개발자 분들 중 에서도 POSTMAN으로 API연동이나다른 여러 가지의 테스트를 할 때 사용한다는 분들도 있다 먼저 아래 링크로 가서 POSTMAN을 설치하자. https://www.getpostman.com/ 각자 OS 에 맞게 설치후 POSTMAN을 실행시켜보자. 아래는 POSTMAN의 첫..

더 읽기

ajax에서 JSON.parse(), JSON.stringify() 마스터하기

  • Note&pen
  • SPRING
  • 2018. 7. 3. 17:37

ajax에서 JSON.parse()와 JSON.stringify()을 사용해보자. JSON.parse() 는 String 객체를 json객체로 변환 시키고JSON.stringify() 는 json객체를 String 객체로 변환 시킨다. 위의 두 메소드알아 보기 위해 내 프로젝트에서 사용했던 부분들을 캡처 했다. JSON.stringify는 ajax의 data 설정에 사용했고parse()는 success에서 사용했다.ajax는 jsp파일의 스크립트단 안에 만들어줬다. 먼저 param 값과 JSON.stringify(param) , JSON.parse(data) 의 데이터를 확인해보기 위해 콘솔로그를 찍어 보았다. 일단 위 param 값을 잘 모른다면 이전 포스팅을 한번 읽어보자. 이전 포스팅 : (http..

더 읽기

웹 앱의 HTTP 통신 방법

  • Note&pen
  • Vue.js
  • 2018. 4. 9. 10:55

요즘 웹 앱 에서 서버에 데이터를 요청하는HTTP통신을 필수로 구현해야 하는 기능이다.과거 웹 사이트가 정적인 텍스트나 간단한 이미지를나타내는데 그쳤다면 이젠 사용자와의 상호 작용에 따라데이터를 동적으로 화면에 표시해 줘야 하기 때문이다. 여기서 HTTP는 브라우저와 서버 간에 데이터를주고받는 통신 프로토콜이다. 브라우저에서 특정데이터를 보내달라고 request를 보내면 서버에서 response로해당 데이터를 보내주는 방식이다.서버에 해당 데이터를 보내달라고 메시지를보내는 것이 HTTP요청을 보내는것과 같다. 웹 앱의 HTTP 통신의 대표적인 것으로 jQuery의 ajax가 있다.ajax는 서버에서 받아온 데이터를 표시할 때 화면 전체를 갱신하지않고도 화면의 일부분만 변경할 수 있게 하는 자바스크립트 기..

더 읽기

메뉴 DB화 하기(2)

이제 저번포스팅에 이어서본격적으로 DB에서 메뉴를 불러오자먼저 jsp에서 스크립트단에 ajaxCl 이라는 변수를 만들고그안에 프로퍼티를 만들어주자 12345678910111213var ajaxCl = { ajaxCallFn : function(options) { var that = this; var settings = { url : "mainMenuList.do", FCGubun : "F", } settings = $.extend({}, settings, options);cs 5line that 값에 this를 주는데 that 에 ajaxCl을 준것이다다음 settings 라는 변수에 url 과 FCGubun을 저장했다13line은 jQuery에서 사용하는데두개 이상의 객체를 합칠때 쓴다.자세한건 링크에..

더 읽기

메뉴 DB화 하기(1)

웹 개발을 할때 메뉴 탭은 거의필수적으로 만든다. 메뉴탭의 위치는 보통홈페이지 상단이나 오른쪽 또는 왼쪽에 위치한다. 그리고 웹 개발을 공부하며 혼자 웹을 개발할땐매뉴를 보통 아래와같이 jsp 단에서 만든다 +++++++++ 2018/09/07 추가 +++++++++ pageSubmitFn 프로퍼티는 스크립트단 안에 생성해주자. +++++++++++++++++++++++++ 하지만 메뉴를 DB화에서 만든다면 여러 이점이 있다.처음에 메뉴를 DB화 하기위한 과정은 쉽지 않지만만들어 둔다면 보안과 유지보수에 굉장히 좋다. 먼저 레프트 메뉴를 DB화 하기전엔두가지를 고민해야한다.ajax로 갈것인지 jstl로 갈것인지 속도면에서는 jstl이 빠르기 때문에jstl로 구현할수 있으면 jstl로 구현한다. 프로젝트에..

더 읽기

Copyright © Web All Rights Reserved

Designed by JB FACTORY

티스토리툴바