Web Club

가까운 수 구하기(배열)

배열에서 가까운 수 구하기 // [!!] 가까운 값 : 차이값의 절대값이 최소값일 때의 데이터 var data = [10,4,29,30,11]; var target = 25; // 25와 가까운 값 var near = 0; // 이곳에 제일 가까운 수가 담기면 되겠죠?! var abs = 0; var min = 100; // 해당 범위에서의 가장 큰 값으로 for(var i = 0; i < data.length; i++) { abs = ( (data[i] - target) < 0) ? -(data[i] - target) : (data[i] - target); if(abs < min) { min = abs; // MIN near = data[i]; // Near : 가까운 값 } } $('.result')..

Code Lab 2015. 2. 20. 18:18

마우스 오른쪽 버튼 사용 금지

마우스 컨트롤하기 function clickMouse() { if((event.button == 2) || event.button == 3) { return false; } } function clickkey() { if((event.shiftkey) && (event.keycode == 121)) { return false; } } function noAction() { return false; } document.onmousedown = clickMouse; document.onkeydown = clickkey; document.oncontextmenu = noAction; document.ondragstart = noAction; document.onselectstart = noAction;

Code Lab 2015. 2. 20. 17:25

폼 동기화하기(배송정보)

주문자 정보 이름 : 배송정보를 메일로 받음 주문자정보와 배송지 정보가 같음 배송지 정보 이름 : 배송정보를 메일로 받음 var name = ""; var email = false; // 배송지 정보에 복사된 정보 남기기 function initValue(frm){ name = frm.txtName.value; email = frm.chkmail.checked; } function shipToBill(frm) { if(frm.copy.checked) { initValue(frm); // 현재 텍스트박스와 체크박스 상태유지 // 기본 document.getElementById('deliveryName').value = document.getElementById('txtName').value // 폼객체 활..

Code Lab 2015. 2. 20. 15:51

심플 회원가입 양식 체크

회원 가입 폼 js 만들어보기 function chkRegister() { // 아이디 체크 var userId = document.getElementById('userId'); if(userId.value == "" || userId.value.length > 3) { alert('아이디를 입력하시오.'); userId.focus(); } // 비밀번호 체크 var pwd = document.getElementById('userPW'); if(pwd.value.length 13) { alert('비밀번호는 3자이상 12자이하로 입력하세요.'); pwd.select(); return false; } // 비밀번호 확인 체크 var pwCfm = documen..

Code Lab 2015. 2. 19. 20:18

폼 유효성 검사(Form validate check) - 간단 자바스크립트

폼 유효성 검사 아이디 암호 function checkForm() { var userId = document.fmField.uerId; // 아이디 입력 유무 체크 if(userId.value == '' || !(userId.value.length >= 3 && userId.value.length

Code Lab 2015. 2. 19. 16:34

모바일에서 넘버로 구성된 텍스트 컬러 나오지 않을때... 메타태그 코드

ㆍ 모바일에서 tel 넘버의 css font 컬러가 제대로 랜더링 되지 않을때 아래 메타코드를 적어주면 해결. Jaehee's WebClub

HTMLㆍ웹표준ㆍ 웹접근성 2015. 2. 15. 21:25

CSS3 멀티라인 말줄임 처리 및 폴백

CSS를 통한 멀티라인 말줄임 처리와 폴백(fallback) WebKit Browsers will clamp the number of lines in this paragraph to 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit es..

StyleSheet/CSS 2015. 2. 15. 21:22

jQuery map을 이용한 max값(width,height) 구하기

map, apply 메소드 활용 javascript var maxHeight = Math.max.apply(null, $("div.panel").map(function (){ return $(this).height(); }).get()); var heights = $("div.panel").map(function (){ return $(this).height(); }).get(), maxHeight = Math.max.apply(null, heights);

Code Lab 2015. 2. 15. 21:04

Aptana Studio localhost 설정하기

localhost : 서버설정방법 ※ preference => Aptana Studio의 Web Severs 클릭후 new 클릭 = > External Web Server External Web Server Name : 사용자 네임 Base URL : http://localhost:8080 Document Root : 이거는 내가 작업하는 폴더루트 경로 잡기 ※ project에 properties - preview Server 셋팅할 것 ※ run 아이콘에서 run coofigurations > Web Brower 에서 우측 ui에서 Server => use selected server 클릭해서 설정한 로컬호스트로 연결 ※ ctrl+ F11로 브라우저 바로 열기 preferences > run/Debug..

Dev Environment/개발 환경 2015. 2. 15. 20:55

아파치 톰캣이 아닌 아파치 셋팅(설정)하기

Apache 아파치 웹사이트 : http://httpd.apache.org/download.cgi C:\Program Files (x86)\Apache Group\Apache2\conf httpd.conf 파일에서 # line 119 # Listen 12.34.56.78:80 Listen 80 Listen 8080 (포트번호 추가하려면) line 252 # This should be changed to whatever you set DocumentRoot to. # # # 참고 (해당 로컬 루트 프로젝트 전체) # 도큐먼트 루트설정하기 # line 321 DirectoryIndex index.html index.html.var main.html (인덱스로 사용할 파일네이밍 추가할수 있음) # line 8..

Dev Environment/개발 환경 2015. 2. 15. 20:49

모바일,태블릿 import css 분기 및 em 계산(사용)하기

CSS 분기 및 EM 계산 모바일 및 태블릿 CSS 분기 em 계산(사용)하기 px em % pt 10px 0.625em 62.5% 8pt 12px 0.750em 75% 9pt 16px 1em 100% 12px em 계산 방법 ㆍ 사용하고자 하는 px / 기준크기 px = em %로 font-size 기준을 잡을 경우에 예를 들어 62.5% 가 기준이면 10px이 1em 기준이 중요함... 여기선 기준이 10px이고 내가 사용하고자 하는 px이 10px 이라면... em으로 변환시 10 (사용픽셀) / 10 (기준크기) = 1em body의 font-size크기의 기준이 75.0% 로 기준이라면 12px이 기준이라는 의미이고 16px 을 em으로 변환한다면... 16 / 12 = 1.3333... em이..

StyleSheet/CSS 2015. 2. 15. 20:36

톰캣 로컬 서버 및 SSI 설정하기

톰캣 SSI 설정 context.xml 수정 톰캣 : http://tomcat.apache.org/ C:\Program Files (x86)\Apache Software Foundation\Tomcat 7.0\conf 의 context.html 파일에서컨텍스트 설정부분에 속성을 하나 추가해준다. Catalina C:\Program Files (x86)\Apache Software Foundation\Tomcat 7.0\conf\Catalina\localhost ㆍ docBase 는 작업루트 경로로 맞춘다 SSI(server side include)사용하기 위한 톰캣 web.xml 수정하기 web.xml 에서 아래의 코드 주석을 풀어줍니다. ssi org.apache.catalina.ssi.SSIServl..

Dev Environment/개발 환경 2015. 2. 15. 20:19

[Mac용] webStorm 단축키 정리

control + return (Navigator에서) 새 파일 생성하기 option(alt) + F12 터미널창 열기 command + , preference 열기 command + delete 한 줄 라인 없애기기 command + return 현재줄에서 커서 유지하면서 다음줄 새로 생성하기 shift(command) + return 아래로 새로운 라인으로 줄바꿈하기 command + option(alt) + return 윗줄로 새로운 라인으로 줄바꿈하기 control + shift + J 라인 합치기 command + d 한 줄 복사하기 command + shift + U 대소문자 토글하기 option(alt) + 방향키(상하) selection 지정하기( 방향키 위: expand, 방향키 아래: ..

Dev Environment 2015. 2. 13. 15:09

Node js로 웹서버 설정하기(Mac)

Node js로 웹서버 구축 1. node js 홈페이지에서 node js를 다운로드한다.2. 다운로드한 파일을 설치한다. 3. 설치를 끝낸 후에 mac의 터미널창이나 웹스톰(IDE)의 터미널창에 서버화 할 root 디렉토리로 설정후 아래 코드를 작성한다. npm install serve-static npm install connect (root로 설정한 폴더에 가보면 node_modules 폴더에 하위폴더로 serve-static 과 connect가 생성되어 있음) 4. root 바로 하위에 js 파일인 server.js 생성한 후 아래 코드를 작성한다.var connect = require('connect');var serveStatic = require('serve-static');connect()..

Web Tech/node.js 2015. 2. 12. 15:05

파비콘 및 앱 아이콘 설정

파비콘 앱 아이콘

HTMLㆍ웹표준ㆍ 웹접근성 2015. 2. 11. 18:47