로이팩토리

웹 개발을 하다 보면 여러 개의 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..

처음 Spring을 적용해볼까 하고 시작하다 보면 다음과 같은 오류가 발생하기도 합니다. 현상 영문버전에서는 아래와 같이 심각: Error configuring application listener of class org.springframework.web.context.ContextLoaderListener 한글버전에서는 아래와 같이 심각: 클래스 [org.springframework.web.context.ContextLoaderListener]의 애플리케이션 리스터를 설정하는 중 오류 발생 발생하기도 합니다. 전문은 아래와 같습니다. (한글버전) 심각: 클래스 [org.springframework.web.context.ContextLoaderListener]의 애플리케이션 리스너를 설정하는 중 오류 ..

지난 포스팅에서 eGovFramework을 다운로드하는 것에 대해서 작성해보았습니다. 2020/09/02 - [개발 창고/웹 개발] - [Spring] 전자정부 표준 프레임워크(eGovFrame)란? [Spring] 전자정부 표준 프레임워크(eGovFrame)란? 웹 개발을 하다 보니 종종 듣는 이야기 중 전자정부 표준 프레임워크를 듣게 됩니다. 그래서 이참에 정리 겸 한번 작성해볼까 해서 이 글을 시작하게 되었습니다. 보통 웹개발시에 프레임워�� royzero.tistory.com 그러면 오늘은 이 프레임워크를 쓰는 가장 기본적인 방법에 대해서 작성해볼까 합니다. (모든 프로그램의 시작은 HelloWorld죠) 먼저 실행을 하면 아래와 같이 eGovFrame3.9라는 Intro화면 이후에 작업을 진행할..

웹 개발을 하다 보니 종종 듣는 이야기 중 전자정부 표준 프레임워크를 듣게 됩니다. 그래서 이참에 정리 겸 한번 작성해볼까 해서 이 글을 시작하게 되었습니다. 보통 웹개발시에 프레임워크라 하면 Spring 프레임워크를 떠올리기 쉽습니다 (물론 요즘 더 다른 프레임워크도 많이 나온다고 하지만 아직 고인물이라 차차 알아가 보도록 하겠습니다.) 제가 처음 Spring 3.0을 접할때(2011년, 고인물...) 까지만 해도 표준프레임워크로 Spring Frame기반을 사용한다고 봤을 때인데, 어느새 전자정부 표준 프레임워크라는 말이 자연스러워 질정도로 자리매김한 듯합니다. 전자정부 표준프레임워크는 대한민국의 공공부문 정보화 사업 시 플랫폼별 표준화된 개발 프레임워크를 말한다. JAVA 언어는 사설 표준으로 우후..

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

이전에 Core/Formatting에 대해서 알아보았습니다. 근데 SQL/XMl을 스킵하고 바로 JSTL Function 하는 이유는 SQL/XML 태그는 사용빈도가 적고 오히려 Core/Formatting/Function이 주로 쓰이기 때문입니다. 일단 이전 게시글을들은 아래의 링크에서 확인 가능합니다. 2020/08/26 - [개발 창고/웹 개발] - [JSTL] Core태그 [JSTL] Core태그 Spring에서 JSP로 개발을 하다보면 용어는 몰라도 다음과 같은 표현을 자주 쓰곤합니다. ${name} 은 html에서 제공되는 폰트를 굵게 보여주는 태그이고, 이 ${name}은 무엇일까? 실제 페이지에서는 저 ${n royzero.tistory.com 2020/08/27 - [개발 창고/웹 개발]..