728x90
반응형

JavaScript 302

JavaScript 자주 쓰는 정규식 모음 (아이디, 이메일, 비밀번호, 전화번호,...)

자바 스크립트에서 자주 쓰는 정규식을 모아왔습니다. 일치할 시 true를 반환 합니다 이메일 체크 정규식 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); } ​ 비밀번호 체크 정규식 8 ~ 16자 영문, 숫자 조합 function isPassword(asValue) { var regExp = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z]{8,16}$/; return regExp.test(asValue); } ​ 비밀번호 체크 (특수문자 포함) 8 ~ 16자 ..

중첩 된 디렉토리를 안전하게 만드는 방법

질문 : 중첩 된 디렉토리를 어떻게 안전하게 만들 수 있습니까? 파일이 작성 될 디렉토리가 존재하는지 확인하고 그렇지 않은 경우 Python을 사용하여 디렉토리를 만드는 가장 우아한 방법은 무엇입니까? 내가 시도한 것은 다음과 같습니다. import os file_path = "/my/directory/filename.txt" directory = os.path.dirname(file_path) try: os.stat(directory) except: os.mkdir(directory) f = file(filename) 어떻게 든 os.path.exists 놓쳤습니다 (kanja, Blair 및 Douglas에게 감사드립니다). 이것이 내가 가진 것입니다. def ensure_dir(file_path):..

JavaScript는 단일 스레드가 보장되는걸까?

질문 : JavaScript는 단일 스레드가 보장됩니까? JavaScript는 모든 최신 브라우저 구현에서 단일 스레드로 알려져 있지만 표준에 지정되어 있습니까 아니면 전통에 의해서만 지정됩니까? JavaScript가 항상 단일 스레드라고 가정하는 것이 완전히 안전합니까? 답변 그건 좋은 질문이야. “예”라고 말하고 싶습니다. 난 못해. JavaScript는 일반적으로 scripts (*)에 단일 실행 스레드가 표시되는 것으로 간주되므로 인라인 스크립트, 이벤트 리스너 또는 시간 제한이 입력되면 블록 또는 함수의 끝에서 돌아올 때까지 완전히 제어 할 수 있습니다. (* : 브라우저가 실제로 하나의 OS 스레드를 사용하여 JS 엔진을 구현하는지 또는 다른 제한된 실행 스레드가 WebWorkers에 의해 도..

<select> 에 option을 추가하는 손쉬운 방법

질문 : 옵션 추가jQuery를 사용하십니까? jQuery를 사용하여 드롭 다운에 option 을 추가하는 가장 쉬운 방법은 무엇입니까? 작동할까요? $("#mySelect").append('My option'); 답변 이것은 IE8에서 작동하지 않았습니다 (아직 FF에서는 작동했습니다). $("#selectList").append(new Option("option text", "value")); 이 작업은 : var o = new Option("option text", "value"); /// jquerify the DOM object 'o' so we can use the html method $(o).html("option text"); $("#selectList").append(o); 출처 : h..

비동기 호출에서 응답을 반환하는 방법

질문 : 비동기 호출에서 응답을 반환하는 방법 비동기 요청을 만드는 함수 foo foo 에서 응답 / 결과를 어떻게 반환 할 수 있습니까? 콜백에서 값을 반환하고 함수 내부의 지역 변수에 결과를 할당하고 해당 변수를 반환하려고하지만 실제로 응답을 반환하는 방법은 없습니다 (모두 undefined 값을 반환하거나 변수 result ). jQuery의 ajax 함수를 사용한 예 : function foo() { var result; $.ajax({ url: '...', success: function(response) { result = response; // return response; //

jQuery AJAX 제출 양식

질문 : jQuery AJAX 제출 양식 이름이 orderproductForm 이고 입력 수가 정의되지 않은 양식이 있습니다. 어떤 종류의 jQuery.get 또는 ajax 또는 Ajax를 통해 페이지를 호출하고 orderproductForm 양식의 모든 입력을 함께 보내는 것과 같은 작업을 수행하고 싶습니다. 한 가지 방법은 다음과 같은 작업을 수행하는 것입니다. jQuery.get("myurl", {action : document.orderproductForm.action.value, cartproductid : document.orderproductForm.cartproductid.value, productid : document.orderproductForm.productid.value, ... ..

jQuery 또는 getElementById와 같은 DOM 메서드가 요소를 찾지 못하는 이유

질문 : jQuery 또는 getElementById와 같은 DOM 메서드가 요소를 찾지 못하는 이유는 무엇입니까? document.getElementById , $("#id") 또는 기타 DOM 메소드 / jQuery 선택기가 요소를 찾지 못하는 이유는 무엇입니까? 예제 문제는 다음과 같습니다. jQuery가 이벤트 핸들러를 자동으로 바인딩하지 못함 jQuery "getter"메서드 ( .val() , .html() , .text() ) undefined null 반환하는 표준 DOM 메서드로 인해 여러 오류가 발생합니다. 포착되지 않은 TypeError : null의 '...'속성을 설정할 수 없습니다. Uncaught TypeError : null의 '...'속성을 읽을 수 없습니다. 가장 일반적인..

JavaScript에서 선택적 함수 매개 변수를 수행하는 좋은 방법

질문 : JavaScript에서 선택적 함수 매개 변수를 수행하는 더 좋은 방법이 있습니까? 저는 항상 다음과 같이 JavaScript에서 선택적 매개 변수를 처리했습니다. function myFunc(requiredArg, optionalArg){ optionalArg = optionalArg || 'defaultValue'; // Do stuff } 더 나은 방법이 있습니까? 사용하는 경우가 || 실패 할 것 같은가요? 답변 optionalArg가 전달되면 논리가 실패하지만 false로 평가됩니다. 대안으로 시도해보세요. if (typeof optionalArg === 'undefined') { optionalArg = 'default'; } 또는 다른 관용구 : optionalArg = (typeo..

Google API의 최신 jQuery 라이브러리에 대한 링크

질문 : Google API의 최신 jQuery 라이브러리에 대한 링크가 있습니까? 그러나 jQuery 1.11.1 이후 jQuery와 Google 모두 이러한 URL 업데이트를 중단했습니다. 1.11.1에서 영구적 으로 수정됩니다. 사용할 수있는 대체 URL이 없습니다. 이러한 경우에 대한 설명은이 블로그 게시물을 참조하십시오. jquery-latest.js를 사용하지 마십시오 . 두 호스트 모두 https 및 http 지원하므로 필요에 따라 프로토콜을 변경하십시오 (또는 프로토콜 상대 URI 사용 ). 참조 : https://developers.google.com/speed/libraries/devguide 출처 : https://stackoverflow.com/questions/441412/is-t..

Value로 JavaScript 객체에서 키를 얻는 방법

질문 : Value으로 JavaScript 객체에서 키를 얻는 방법은 무엇입니까? 연관 배열로 사용하는 아주 간단한 JavaScript 객체가 있습니다. 값에 대한 키를 얻을 수있는 간단한 기능이 있습니까? 아니면 객체를 반복하여 수동으로 찾아야합니까? 답변 function getKeyByValue(object, value) { return Object.keys(object).find(key => object[key] === value); } ES6, 프로토 타입 변형 또는 외부 라이브러리 없음. 예, function getKeyByValue(object, value) { return Object.keys(object).find(key => object[key] === value); } const map..

Node.js와 함께 jQuery를 사용하는 방법

질문 : Node.js와 함께 jQuery를 사용할 수 있습니까? Node.js를 사용하여 서버 측에서 jQuery 선택기 / DOM 조작을 사용할 수 있습니까? 답변 업데이트 (27-Jun-18) jsdom 에 대한 주요 업데이트로 인해 원래 답변이 더 이상 작동하지 않는 것 같습니다. 지금 jsdom 을 사용하는 방법을 설명하는 이 답변을 찾았습니다. 아래 관련 코드를 복사했습니다. var jsdom = require("jsdom"); const { JSDOM } = jsdom; const { window } = new JSDOM(); const { document } = (new JSDOM('')).window; global.document = document; var $ = jQuery = req..

연결하지 않고 JavaScript에서 문자열의 변수를 보간하는 방법

질문 : 연결하지 않고 JavaScript에서 문자열의 변수를 보간하는 방법은 무엇입니까? PHP에서 다음과 같이 할 수 있다는 것을 알고 있습니다. $hello = "foo"; $my_string = "I pity the $hello"; 출력 : "I pity the foo" JavaScript에서도 이와 동일한 것이 가능한지 궁금합니다. 연결을 사용하지 않고 문자열 내에서 변수를 사용하면 작성하는 것이 더 간결하고 우아해 보입니다. 답변 템플릿 리터럴 을 활용하고 다음 구문을 사용할 수 있습니다. `String text ${expression}` 템플릿 리터럴은 큰 따옴표 나 작은 따옴표 대신 역 따옴표 (``) (억음 악센트)로 묶습니다. 이 기능은 ES2015 (ES6)에서 도입되었습니다. 예 v..

Node.js의 디렉토리에있는 모든 파일의 이름 목록을 얻는 방법

질문 : Node.js의 디렉토리에있는 모든 파일의 이름 목록을 어떻게 얻습니까? Node.js를 사용하여 디렉토리에있는 모든 파일의 이름 목록을 얻으려고합니다. 파일 이름 배열 인 출력을 원합니다. 어떻게 할 수 있습니까? 답변 fs.readdir 또는 fs.readdirSync 메소드를 사용할 수 있습니다. fs 는 Node.js 코어에 포함되어 있으므로 아무것도 설치할 필요가 없습니다. fs.readdir const testFolder = './tests/'; const fs = require('fs'); fs.readdir(testFolder, (err, files) => { files.forEach(file => { console.log(file); }); }); fs.readdirSync co..

개발관련/other 2021.06.14

선택기가 jQuery에서 일치하는지 확인 하는 방법

질문 : 선택기가 jQuery에서 일치하는지 어떻게 확인합니까? Mootools에서는 if ($('target')) { ... } 합니다. if ($('#target')) { ... } 이 같은 방식으로 작동합니까? 답변 다른 댓글 작성자가 가장 효율적인 방법을 제안하고 있으므로 다음과 같습니다. if ($(selector).length ) { // Do something } 만약 당신이 반드시 exist () 함수를 가지고 있어야한다면-더 느려질-당신은 할 수 있습니다 : jQuery.fn.exists = function(){return this.length>0;} 그런 다음 코드에서 사용할 수 있습니다. if ($(selector).exists()) { // Do something } 여기에 대답했듯..

HTML 요소의 실제 너비와 높이를 검색하는 방법

질문 : HTML 요소의 실제 너비와 높이를 어떻게 검색합니까? 브라우저의 디스플레이 (뷰포트) 중앙에 배치하려는 가 있다고 가정합니다. 요소의 너비와 높이를 계산해야합니다. 무엇을 사용해야합니까? 브라우저 호환성에 대한 정보를 포함하십시오. 답변 .offsetWidth 및 .offsetHeight 속성을 사용해야합니다. .style 아니라 요소에 속합니다. var width = document.getElementById('foo').offsetWidth; .getBoundingClientRect() 함수는 CSS 변환을 수행 한 후 요소의 크기와 위치를 부동 소수점 숫자로 반환합니다. > console.log(document.getElementById('id').getBoundingClientRect(..

jQuery로 input을 disabled/ enable 하는 방법

질문 : jQuery로 입력을 비활성화 / 활성화 하시겠습니까? $input.disabled = true; 또는 $input.disabled = "disabled"; 표준 방법은 무엇입니까? 반대로 비활성화 된 입력을 어떻게 활성화합니까? 답변 disabled 속성을 변경하려면 .prop() 함수를 사용해야합니다. $("input").prop('disabled', true); $("input").prop('disabled', false); .prop() 함수는 존재하지 않지만 .attr() 은 유사합니다. 비활성화 된 속성을 설정합니다. $("input").attr('disabled','disabled'); 다시 활성화하려면 적절한 방법은 .removeAttr() $("input").removeAttr(..

Node.js를 사용하여 JSON을 구문 분석하는 방법

질문 : Node.js를 사용하여 JSON을 구문 분석하는 방법은 무엇입니까? Node.js를 사용하여 JSON을 어떻게 구문 분석해야합니까? JSON을 안전하게 검증하고 구문 분석하는 모듈이 있습니까? 답변 JSON.parse 를 사용할 수 있습니다. JSON 객체의 정의 는 ECMAScript 5 사양의 일부입니다 . node.js는 ECMA 표준을 준수하는 Google Chrome의 V8 엔진을 기반으로합니다. 따라서 node.js에는 전역 객체 JSON [docs]도 있습니다. 주 JSON.parse 는 동기 메서드이기 때문에 현재 스레드를 묶을 수 있습니다. 따라서 큰 JSON 객체를 파싱 할 계획이라면 스트리밍 json 파서를 사용하십시오. 출처 : https://stackoverflow.co..

Node.js 프로그램에 명령 줄 인수를 전달하는 방법

질문 : Node.js 프로그램에 명령 줄 인수를 어떻게 전달합니까? Node.js로 작성된 웹 서버가 있고 특정 폴더로 시작하고 싶습니다. JavaScript에서 인수에 액세스하는 방법을 모르겠습니다. 다음과 같이 노드를 실행하고 있습니다. $ node server.js folder 여기 server.js 는 내 서버 코드입니다. Node.js 도움말은 이것이 가능하다고 말합니다. $ node -h Usage: node [options] script.js [arguments] JavaScript에서 이러한 인수에 어떻게 액세스합니까? 어떻게 든 웹에서이 정보를 찾을 수 없었습니다. 답변 process.argv 저장됩니다. 다음은 명령 줄 인수 처리에 대한 노드 문서입니다. process.argv 는 명..

개발관련/other 2021.06.08

jQuery로 현재 URL을 얻는 방법

질문 : jQuery로 현재 URL을 얻으시겠습니까? jQuery를 사용하고 있습니다. 현재 URL의 경로를 가져 와서 변수에 할당하려면 어떻게해야합니까? URL 예 : http://localhost/menuname.de?foo=bar&number=0 답변 경로를 얻으려면 다음을 사용할 수 있습니다. var pathname = window.location.pathname; // Returns path only (/path/example.html) var url = window.location.href; // Returns full URL (https://example.com/path/example.html) var origin = window.location.origin; // Returns base U..

jQuery에서 5초마다 함수를 호출하는 가장 쉬운 방법

질문 : jQuery에서 5 초마다 함수를 호출하는 가장 쉬운 방법은 무엇입니까? JQuery, 5 초마다 함수를 호출하는 방법. 슬라이드 쇼에서 이미지 변경을 자동화하는 방법을 찾고 있습니다. 가능하면 다른 타사 플러그인을 설치하지 않고 싶습니다. 답변 이를 위해 jquery가 필요하지 않습니다. 일반 자바 스크립트에서는 다음이 작동합니다! var intervalId = window.setInterval(function(){ /// call your function here }, 5000); 루프를 중지하려면 다음을 사용할 수 있습니다. clearInterval(intervalId) 출처 : https://stackoverflow.com/questions/2170923/whats-the-easiest-..

JSON 구조를 반복하는 방법

질문 : JSON 구조를 어떻게 반복합니까? 다음 JSON 구조가 있습니다. [{ "id":"10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }] JavaScript를 사용하여 어떻게 반복합니까? 답변 jQuery 문서 에서 가져옴 : var arr = [ {"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}]; for (var i = 0; i < arr.length; i++){ document.write(" array index: " + i); var obj = arr[i]; for (var key in obj){ var value = obj[key]; d..

Node.JS를 사용하여 JSON 파일을 (서버) 메모리로 읽는 방법

질문 : Node.JS를 사용하여 JSON 파일을 (서버) 메모리로 어떻게 읽습니까? Node.js로 몇 가지 실험을하고 있으며 코드에서 해당 객체에 빠르게 액세스 할 수 있도록 텍스트 파일 또는 .js 파일 (더 나은 ??)에서 JSON 객체를 메모리로 읽어오고 싶습니다. Mongo, Alfred 등과 같은 것이 있다는 것을 알고 있지만 지금 당장 필요한 것은 아닙니다. JavaScript / Node를 사용하여 텍스트 또는 js 파일에서 JSON 객체를 서버 메모리로 어떻게 읽어들입니까? 답변 동조: var fs = require('fs'); var obj = JSON.parse(fs.readFileSync('file', 'utf8')); 비동기 : var fs = require('fs'); var ..

jQuery를 사용하여 이름으로 요소를 선택하는 방법

질문 : jQuery를 사용하여 이름으로 요소를 어떻게 선택할 수 있습니까? 확장하고 숨기려는 테이블 열이 있습니다. jQuery는 요소 name class 별로 선택할 때 요소를 숨기는 것 같습니다. 예를 들면 : $(".bold").hide(); // Selecting by class works. $("tcol1").hide(); // Selecting by name does not work. 아래 HTML을 참고하십시오. 두 번째 열은 모든 행에 대해 name name 속성을 사용하여이 컬렉션을 어떻게 만들 수 있습니까? data1 data2 data1 data2 data1 data2 답변 jQuery 속성 선택기를 사용할 수 있습니다. $('td[name="tcol1"]') // Matches e..

728x90
반응형