본문 바로가기
반응형

IT/Web31

Javascript / JQuery 로 엘리먼트 값 체크하기 ■ Javascript 로 특정 Form 의 모든 엘리먼트들에 대해 값이 있는지 검사하기 var elements = document.getElementById("ds_form").elements; for (var i = 0, element; element = elements[i++];) { //if (element.type === "text" && element.value === ""){ if (element.value === "") { $("#errormsg").fadeIn().text("Error!").css("color", "red"); element.focus(); return false; } } ■ Javascript 로 특정 태그 이름의 모든 엘리먼트들에 대해 값이 있는지 검사하기 var el.. 2021. 1. 25.
HTML <label> Tag 웹페이지 개발 중 tag 안에 태그를 넣었더니,한 줄이 모두 button 으로 클릭되었다.왜 그런지 몰라서 하루를 헤매었는데 그 이유를 찾았다 https://www.w3schools.com/tags/tag_label.asp의 내용이다 Definition and Usage The tag defines a label for an element. The element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the element, it toggles the control... 2017. 7. 27.
javascript / jQuery 로 텍스트 클립보드로 복사하기 $("button").click(function(){ $("textarea").select(); document.execCommand('copy'); }); Select 테스트 해보니 크롬, 익스플로어에서 모두 잘 된다 ㅎㅎ위의 소스는 textarea 의 텍스트를 클립보드로 복사하는 예제이다 출처 stackoverflow 2017. 7. 27.
javascript/jQueyr 로 textarea 엔터 key event 처리 textarea 엔터키 이벤트 처리$("textarea#query").keyup(function(e) { e.preventDefault(); var code = e.keyCode ? e.keyCode : e.which; if (code == 13) // EnterKey { if (e.shiftKey === true) { // shift 키가 눌려진 상태에서는 new line 입력 } else { $('#my_form').submit(); } return false; } }); 2017. 7. 24.
Javascript 에서 거짓으로 취급하는 값 거짓으로 취급하는 값다음과 같은 값은 거짓으로 평가됩니다:falseundefinednull0NaNthe empty string ("")조건문에 전달되었을 때 모든 개체를 포함하여 다른 모든 값은 참으로 평가합니다. 출처 : http://blog.netchk.net/?p=486출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Utilizing_Error_objects 2017. 7. 21.
Hostinger 웹사이트 추가하기 호스팅어 프리미엄을 사용중인데 웹사이트를 무제한으로 만들 수 있다 호스팅어는 그리 속도는 빠르지 않지만, 대부분의 기능을 지원한다 그런데 쓰다 보니 웹사이트를 추가하는 곳이 아무리 찾아도 찾을 수 없었다 결국 고객센터에 문의해서 웹사이트 추가하는 방법을 알 수 있었다 아래 웹페이지에 나온다 http://help.hostinger.com/537532-How-can-I-create-an-Addon-Domain?r=1 호스팅어는 속도만 좀 더 빠르면 저렴한 가격에 훌륭한 서비스인 것 같다 PHP는 글쓴 시점 기준 (170531) 으로 7.1 까지 지원한다 * 이 글의 링크를 통해 호스팅어에 가입하면 저에게 금전적인 이익이 있을 수 있습니다 2017. 5. 31.
해외 Shared 웹호스팅 추천 지인이 웹호스팅을 추천해 달라고 해서 서치하게 되었다개인적인 견해만 가지고 쓰는 글이다그리고 필자는 아래 나열한 웹호스팅 중 Hostinger 만 써봤다이 글을 보고 해외 호스팅을 신청하고 나서 필자를 탓하는 일은 없기를 바란다Shared Hosting 특성상 느려질 수 있다는 것을 명심해야 한다 그리고 아래 사이트를 참고 했다http://www.pcmag.com/article2/0,2817,2424725,00.asp 그리고 필자가 원하는 조건은 다음과 같다* 무료 SSL 지원 - Let's Encrypt* 무제한 웹사이트 생성* 안정적인 속도 * PHP7 지원 - 7버전 부터 속도가 대폭 개선된 것으로 알고 있다 Let's Encrypt 를 지원하는 호스팅 목록(https://community.lets.. 2017. 5. 17.
git 사용법 Git 설치git-scm.com 에 가면 자신의 OS 에 맞는 설치 파일을 받을 수 있다Mac 은 이미 설치가 되어 있을 수 있으니, 터미널에 git 이라는 명령어를 실행시켜 본다Linux 에서는 배포판에 따라$ yum install git-core$ apt-get install git두가지 명령중 하나를 선택한다 Git 저장소 생성mkdir myProjcd myProjgit init // 저장소로 만든다 버전 관리 파일 추가echo "source code" > code.txt // 임의의 파일 생성git add code.txt // 버전 관리할 파일을 추가한다, add 하지 않으면 버전관리 하지 않는다git status // Commit 할 파일이 있는지 확인할 수 있다 Git User 정보 설정git.. 2017. 4. 20.
AWS EC2 에 CertBot 으로 LetsEncrypt 설치하기 EC2 에 무료 인증서 설치가 필요했는데아마존 인증서를 사용한 방법도 있었지만,지금 소개해 드리는 방법이 가장 간단할 듯 싶다.아마존 인증서는 ELB, CloudFront 등 처음 듣는 말이 너무 많이 나와서, 적용하기가 어려운 점도 있었지만, CloudFront 가 유료였나? 아무튼 무엇인가가 과금이 될 수 있는 것 같았다. 그리고 처음 AWS 를 접하는 입장에서 알아나가야 할 것이 많았다하지만 유닉스, 리눅스 계열 웹서버에 Let's encrypt 를 설치하는 아주 쉬운 방법을 찾았다바로 이곳이다https://certbot.eff.org/ 이곳에 가서 자신이 사용하는 웹서버와 OS 를 선택하기만 하면,Let's encrypt 를 자동으로 설치해주는 아주 간단한 매뉴얼이 나온다 필자는 Ubuntu 16.. 2017. 4. 13.
AWS 에 웹서버 셋팅하기 AWS(Amazon Web Services)는 아마존에서 활발하게 성장하고 있는 부문으로서, 원격 컴퓨팅 서비스를 기반한 클라우드로 구성된 여러 서비스들로 구성된다.요금은 실제 사용량에 따라 결정되는데 사용자에게 유용한 방식으로 선택하면 최소의 요금으로 사용할 수 있을 것이다. (https://aws.amazon.com/ko/pricing/?nc2=h_ql_ny_gsc)일년동안 무료로 사용할 수 있는 프리티어 제도가 존재하기 때문에, 미리 충분히 사용해 볼 수 있다. 하지만 프리티어로 사용할 수 있는 컴퓨팅 사양은 주로 낮은 편이다. 프리티어라도 사용량을 넘으면 과금되기 때문에 유의해야 한다.그 중 우리는 AWS 에서 초창기 제품이었던 EC2 를 사용해 웹서버를 구축할 것이다. 아마존 웹 서비스는 200.. 2017. 4. 10.
반응형