본문 바로가기

JavaScript10

Postman에서 응답으로 받은 변수 사용하기 Postman을 사용하다 보면 요청한 값을 변수를 이용해서 저장하고 싶은 데이터가 있을 경우가 많습니다. 예를 들면 인증키 값이라던지, 사용자 정보 등등.. 이 있는데.. 이럴때 사용할 수 있는 유용한 기능이 있어서 소개 합니다. Tests를 기능을 이용하는 방법입니다. 물론 테스트용도로 사용한다면 더욱 훌륭하게 사용 할 수 있을 겁니다. 먼저 사용할 요청에서 Tests 탭을 선택하고 아래와 같이 넣어 줍니다. var jsonData = JSON.parse(responseBody); if (jsonData.result === true) { pm.environment.set("authToken",jsonData.data.authToken); } 그리고 혹시 요청의 내용을 보고 싶다면 아래와 같이 conso.. 2020. 4. 7.
자바스크립트 배열 메서드 정리 Array 추가/삭제 Array.push() 배열의 마지막 요소를 추가해 줍니다. let number_arr = [ 1, 2, 3, 4, 5 ]; number_arr.push(6); console.log(number_arr); // [ 1, 2, 3, 4, 5, 6 ] Output : [1, 2, 3, 4, 5, 6] Array.unshift() 배열의 가장 첫번째 요소를 추가해 줍니다. let number_arr = [ 1, 2, 3, 4, 5 ]; number_arr.unshift(6); console.log(number_arr); // [ 6, 1, 2, 3, 4, 5 ] Output : [6, 1, 2, 3, 4, 5] Array.pop() 배열의 가장 마지막 요소를 삭제 합니다. let numb.. 2020. 2. 2.
javascript를 console 명령어 팁... javascrip에서 디버그를 하면서 console 명령을 쓰면 참~ 편하게 개발 할 수 있습니다.하지만, ie 낮은 버전에서는 에러를 뱉고 멈춰 버리죠... 참.. 난감하죠.. ^ ^;;그래서 IE 낮은 버전에서 오류를 발생하지 않고 사용하는 방법을 찾다가 찾은 방법입니다. /** * console을 지원하지 않는 경우 처리 */if (!window.console) console = {};console.log = console.log || function () { };console.warn = console.warn || function () { };console.error = console.error || function () { };console.info = console.info || functi.. 2013. 7. 3.
highlight.js를 tistory에서 사용하기. 얼마전 까지 블로그에서 SyntaxHighlighter를 사용 했습니다.기능도 많고, 좋은데... 뭔가 약간 마음에 들지 않아서..정확하게 이야기 하면.. 블로그에 이쁘게 붙는 느낌이 안 들어서 ^^;;;;다른 소스 하이라이터를 찾아 보다가.. highlight.js를 찾았습니다. 이 하이라이터가 마음에 드는건... 테마가 다양하고, 홈페이지에 붙어 있는데..이질감이 많이 들지 않는다는 점입니다.하지만, 마음에 들어도..쓰기 힘들다면, 말짱 도루묵이겠죠?그런데, 이 놈은.. 쓰는 것도 SyntaxHighlighter보다 편하네요 ^^;아주 딱이네요. 이제 사용법을 설명 드리겠습니다. 먼저 http://softwaremaniacs.org/soft/highlight/en/download/ 여기로 갑니다. 원.. 2013. 1. 17.
jQuery를 사용해서 폼 기본값 넣기. 폼에서 기본값을 넣어 주고.. 포커스가 가면 그 값을 지워주는 코드 입니다. defaultValue에 대한 자바스크립트 코드는 이곳을 참고 하세요. $(document).ready(function() { $('input[type=text]').focus(function() { if($(this).val() == $(this).attr('defaultValue')) { $(this).val(''); } }) .blur(function() { if($(this).val().length == 0) { $(this).val($(this).attr('defaultValue')); } }); }); 위와 같은 코드를 넣어 주고.. 아래와 같은 코드를 사용하시면 됩니다. 이렇게 해 주면.. "입력해주세요."가 기본값.. 2009. 10. 30.
Flash에서 z-index 문제 해결 방법... Flash를 홈페이지에 넣고... jquery로 z-index로 모달을 만들어서 사용 할려고 하면, flash가 z-index와는 아무 상관 없이.. 떡하니.. 위에 나오는 문제가 발생합니다. 이를 해결 하는 방법은 아래와 같습니다. 여기에서 사용한 swfobject.js는 아래 주소의 swfobject 최신 버전을 사용했습니다. 주소 : http://code.google.com/p/swfobject/ Alternative content 테스트 레이어 분명히 test 위치해 있는데.. flash가 떡하니 위로 나오는 문제가 발생합니다. 해결 방법은 간단합니다. Alternative content 테스트 레이어 params에 wmode: 'opaque'를 추가해 주면 아래와 같이 정상적으로 출력 됩니다. .. 2009. 9. 21.
Javascript URL Base64 인코딩/디코딩 URL에서 한글을 쓸 때 문제가 생겨서 URL을 인코딩/디코딩을 이것저것 실험해 보다.. 한글에도 문제가 없는 것을 찾았습니다. 주소 : http://www.webtoolkit.info/javascript-base64.html 우선, 이 코드가 별 문제가 없이 되는것을 확인 했습니다. 간단하게 예제 프로그램을 만들어서 올립니다. 아래에서 실행해서 테스트 해 보셔도 괜찮습니다. 문자입력 상자에 문자를 입력하면 각 해당 방법으로 인코딩/디코딩 한 문자열이 출력 됩니다. 그리고 인코딩이나 디코딩한 문자열을 문자입력 상자에 적용해 보고 싶으면 apply를 클릭해 주시면 됩니다. 문자입력 base64 encoded data (apply); UTF-8 encoded data (apply); URL Encoded d.. 2009. 9. 18.
JavaScript Framework 비교 사이트. javascript framework를 비교해 주는 사이트가 있어서 이렇게 소개 드립니다. 주소 : http://matthiasschuetz.com/javascript-framework-matrix/en/ JavaScript Framework Matrix 라는 사이트 인데.. 여러가지 스크립트 엔진 성능과 문법을 비교해 놓고 있습니다. 자바스크립트 프레임워크를 사용하시다가, 다른 프레임워크로 변환 할려고 할때 문법을 비교 하는데도 많은 도움이 될 것 같습니다. 이 사이트에서 비교하고 있는 자바스크립트 프레임워크는 아래와 같습니다. jQuery MooTools The Dojo Toolkit Prototype Script.aculo.us Ext.JS Adobe Spry BBC Glow Yahoo UI! Li.. 2009. 9. 14.
자바스크립트 압축 풀기(javascript decompress) 가끔 웹 소스를 분석하다 보면, 로딩속도를 위해서 자바스크립트를 한줄로 쫘악 해 놓은 경우가 있습니다. 이럴때 정말 분석하기 난감하죠 ^^;; 그렇다고 한줄씩 칸 내리기를 하기도 그렇구... 이럴때 한번에 이런것을 해결해 주는 사이트가 있어서 소개 할려고 합니다. 주소 : http://jsbeautifier.org/ (function($){$.fn.extend({accordion:function(){return this.each(function(){if($(this).data('accordiated'))return false;$.each($(this).find('ul, li>div'),function(){$(this).data('accordiated',true);$(this).hide()});$.each.. 2009. 9. 8.
jQuery를 이용한 클라이언트 측 폼 검증(Form Validation) 주소 : http://vanadiumjs.com/ 웹 페이지를 작성하다 보면 폼검증에만 많은 시간을 낭비 할 경우가 많습니다. 서버 측에서도 하지만, 클라이언트에도 폼을 검증하기 위해서 각 폼의 이름과 내용을 확인하면서 자바 스크립트를 짜게 되죠. 하지만, 이 jQuery 플러그인을 사용 한다면, 그런 걱정이 반으로 덜 것 같습니다. VanadiumJS는 클라이언트 사이드에서 폼 검증을 하는 파워풀한 jQuery plugin입니다. Ajax를 이용해서 서버측 결과 값도 받을 수 있습니다. 이 플러그인을 사용하시면 2가지 방법으로 폼을 검증 하실 수 있습니다. JSON 구조를 이용한 검증. 인라인 검증 그리고 사용 방법은, 정말 허망 하다 싶을 정도 간단합니다. 제가 게으른 관계로 사이트에서 캡쳐해서 간단.. 2009. 9. 5.