여행과 일상

var datas = ["1", "2", "3", "4", "5", "6", "7"]; var dataSlice = datas.slice("3"); var dataJoin = dataSlice.join(" + "); alert(dataSlice);-> 결과 : 4, 5, 6, 7-> 내용 : slice(startIdx)인자로 받은 값부터 노출한다ex2 ) slice(startIdx, endIdx);alert(datas.slice(1, 4));-> 2, 3, 4-> startIdx 포함 ~ endIdx 이전 값을 노출한다 ( 0 부터 시작 ) alert(dataJoin);-> 결과 : 4 + 5 + 6 + 7-> 내용 : join(연결문자);각 목록들을 노출 시 연결 문자를 셋팅한다

text area 에 동적으로 append 를 사용하여 raw 를 추가 할 시 스크롤이 생기게 되는데그럴 경우 스크롤을 항상 최하단으로 내리기 var t_height = $("#id_textarea")[0].scrollHeight; $("#id_textarea").animate({scrollTop : t_height},'slow');

1. Blocking과 NON-Blocking 차이가 뭔가요? 잘 이해가 안되네요? 둘간에 차이점좀 설명 부탁드려요.네이버나 구글등 검색엔진에서 검색하시면 이와 관련된 많은 자료를 얻으실 수 있기에 간단하게 설명드리겠습니다. 단어적인 측면에서 비교해보자면 블록킹은 뭔가 막힌다는 의미가 되고 논-블록킹은 막히지 않는다 라는 차이점이 있습니다. - 블록킹 소켓에 대한 설명블록킹 소켓을 사용하면 한 타임에 하나의 접속만 처리가 가능 합니다.예를들어, 블록킹 소켓을 사용한 서버라고 가정하는 경우 서버의 역할상 동시다발적으로 복수의 클라이언트가 접속을 하여 서비스를 이용하게 되는데 블록킹 소켓을 사용하면 순차적으로 클라이언트의 접속을 받아들여 작업하고 해당 작업이 완료 돼야 다음 접속에 대한 작업을 진행하게 됩니..

# 한 페이지에 보여질 게시물 갯수 PageSize = 20 # 한 페이지에 보여질 페이지 블럭 갯수 PageBlockCount = 10 # paging parameter searchType = self.get_argument("searchType", "", True) searchWord = self.get_argument("searchWord", "", True) // 현재 페이지 currentPage = int(self.get_argument("currentPage", 1, True)) # search logic searchQueryStr = "" if searchType != "" and searchWord != "": if searchType == "TITLE": searchQuery..

Tornado는 python으로 만들어 진 오픈소스 웹 관련 툴들로 구글의 webapp과 유사하다. 하지만 가장 큰 차이점은 non-blocking이고 빠르다는 것이다. epoll을 사용해서 non-blocking 서버를 구현하기 때문에 동시에 몇천개의 처리해 줄 수 있기 때문에 리얼타임 웹 서비스에 적합하다. * 설치 다운로드 경로 : https://pypi.python.org/pypi/tornado 압축해제 후 해당 경로에서 빌드 및 설치python setup.py buildpython setup.py install 설치가 끝나고 나면 설치되었는가 확인도 할 겸 프로그래밍을 배울 때 가장 처음에해보게되는 Hello World 를 출력해 보겠다. import tornado.httpserver impor..

2. 속성(CSS), 추출- 속성(CSS) .addClass() : 지정한 요소에 class 값을 추가한다. $("p").addClass("name"); // class = "name" 추가.hasClass() : 지정한 요소에 class 유무를 확인한다. if($("p").hasClass("name")==true) // class 가 "name"인지 확인 true/false.removeClass() : 지정한 요소에 class 값을 제거한다. $("p").removeClass("name"); // class = "name"을 제거.toggleClass() : 지정한 요소에 class를 추가/제거 $("p").toggleClass("name"); // class = "name"이 있으면 제거 / 없으면 ..

3. 검증.is() : 현재 상태를 확인하여 반환한다. true / false var chk = $("div").is(":animated"); // chk 는 true, false $.contains() : 첫번째 인자 요소에 두번째 인자 요소를 가지고 있는지 확인한다. $.contains($("#name"), $("#code")) // #name 요소 아래에 #code 요소가 있다면 true $.isArray() : 인자가 배열인지 확인한다. $.isArray(arr) // arr이 Array 인지 체크 true / false $.isEmptyObject() : 인자가 empty 인지 체크한다. $.isEmptyObject(arr) // arr 이 empty 인지 체크 empty : true / fal..

4. 효과.animate() : 해당 객체의 CSS 변화 효과를 준다. /$('p').animate({CSS Map}, {options}); / $('p).animate({color:'white', font-size : 22px}, {duration : 400, easing : 'ease-in', complete : function(){....}}); {queue:false} .delay() : 해당 시간만큼 실행을 delay 시킨다. / $("div").slideDown().delay(5000).slideUp(); // id div 요소를 슬라이드 다운 후 5초 후 슬라이드 업 한다. .stop() : 실행중인 애니메이션을 중지한다. $("div").stop(); // div의 큐의 애니메이션을 멈춘다..

Event - event 제어 .bind() : event가 발생하면 실행될 함수를 지정한다. (이미 생성된 DOM에 대하여) / $("#image").bind("mousedown", function(){ // id image 요소에 마우스를 클릭했을 때, 해당 함수 실행 지정 });.unbind() : bind()를 해제한다. .live() : 동적으로 생성된 DOM 객체들의 이벤트를 연결한다. (이벤트 버블 발생 가능) / $("#image").live("click", function(){ // id image 요소에 마우스를 클릭했을 때, 해당 함수 실행 지정 });.die() : live() 제거 .delegate() : 동적으로 생성된 DOM 객체들의 이벤트를 연결한다. (이벤트 버블 방지) /..

ajax함수 ajax함수는 다음과 같은 표현식으로 구현이 되며, options에 들어갈 속성을 아래에 정리해 놓았습니다. 더 자세한 사항은 넥스트리 블로그에 게시된 김재훈 님의 Ajax를 품은 jQuery를 참조하시면 됩니다.1 $.ajax(options);url : 통신을 원하고자 하는 URL주소를 입력합니다.(필수 입력 값)data : 서버로 보낼 데이터를 입력합니다.type : GET, POST등의 통신 방식 지정합니다.dataType : 통신의 결과로 넘어올 데이터의 종류를 지정합니다.success(data) : 통신 성공시 호출 해야하는 함수를 지정합니다. 매개변수로 결과로 넘어온 데이터를 받습니다.error : 통신 실패시 호출 해야하는 함수를 지정합니다.complete : 통신 성공 여부와 ..