여름나라겨울이야기

AJAX 를 이용해 Form 의 데이타를 POST 로 전송하기 소스이다. 현재 응답해줄 서버가 없기에 ㅡㅡ; 그냥 tistory.com 의 한 페이지를 보여줄 뿐이지만 수정해서 사용한다면 여러모로 유용할 것이다. 수정이 필요한 부분은 ///* 로 표시해 두었다. POST 로 보내가 싫다면 GET 으로 전송하기 위해 수정해야 할 곳에 역시 ///* 로 표시해 두었다. 테스트: 이름 이야기 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하게 선택 완료) 이름 이야기

ASP.NET 을 사용한다면 이미 제공되는 컴포넌트 설정을 통해서 알아낼 수 있는 값이지만 ASP 를 사용한다면 클라이언트로부터 서버로 제공되는 정보를 확인하기 위해 써드파티 컴포넌트를 사용해야 하고 이것은 곧 인스톨이라는 귀찮은 과정을 낳는다. 특히, 서버에 포팅 후에 클라이언트에서 서버로 옮겨지는 데이타를 확인하기 위해서 서버에 컴포넌트를 셋팅한다는 것은 어불성설이기에 Wrox 에서 공개한 소스를 조금 변형해서 즐겨사용하게 되었다. 오직 ASP 만을 이용해 구현하였기에 부담도 없다. 아래 소스를 ChkRequest.asp 로 저장해 두고 다른 ASP 페이지에서는 Server.Execute "경로명/ChkRequest.asp" 을 이용해 붙여 넣어두고 실행하면 된다. 물론 직접 호출하는 것도 한가지 방..

자바스크립트에서의 숫자 판별은 그리 자주 이용하는 기능이 아니라서 늘 잊어먹기만 한다. 기왕 시작한 블러깅이니 머리 속에, 그리고 여기 저기 흩어져 있던 잡학을 모아 보는 거다. isNaN(판별대상) isNaN: is Not a Number 판별대상이 숫자이면 false 를, 숫자가 아니면 true 를 반납한다. 테스트: 자동 판별 (포커스를 벗어나면)수동 판별 (뒤에 버튼을 누르면) 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하게 선택 완료) 자동 판별 (포커스를 벗어나면) 수동 판별 (뒤에 버튼을 누르면)

자바스크립트에서 replace 를 사용할 때 단순히 replace('a', 'b') 라고 쓰면 맨 처음 나타나는 'a' 만을 'b' 로 단 하나만 바꾸어 준다. 하지만 정규식을 이용한다면 모든 'a' 를 'b' 로 바꾸는 것도 가능하다. replace(/a/gi, 'b') 처럼 말이다. 여기서 a 를 바꾸어질 문자(열), b 는 바뀔 문자(열)가 되겠다. 원한다면 무엇을 바꾸어도 되겠지.. g 의 의미는: 발생할 모든 pattern에 대한 전역 검색 i 의 의미는: 대/소문자 구분 안함 m 의 의미는: 여러 줄 검색(여기서는 사용하지 않았다. 원한다면 하자.) 문자열을 바꾸고 싶다면 문자열을 입력해 주자. 아래 소스는 abc 라는 문자열을 def 라는 문자열로 바꾸어 주는 소스이다. replace(/ab..

프로젝트를 진행하다 보면 원격 또는 로컬의 웹페이지 소스를 보면서 여러 가지 정보를 참고해야 할 때가 있다. 그럴때 유용하게 써 먹어 보자. AJAX 를 이용한 순수한 HTML 페이지이다. 소스를 카피해서 HTML 로 저장한 후에 더블클릭하거나 브라우저에 던지거나 해서 실행해 보자. 단, AJAX 가 가진 크로스 도메인 문제로 현재 사용하는 도메인이 아닌 경우 권한 오류가 나타난다는 아픔이... 따라서 위에 이야기한 데로 HTML 파일을 탐색기에서 더블클릭하거나 브라우저에 던져 넣어서 실행해야만 크로스 도메인 문제를 극복(?)할 수 있다는 거... ^^; 아래 브라우저의 주소창을 본다면 무슨 뜻이지 이해되리라는 거... 백문이 불여일견!!! 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하..

자바스크립트에서 Trim, 즉 입력값의 좌우공백을 제거하는 함수를 정규식을 이용해서 구현해 보자. 출처가 데브피아였다는 것을 빼고는 별로 기억이 없다. 백문이 불여일견 앞뒤로 공백이 있는 문자를 입력하고 각각의 결과를 아래 화면에서 확인해 보면 확실한 느낌이 올 것이다. 테스트: 자동 Tirm (포커스를 벗어나면)수동 Trim (뒤에 버튼을 누르면) 소스: (아래 부분을 클릭하고 Ctrl + A 를 누르면 깔끔하게 선택 완료) 자동 Tirm (포커스를 벗어나면) 수동 Trim (뒤에 버튼을 누르면) 핵심은 아래부분이다. 정규식과 자바의 prototype 속성을 몰라도 사용하는데는 지장이 없겠지만 정규식 같은 경우는 반드시 학습해 둘 필요가 있다고 하겠다. String.prototype.trim = fun..