IT종합 블로그

대부분의 프로그래밍 언어에서 trim()은 공백을 제거하는 함수이다 하지만 javascript에서는 기본적으로 trim()을 제공하지 않아서 보통은 jQuery의 trim()을 이용한다. 사용법은 다음과 같다. jQuery를 임포트 하고 호출하여 trim() 함수를 이용하였다. 만약 jQuery를 사용하고 싶지 않다면 다음과 같이 정규식을 이용해 같은 효과를 낼 수 있다.

Part 2. URI , 웹 브라우저 요청의 흐름 1. URI (Uniform Resource Identifier) 1) URI, URL, URN "URI는 위치(Locator), 이름(Name) 또는 둘 다 추가로 분류될 수 있다" 이 문구로 보았을 때 URI는 URL(Locator)과 URN(Name)을 포함하는 개념으로 볼 수 있다. URN은 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화되지 않아 잘 사용하지 않는다." a) URL의 예시 "URL은 리소스가 있는 위치를 지정" b) URN의 예시 "URN은 리소스에 이름을 부여 c) URI의 뜻 Uniform: 리소스를 식별하는 통일된 방식 Resource: 자원, URL로 식별하는 있는 모든 것 Identifier: 다른 항복과 구분하는데..

Part 1. IP, TCP, UDP, PORT, DNS 개념 1. IP (인터넷 프로토콜) 역할 1) 지정한 IP 주소에 데이터를 전달한다. 2) 패킷 단위로 데이터를 전달한다. (패킷에는 출발지 IP, 목적지 IP 등의 정보가 있다) 한계 1) 비연결성 : 패킷을 받을 대상이 없거나 서비스가 불능 상태여도 패킷을 전송한다. 2) 비신뢰성 : 중간에 패킷이 사라질 수도 있고(중간에 서버가 문제가 발생해 전달이 안될 수 있음), 여러 개의 패킷을 보내면 순서대로 도착하지 않을 수 있다(먼저 전송한 패킷이 늦게 도착할 수 있음) 3) 프로그램 구분 : 같은 IP를 사용하는 애플리케이션이 둘 이상이면?.. 구분할 수 없다. 2. TCP (전송 제어 프로토콜, Transmission Control Protoc..

클라이언트가 쿠키생성을 못하게 하면 로그인 유지가 어려워지는데 이때 세션을 유지시키기 위해서 특정값을 부여하는 것 ! 굉장히 좋은 기능을 가졌다. ============================= function fn_view(tblId, row) {var param = {};P_link("" );}라고 보통 쓰는데  우리가 이러한 태그를 쓰는 이유는간혹 혼자 보안 의식을 철저히 가지고 있으신 분들 중에 브라우져쿠키사용금지를 시켜 놓으신분 들이 계신데    이러한 분들 때문에 따로 링크 뒤에 아까 알게 되었던 sessionId를 붙혀서 세션을 유지하도록 한다.  따라서 소스에  라고 써 놓으면 클라이언트에서는 src ="불라불라;jsessionId =와따구리동구리동동" 이라고 된다.   이 링크들은 ..

현재 웹 페이지의 전체 URL을 가져와서 변수로 지정하려는 경우 다음 스크립트를 사용할 수 있습니다. window.location.hrefJavaScript Window Location 참고:window.location.href – 현재 페이지의 href (URL) 반환window.location.hostname – 웹 호스트의 도메인 네임 반환window.location.pathname – 현재 페이지의 경로와 파일 이름 반환window.location.protocol – 사용하는 웹 프로토콜 반환 (http:// 혹은 https://)window.location.assign – 새 document 로드 따라서 Javascript로 전체 URL 경로를 가져오려면 다음과 같이 사용할 수 있습니다.var ..

jQuery를 이용해서 동적으로 이벤트 핸들러를 추가하기 위해서 bind(), live(), delegate() 과 같은 함수를 사용할수 있다가장 기본적인것은 bind() 함수로 Click here 위와 같은 html 문서가 있을때$('.clickme').bind('click', function() { // Bound handler called. });이렇게 해서 clickme 클래스를 가진 객체에 대해 onclick 이벤트를 처리할수 있다하지만 이후에 아래의 코드가 실행되는 상황을 가정해 보자$('body').append('Another target');그렇다면 새로 추가되는 div 객체 또한 clickme 클래스인데, 이 클래스의 경우에는 앞서 추가한 onclick 이벤트 핸들러가 등록 되어 있지 않..

function check(){ var str = document.getElementById('personName'); if( str.value == '' || str.value == null ){ alert( '값을 입력해주세요' ); return false; } var blank_pattern = /^\s+|\s+$/g; if( str.value.replace( blank_pattern, '' ) == "" ){ alert(' 공백만 입력되었습니다 '); return false; } //공백 금지 //var blank_pattern = /^\s+|\s+$/g;(/\s/g var blank_pattern = /[\s]/g; if( blank_pattern.test( str.value) == true){..

스페이스 조금 더 큰 스페이스 큰 스페이스

siblings() 함수는 DOM 트리 상의 형제 요소들을 찾아 새로운 jQuery 객체를 만들어 줍니다. 이 함수에는 $() 함수에 사용할 수 있는 모든 선택자 표현이 올 수 있습니다. 만일 그 선택자가 주어졌고 그 선택자에 의해 선택될 수 있는 바로 다음 요소들이 있다면 jQuery 객체가 반환되고 그렇지 않다면 제외됩니다. 예를 보시죠. list item 1 list item 2 list item 3 list item 4 list item 5 item 3의 형제 요소들을 찾아볼까요. $('li.third-item').siblings().css('background-color', 'red'); 스크립트의 결과는 items 1, 2, 4, 그리고 5 의 배경색이 바뀌게 됩니다. 선택자 표현을 포함하지 ..

function fnOpenChapter() {02.var obj = $('#chapter_select');03.var iHeight = (document.body.clientHeight / 2) - obj.height() / 2 + document.body.scrollTop;04.var iWidth = (document.body.clientWidth / 2) - obj.width() / 2 + document.body.scrollLeft;05. 06.obj.css({07.position: 'absolute'08., display:'block'09., top: iHeight10., left: iWidth11.});12.} 팝업등 추가로 열리는 창을 반응형으로 항상 가운데 고정시켜줍니다.