로이팩토리

Usually, the load on the screen is often longer because once a webpage is floated, it fetches all the content within the page. Therefore, even if it is not the screen that the user wants to see (if you simply click on the menu on that page to go to another page, or if you want to click on the content on the current screen without scrolling down), it is often traffic-related because you have to s..

See the Pen 이메일 유효성 검사 by 장진용 (@nvwgjloa-the-animator) on CodePen. Javascript에서는 위와 같이 유효성 검사를 통해 이메일 유효성 검사가 가능합니다.

var list = "1,2,3,4,5,6,7,8".split(",").map(function(num){ return parseInt(num); }); 일반적으로 문자열값을 배열로 만들 때 사용하는 함수는 split입니다. 하지만 이때 split는 문자열 기준이기 때문에, 결과가 문자열 기준으로 반환됩니다. 하지만 이 결과는 개발자가 원하지 않는 결과를 가져오기도 합니다. 만약, 해당 split된 배열중에서 4가 몇 번째 순번에 있는지 indexOf 함수를 사용하여 확인하려고 한다면, 결과가 위와 같이 -1이 반환됩니다. 이유는 list에 있는 4는 문자열이고, 비교 대상인 x값 4는 정수이기 때문입니다. 아무리 변수 속성을 보지 않는다는 javascript이지만, 이렇게 문자열이냐 정수냐를 비교하고는 ..

// 단건 조회 document.querySelector("input[name=param_1]"); // StartsWith: param으로 시작하는 input document.querySelectorAll("input[name^=param]") // Contains: aram을 포함하는 input document.querySelectorAll("input[name*=aram]") // EndsWith: Param으로 끝나는 input document.querySelectorAll("input[name$=Param]") // 번외1. param 또는 Param을 포함하는 input document.querySelectorAll("input[name*=param],input[name*=Param]") //..

var number = 1234567890; // 1. toLocaleString을 활용한 방법 console.log(number.toLocaleString(navigator.language, { minimumFractionDigits: 2 })); // 2. NumberFormat을 활용한 방법 (Safari에서 지원하지 않음) var nf = new Intl.NumberFormat(); console.log(nf.format(number)); // 3. 정규식 사용방법 console.log(number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));

// ios location.href = "sms:&body=" + encodeURI("로이팩토리\r\n안녕하세요"); // else location.href = "sms:?body=" + encodeURI("로이팩토리\r\n안녕하세요"); 기존 개행 문자인 \n만 사용하는 경우 개행이 이루어지지 않을 수 있습니다. 때문에 Carriage Return 문자인 \r을 함께 사용해주어야 합니다. 또한, ios와 그 외 의 경우 sms: 다음의 기호가 &냐 ?냐에 따라 내용입력이 달라지므로 유의해야 합니다. ※ 추가 작성하다보니 실제로 개행이 되지 않아 확인해보니 인코딩(encodeURI)을 해주어야 함을 확인하였습니다.

var jsonObject = { key1:"AAAA", key2:"BBBB", key3:9999, key4:"가나다라" }; var jsonObjectKeys = Object.keys(jsonObject); var jsonObjectKeysLength = jsonObjectKeys.length; console.log("jsonObject\n" + jsonObject); console.log("jsonObjectKeys\n" + jsonObjectKeys); console.log("jsonObjectKeysLength\n" + jsonObjectKeysLength); 만약 첫 번째 줄처럼 jsonObject가 있고, 각각의 키가 있다면 이 중에서 키 값만을 추출하기 위해 Object.keys(JSON객체..

function fnGetFileSize(filesize) { var text = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB']; var e = Math.floor(Math.log(filesize) / Math.log(1024)); return (filesize / Math.pow(1024, e)).toFixed(2) + " " + text[e]; }; input[type=text]나 FileEvent로 전달되는 size는 bit로 전달되므로, 계산 로직이 필요합니다.

한 개의 Javasript를 호출하여 엮여있는 모든 script를 호출하고 싶거나, 종속 관계가 있는 스크립트들을 호출하고 싶은 경우 아래와 같은 방법으로 호출이 가능합니다. document.write(''); // ex. document.write(''); // 이 경우 바로 script를 호출하여 사용하여도 되지만 // 스크립트 파일 용량이 커서 웹페이지가 읽는데 오래 걸리는 경우 // 스크립트 내 함수나 모듈들이 완전이 로드되지 않아 오류가 발생할 수 있습니다. // 때문에 안전한 사용을 위해서는 완전히 로드가 된 후에 이용하는 것이 좋습니다. window.onload = function(){ ... {스크립트 상의 함수 / 변수 이용} ... }

웹뷰에서 (모두가 그런지는 모르겠지만) location.replace가 정상적으로 작동하지 않는 이슈가 발생하였습니다. 여기서 잠깐, location.replace란 무엇일까요??? 보통 anchor태그 (흔히 태그)에서 클릭 시 페이지는 location.href = '이동 주소' 형태로, history에 쌓이는 형태로 이동합니다. B 페이지로 이동 만약 다음과 같은 링크가 있다면 해당 링크 클릭 시 A.html 페이지에서 B.html 페이지로 이동합니다. 그리고, 페이지 history (흔히 우리가 브라우저에서 사용하는 앞으로가기/뒤로가기 버튼)에 A.html과 B.html이 쌓이게 됩니다. history (링크 클릭 전) - A.html (현재페이지) 0 A.html history (링크 클릭 후) ..