본문 바로가기

script&css&html&ajax

(14)
Next.js에서 파일 및 디렉토리의 이름 규칙과 사용 예제 1. pages 디렉토리와 app 디렉토리Next.js 13 버전부터는 새로운 app 디렉토리가 도입되었습니다. 이 디렉토리는 React Server Components를 기반으로 한 서버 사이드 렌더링을 지원합니다. 기존의 pages 디렉토리도 계속해서 사용할 수 있습니다만, 새로운 기능과 향상된 퍼포먼스를 위해 app 디렉토리를 사용하는 것이 권장됩니다.1.1 app 디렉토리 구조app 디렉토리 안에서는 파일과 폴더 이름이 라우팅과 직접적으로 연결됩니다.페이지 파일: page.tsx 또는 page.jsx레이아웃 파일: layout.tsx 또는 layout.jsx로딩 상태 파일: loading.tsx 또는 loading.jsx에러 처리 파일: error.tsx 또는 error.jsx헤드 파일: head..
PM2의 주요 기능과 일반적으로 사용하는 기능 1. PM2란 무엇인가요?PM2(Process Manager 2)*는 Node.js 애플리케이션의 프로세스를 관리하고 모니터링하는 프로덕션 프로세스 매니저입니다. PM2를 사용하면 다음과 같은 이점을 얻을 수 있습니다:애플리케이션의 가용성 향상: 자동 재시작, 로드 밸런싱, 클러스터링 등을 통해 애플리케이션의 가용성을 높입니다.프로세스 관리 간소화: 애플리케이션의 시작, 중지, 재시작 등을 간단한 명령어로 수행할 수 있습니다.모니터링 및 로깅: 실시간으로 애플리케이션의 상태와 로그를 확인할 수 있습니다.자동화된 배포: 설정 파일을 통해 애플리케이션의 배포 및 관리를 자동화할 수 있습니다.2. PM2의 주요 기능2.1 프로세스 관리시작, 중지, 재시작, 삭제: 애플리케이션 프로세스를 쉽게 관리할 수 있습니..
ajax 요청시 이전 요청이 종료전 다시 요청이 오면 이전 요청 종료 이전 AJAX 요청이 아직 완료되지 않은 경우에만, 현재 요청을 취소하고 새로운 요청을 시작합니다.이렇게 하면 여러번 클릭하더라도 마지막 요청만 실행되며 이전 요청은 취소됩니다. var ajaxRequest = null;// 체크박스 클릭 이벤트 리스너$('input[type="checkbox"]').on('click', function() { if (ajaxRequest !== null) { // 이전 요청이 아직 완료되지 않았으면 취소 ajaxRequest.abort(); } // AJAX 요청 시작 ajaxRequest = $.ajax({ url: 'your_action_result_url_here', method: 'POST'..
Javascript Password Validation 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 JQuery Validation Test // $(document).ready(function () { // 패스워드 체크 함수 function passwordValidation(passwd) { // 1. 가능문자 여부 체크 var notValid = /[^\w\~\!\@\#\$\%\^\&\*\(\)\_\+\|\{\}\:\"\\?\`\-\=\[\]\;\'\,\.]/g.test(passwd); if (notValid) { return "영문,숫자 및 사용 가능한 특수문자로 입력해주세요."; } // 2. 영문,숫자,특수문..
prototype.js - [배열의 길이는 유한한 양수로 할당해야 합니다.] error message [배열의 길이는 유한한 양수로 할당해야 합니다.] solution prototype.js에서 아래 부분 수정 [AS-IS] shift: function() { var result = this[0]; for (var i = 0; i 0){ this.length--; } return result; },
prototype과 jquery를 함께 사용할경우 prototype과 jquery를 함께 사용할경우 var $j = jQuery.noConflict(); // $j is now an alias to the jQuery function; creating the new alias is optional. $j(document).ready(function() { $j( "div" ).hide(); }); // The $ variable now has the prototype meaning, which is a shortcut for // document.getElementById(). mainDiv below is a DOM element, not a jQuery object. window.onload = function() { var mainDiv = $( ..
Classic ASP에서 JQuery Ajax EUC-KR 문제처리 1. 호출하는 페이지 1234567891011121314151617181920212223242526272829 Colored by Color Scriptercs 2. 호출되는 페이지 1cs 3. 호출하는 페이지에서 실행 3.1실행전 3.2 실행후
window.alert overload (3사 이통사 WAP 서비스시 LGT alert창의 크기가 작음) 이통사 WAP서비스시 alert을 통한 validation 처리를 하는 경우 KT : 보기좋은 크기로 표현 SKT : 애매한 크기로 표현 LGT : 일부단말 alert 안뜸(브라우저 버전은 같아도 년월일 에 따라 문제 발생) 기본적인 alert을 표현하는게 작아 터치폰의 경우 클릭하기가 어렵다. 결론 : LGT만 우선적으로 레이어 팝업으로 대체 /* * 이미지 Alert 레이어를 document.body에 append 합니다. * @param {String} message : alert message 내용 */ function showAlert(message) { var maindiv = "hiddenDivh"; var serviceType = "XHTML"; var imgUrl = "이미지URL"; v..