Level3 문제 이번 추석에도 시스템 장애가 없는 명절을 보내고 싶은 어피치는 서버를 증설해야 할지 고민이다. 장애 대비용 서버 증설 여부를 결정하기 위해 작년 추석 기간인 9월 15일 로그 데이터를 분석한 후 초당 최대 처리량을 계산해보기로 했다. 초당 최대 처리량은 요청의 응답 완료 여부에 관계없이 임의 시간부터 1초(=1,000밀리초)간 처리하는 요청의 최대 개수를 의미한다. 해결방법 임의의 한 구간을 선택해서 1s안에 몇 개의 타임라인이 지나가는지 구하는 문제이다. 임의라는게 가장 헷갈리는 부분인데, 단순하게 생각해보면 이미 종료시점에 맞춰서 데이터가 정렬되어서 내려온다. 즉, 데이터를 반복문 돌렸을 때 다음 데이터의 종료시점은 무조건 나보다 뒤에 있다. 그렇다면 시작 시간이 현재 데이터 구간 ..
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: Email input box **/ HTML @ 선택하세요 naver.com gmail.com hanmail.com 직접입력 jQuery function selectEmail(ele){ var $ele = $(ele); var $email2 = $('input[name=email2]'); // '1'인 경우 직접입력 if($ele.val() == "1"){ $email2.attr('readonly', false); $email2.val(''); } else { $email2.attr('readonly', true); $email2.val($ele.val()); } } CSS input{wid..
/** * Browser :: IE11, Chrome * Desc :: Jquery Class Control */ CSS .active{color:red} HTML 이벤트 텍스트 버튼 jQuery function event(){ // 이벤트 텍스트 정보 var event = $('div[name=p_event]'); if(event.hasClass('active') == true){ // 이벤트 텍스트에 active가 있는 경우 클래스 삭제 event.removeClass('active'); } else { // 이벤트 텍스트에 active가 없는 경우 클래스 추가 event.addClass('active'); } } /** * 궁금한 점은 댓글로 남겨주세요. * Please fell free to as..
/** * Blower :: IE11, Chrome * Desc :: Character spacing (letter-spacing, word-spacing) */ 글자, 단어 간격 조정 :: letter-spacing, word-spacing TEXT TEXT TEXT TEXT ResultTEXT TEXTTEXT TEXT /** * 궁금한 점은 댓글로 남겨주세요. * Please fell free to ask me any questions. */
[HTML/CSS] 텍스트 줄임말(...) 처리 - ellipsis
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: text ellipsis 처리 **/ 텍스트의 경우 white-space: nowrap;text-overflow: ellipsis;overflow: hidden; 테이블의 경우 텍스트가 길어지면 세가지 현상이 나타나는데, 1. 테이블 길이가 텍스트 길이에 맞춰진다.2. 텍스트가 줄바꿈 되면서 테이블의 세로 길이가 늘어난다.3. 텍스트가 테이블 크기를 뚫고 나간다. 에는 "table-layout: fixed", 에는 "white-space:nowrap; text-overflow:ellipsis; overflow:hidden;" HTML 번호 제목 작성자 등록일 조회수 1111111111 제목입..
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: jQuery - Get selected radio value */ HTML 성별 남성 여성 jQuery function getValue() { // 선택된 라디오의 value 값을 가져옵니다. ex) male || female var sex = $('input[name=gender]:checked').val(); } /** * 궁금한 점은 댓글로 남겨주세요. * Please fell free to ask me any questions. */
[Js/jQuery] 웹에서 모바일처럼 Toast 창 띄우기 (잠깐 알림창)
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: Toast **/ HTML Error CSS .error { width: 250px; height: 20px; height:auto; position: fixed; left: 50%; margin-left:-125px; bottom: 100px; z-index: 9999; background-color: #383838; color: #F0F0F0; font-family: Calibri; font-size: 15px; padding: 10px; text-align:center; border-radius: 2px; -webkit-box-shadow: 0px 0px 24px -1px rgba(56..
[HTML/CSS] 모바일에서 전화걸기 a href / onclick
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: mobile call, onclick / a href */ HTML 02-1234-1234로 전화걸기 Result 버튼에서는 onclick 이벤트로 전화번호 값을 아래와 같이 줄 수 있으며, 태그를 통해서도 아래와 같이 가능합니다. 모바일에서 버튼 클릭 시 팝업창으로 전화번호와 함께 'Cancel' / 'Call' 버튼이 나타나게됩니다. /** * 궁금한 점은 댓글로 남겨주세요. * Please fell free to ask me any questions. */
/** * Browser :: IE9+, Chrome, Safari, Firefox, Opera * Desc :: if isNaN / How to check NaN a Number **/ NaN : Not a Number, 변수 또는 값이 숫자가 아니지만, 숫자로 사용하는 경우 발생하는 오류입니다. JavaScript에서는 이러한 값을 구분하기 위하여 다음 함수를 제공합니다. isNaN(); // true or false Javascript if(isNaN(NaN)) { // 변수 또는 값이 Not a number 상태입니다. } /** * 궁금한 점은 댓글로 남겨주세요. * Please fell free to ask me any questions. **/