Royfactory

TL;DRAI를 활용해 PR(Pull Request) 리뷰를 자동화하면 코드 품질 향상과 개발 효율성을 동시에 달성할 수 있습니다. 특히 Claude와 GitHub Actions, JavaScript를 조합하면 간단한 설정으로 실시간 코드 리뷰 환경을 구축할 수 있습니다. 본 글에서는 구현 방법과 함께 고려해야 할 보안 및 운영상의 팁을 제공합니다.PR 리뷰 자동화란 무엇인가?PR 리뷰 자동화란 코드 변경 사항(Pull Request)을 사람이 아닌 AI가 자동으로 분석하고 피드백을 제공하는 기술입니다.포함되는 활동: 코드 품질 분석, 스타일 가이드 준수 여부 확인, 보안 취약점 탐지, 자동화된 리뷰 코멘트 생성.제외되는 활동: AI는 아직 창의적 설계나 비즈니스 로직의 적합성을 평가하지 못합니다.대표적..

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(){ ... {스크립트 상의 함수 / 변수 이용} ... }