로이팩토리

기본 개발을 크롬에서 하다 보니 가끔 간과하고 넘어가는 부분이 있는데, 그중에 하나가 ie에서의 사용을 고려하지 않은 경우가 있습니다. 최근에 그 중에서 하나가 바로 아래의 에러였는데, 이는 FormData를 ajax로 전달할 때 (주로 첨부파일을 포함한 multipart) 전송 시에 chrome에서는 정상적으로 진행되지만, ie버전에서 오류가 발생하는 현상입니다. 이때 여러가지 방법들이 오갔지만, 그냥 아래 한 줄을 더 추가해주면 정상적으로 수행이 됩니다. (이유는 아직.... 단순 버그로 보고 있음) let url = "Rest URL"; let param = new FormData($("#FormID")[0]); $.ajax({ async:false , url: url , type:"POST" , ..

일반적으로 일련의 데이터 목록을 등록할 때는 다음과 같이 선언해서 사용할 수 있습니다. // 1. 사전정의 var arr1 = [1, 3, 3, 4]; // 2. 정의 후 추가 (1) var arr2 = new Array(); arr2.push(1); arr2.push(3); arr2.push(3); arr2.push(4); // 3. 정의 후 추가 (2) var arr3 = []; arr3.push(1); arr3.push(3); arr3.push(3); arr3.push(4); 이에 대한 자세한 사항은 이전 글에서 확인하실 수 있습니다. 2020/09/18 - [개발 창고/웹 개발] - [Javascript] 배열(Array) 활용하기 [Javascript] 배열(Array) 활용하기 이번엔 Arra..

2020/09/18 - [개발 창고/웹 개발] - [Javascript] 배열(Array) 활용하기 [Javascript] 배열(Array) 활용하기 이번엔 Array를 자세히 다뤄볼까 합니다. Array 만들기 // 방법1. 빈 array 만들기1 var arr = []; // 방법2. 빈 array 만들기2 var arr = new Array(); // 방법3. String array 만들기 var arr = ['가', '나',.. royzero.tistory.com 예전에 배열에 대해 작성한 적이 있는데 이번에는 이 배열을 정렬하는 법에 대해 이야기해볼까 합니다. 배열을 정렬해주는 함수는 Array.sort() 라는 녀석입니다. 일반적으로 값으로 이루어진 배열인 경우 let arr = [1, 3, ..

Json을 다룰 때 string to json 또는 json to string이 필요할 때가 종종 있을 겁니다. let params = { key1:"내용1", key2:"내용2", key3:10000 } 만약 다음과 같이 Json을 가지고 예시를 들면 parse : String to json → 문자열(string) 형태의 값을 Json형태로 변환 let params = '{"key1":"내용1", "key2":"내용2", "key3":10000 }'; console.log("parse 전 > ") console.log(params); console.log("parse 후 > ") console.log(JSON.parse(params)); 만약 다음과 같이 문자열로 이루어진 string이 key-val..

웹 개발을 하다 보면 여러 개의 input의 값을 합산하거나 체크해야 하는 경우가 발생합니다. 보통 이런 경우 두 가지 방식을 활용 가능합니다. 만약 아래와 같이 html이 구성되어있다면 값1: 값2: 값3: 값4: 합계 합계: 비슷한 name으로 합산하는 방법 → $("input[name*='키값']") function doSum(){ let sum = 0; $('input[name*="type"]').each(function(){ // type으로 시작하는 input을 순차적으로 loop if(!isNaN($(this).val())){ // CASE 값에 문자가 없는 경우 (숫자인 경우만 합산) sum += parseInt($(this).val()); } }); // 합산한 값을 name="sum"인..

Json 데이터에 호출하려는 키값이 있는지 확인하는 방법에는 아래의 5가지가 있습니다 (제가 아는 기준) let test = {type:"유형", name:"이름"} console.log("1. 프로퍼티체크 (json.hasOwnProperty[키값])"); console.log("있는 경우(type) : " + test.hasOwnProperty("type")); console.log("없는 경우(price) : " + test.hasOwnProperty("price")); console.log("2. 직접호출1 (json[키값] != undefined)"); console.log("있는 경우(type) : " + (test["type"] != undefined)); console.log("없는 경우(..

이번엔 Array를 자세히 다뤄볼까 합니다. Array 만들기 // 방법1. 빈 array 만들기1 var arr = []; // 방법2. 빈 array 만들기2 var arr = new Array(); // 방법3. String array 만들기 var arr = ['가', '나', '다', '라']; // 방법4. int array 만들기 var arr = [1, 2, 3, 4, 5]; 방법 1과 방법 2는 비어있는 배열을 만드는 방법이고, 방법 3은 처음에 String Array를 생성하는 방법입니다. 입맛에 맞게 활용 가능합니다. string이니 int니 하는 건 제가 임의로 나눈 것일 뿐 실제로 Javascript에서 한 가지 형태로만 입력이 가능한 것은 아닙니다. ex. var arr = ['..

Javascript 개발 시 막혀서 구글링을 하다 보면 또는 남의 소스를 수정하다 보면 let과 const에 대한 내용이 많이 나오게 됩니다. 내용을 보면 분명 변수를 선언하는 건데, 대체 무슨 차이가 있는 것일까?라는 궁금증이 생기기 마련입니다. 먼저 let과 const는 es2015에서 추가되었기 때문에 이전 소스에서는 이런 구분을 찾아보기 힘듭니다. 그럼 왜?? 굳이 left과 const가 생겨난 걸까요?? 일단 기존의 var에서는 다음과 같은 맹점이 있습니다. "var는 변수명의 중복을 체크하기 어렵다." 만약 다음과 같은 소스가 있다고 한다면, var value01 = "난 value01이야."; console.log(value01); var value01 = "어? 나도 value01인데??"..

최근에는 디자인적 요소 등이 prompt에 어울리지 않아 커스터마이징 한 팝업창을 많이 쓰는데요. 그래도 코드 한 줄로 입력을 받을 수 있는 이점이 있기 때문에 급하게 또는 가볍게 디자인적인 요소 없이 받고 싶을 때는 prompt라는 명령어를 사용하여 값을 입력받을 수 있습니다. 문법 msg = window.prompt(message, default); 변수 필수여부 내용 message X 입력창에 보여질 메시지 내용 default X 입력란에 기본적으로 입력되어질 내용 일단 이번 소스의 설명은 JSFiddle를 이용해 설명을 드릴까합니다. jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net JSFiddle의 Javascript + No-Library (pur..

쇼핑몰 개발등을 하다보면 업체 등록 시 사업자 등록번호를 체크해야 하는 경우가 있습니다. 물론 Server단에서도 체크해주는게 좋지만, 사전에 먼저 걸러주기 위해서는 javascript를 통해 submit전에 체크해주면 좋습니다. 해당 script는 사업자 번호를 넣어허 마지막 checksum이 올바른지 그렇지 않은지를 boolean으로 반환해줍니다. 또한 실제로 등록된 사업자번호가 아닌 형식이 올바른지만 체크하는 것이기 때문에 실제 등록되었는지보다는 장난으로 업체등록을 하려는 일부 사용자들을 막기위한 하나의 수단이라고 보시면 될겁니다. /** * 사업자 등록번호 체크 * @param bizNum 사업자번호 * @return true:정상적인 사업자번호, false:정상적이지 않은 사업자번호 */ fun..