본문 바로가기

프로그래밍 언어349

HTML 글자를 강조 태그들 - b (굵게), i (기울임), u (밑줄), ins (밑줄), tt (타자체), sup (위첨자), sub (아래첨자), s (가로선), del (가로선), small (작게), big(크게) 설명이 필요 없습니다.Result 눌러서 직접 실행된 모습을 보시면 됩니다. 2015. 1. 16.
[자바스크립트] javascript - 아스키코드(ASCII)로 구현하는 암호화, 복호화 함수 function encrypt(theText) {output = new String;Temp = new Array();Temp2 = new Array();TextSize = theText.length;for (i = 0; i < TextSize; i++) {rnd = Math.round(Math.random() * 122) + 68;Temp[i] = theText.charCodeAt(i) + rnd;Temp2[i] = rnd;}for (i = 0; i < TextSize; i++) {output += String.fromCharCode(Temp[i], Temp2[i]);}return output;} 인코딩 함수인데, 단순하게 문자를 ASCII 문자로 바꿔주는 방식입니다. 신기한 건, 같은 글자인데 인코딩.. 2015. 1. 7.
[jQuery] 제이쿼리에서 json 변수 사용(활용)법 jQuery에서 json 변수를 사용하는 방법은 마치 자바스크립트 배열을 사용하는 것처럼 간단하고 편리합니다. push() 메소드를 이용해서 변수를 원하는대로 넣을 수 있습니다.jsonObj.push({ grade: "1학년", name: "김철수", number: "1번", height: "177cm", ... }); json 변수의 값을 가져올 때는 .grade, .name, .number 처럼 속성만 표시하면 됩니다.for(i = 0; i < jsonObj.length; i++) { jsonObj[i].grade +" "+ jsonObj[i].name +" "+ jsonObj[i].number } 각 index 별로 호출하려면 jsonObj[0].grade, jsonObj[1].grade, json.. 2014. 12. 24.
다국어(영어, 중국어, 일본어 등등)든 한글이든 글자 깨지지 않으려면 Html/Css/Js 파일 무조건 utf-8로 저장하세요. Html/Css/Js 파일 무조건 utf-8로 저장하세요. 그래야 한국어든, 중국어든, 일본어든 글자가 깨지지 않습니다. 파일을 저장할 때 인코딩을 UTF-8로 선택해서 저장하세요. Html에서 charset="utf-8"로 저장하세요. 예전에는 한글일 경우 charset="euc-kr"로 했었는데 이렇게 하면 한글과 영어를 제외한 다른 언어는 글자가 깨지는 현상이 발생을 합니다. 머리 아프게 여러가지 경우의 수를 따질 필요없이 파일 인코딩도 utf-8, charset도 utf-8로 하시면 모든 언어가 깨지지 않고 잘 표현됩니다. 꼭 기억하세요~ 실행하면 이렇게 잘 나옵니다. 소스 English 한국어 中文 わご English 한국어 中文 わご 실행 [새창] [새창(소스포함)] 2014. 12. 7.
[jQuery] .clone()으로 Dom 요소 복사하기 $(document).ready(function() {$( "b" ).clone().prependTo( "p" );}); $(document).ready(function(){...}); => 화면이 모두 로드되고 이미지를 불러오기 전에 실행하라는 뜻입니다. $( "b" ).clone() 은 b 태그 요소를 복사하라는 뜻입니다. prependTo( "p" ) 는 p 태그 요소 앞에 추가하라는 뜻입니다. 안녕! 좋은하루 되세요. 이렇게 구현돼 있던 게 $( "b" ).clone().prependTo( "p" ); 이 명령이 실행됨으로 아래처럼 구현이 됩니다.안녕!안녕! 좋은하루 되세요. 2014. 12. 6.
[자바스크립트] javascript 내부함수를 탈출시키는 방법2 (더 좋은 방법) 2014/12/05 - [프로그래밍 언어/자바스크립트] - 자바스크립트 내부함수를 표현해보는 아주 간단한 예제 2014/12/05 - [프로그래밍 언어/자바스크립트] - 자바스크립트 내부함수를 탈출시키는 방법1 위의 예제들을 먼저 확인하시고 이 예제를 보시기 바랍니다. 크롬에서 실행한 모습입니다. function outerFun() {function innerFun() {alert("웃어요~^^")} return innerFun;} var globVar = outerFun(); 이번에는 outerFun() 함수에서 innerFun()을 return을 합니다. 즉, outerFun()을 실행하면 innerFun() 함수를 실행한 결과를 보여주게 되는거죠. var globVar = outerFun(); 그리.. 2014. 12. 5.
[자바스크립트] javascript 내부함수를 탈출시키는 방법1 2014/12/05 - [프로그래밍 언어/자바스크립트] - 자바스크립트 내부함수를 표현해보는 아주 간단한 예제 위 글을 먼저 확인하시기 바랍니다. 크롬에서 실행한 모습입니다. var globVar; function outerFun() { function innerFun() { alert("웃어요~^^"); } globVar = innerFun; } 이렇게 전역변수로 globVar 라는 변수를 선언하고, outerFun() 함수 내부에서 globVar = innerFun; 으로 globVar 에 innerFun 함수를 그대로 담습니다. 행복해지려면 클릭하세요 이렇게 outerFun(); globVar(); 함수를 연달아 실행하면 내부함수인 innerFun() 함수를 간접적으로 실행할 수 있습니다. 그렇다면.. 2014. 12. 5.
[자바스크립트] javascript 내부함수를 표현해보는 아주 간단한 예제 function outerFun() {function innerFun() {alert("웃어요~^^")} innerFun();} innerFun()은 outerFun() 영역 안에 포함돼 있는 내부함수입니다. 이것은 innerFun()을 호출할 수 있는 영역이 바로 outerFun() 함수 내에서라는 뜻이며, 그 밖에서는 호출할 수 없다는 것을 의미하죠. 그래서, 위 예제처럼 outerFun() 영역 안에서 innerFun()을 호출했다면 제대로 동작합니다. function outerFun() {function innerFun() {alert("웃어요~^^")}} innerFun(); 위에서는 innerFun()이 outer() 밖에서 호출됬으므로 제대로 동작하지 않습니다. 이런식으로 함수 안에 함수를 .. 2014. 12. 5.
[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 3 2014/12/05 - [프로그래밍 언어/jQuery] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 1 2014/12/05 - [분류 전체보기] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 2 먼저, 위 예제들을 확인하세요. $("#search").submit(function(){ if($("#searchText").val() == searchLabel) { $("#searchText").val(""); } }); inputbox에 아무것도 입력하지 않고 submit 버튼을 눌렀을 때, '사이트 검색'이라는 단어가 넘어가지 않도록 구현을 하는 소스입니다. 아무것도 입력하지 않았을 때 '사이트 검색'이라는 단어를 inpu.. 2014. 12. 5.
[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 2 2014/12/05 - [프로그래밍 언어/jQuery] - jQuery로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 1 위 글을 먼저 읽은 다음에 다음 설명을 참조하세요. $("#searchText").addClass("placeholder").val(searchLabel).focus(function() { if(this.value == searchLabel) { $(this).removeClass("placeholder").val(""); }; }).blur(function() { if(this.value == "") { $(this).addClass("placeholder").val(searchLabel); } });focus(), blur() 함수를 이용해서 inputbo.. 2014. 12. 5.
[jQuery] 제이쿼리로 필드를 포함한 플레이스홀더(placeholder) 텍스트 만들기 예제 1 jQuery로 작성된 자바스크립트 부분을 빼면 다음과 같이 화면에 보여집니다. '사이트 검색'이라는 부분을 inputbox에 넣어보는 예제입니다. $(document).ready(function() { var searchLabel = $("#search label").remove().text(); $("#searchText").addClass("placeholder").val(searchLabel); });$(document).ready(function() {...} 에 코딩을 하면 화면이 로딩되자마자 실행이 됩니다. var searchLabel = $("#search label").remove().text(); => label에 있는 텍스트인 '사이트 검색'이라는 값을 searchLabel이라는 변수에.. 2014. 12. 5.
[jQuery] 제이쿼리로 전체선택/선택해제 간단하게 구현해 보는 예제입니다. function checkAllFunc(obj) { $("[name=chk]").each(function() { this.checked = obj.checked; }) } 체크박스가 [name=chk]로 이름이 같기 때문에 each()문으로 루프를 돌리며 작업을 합니다. this.checked = obj.checked; => 전체선택 체크박스가 선택되면 다른 체크박스도 체크하고, 전체선택 체크박스가 선택해제되면 다른 체크박스도 선택해제하는 명령입니다. 전체선택 onclick="checkAllFunc(this)" => 전체선택의 체크박스를 클릭할 때 checkAllFunc ()함수를 실행해 달라는 명령입니다. 2014. 12. 5.
[자바스크립트] javascript로 구현하는 base64 인코딩, 디코딩 함수 자바스크립트로 구현하는 base64 인코딩, 디코딩 함수 예제입니다. (참고로, 한글은 안됩니다.) 한글 (Ⅹ) 설명은 필요없을 듯하고(base64 인코딩이 어떤식으로 동작하는지는 저도 몰라요.) 그냥 소스 가져다 쓰시면 됩니다. 아래 [실행]에서 문자를 입력하시면 base64 인코딩, 디코딩이 되어 변환된 값을 보여줍니다. 한번 확인해 보세요. 2014. 12. 4.
[jQuery] 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기, 애니메이션으로 버튼 크기 조절하는 예제 먼저, 아래 링크를 클릭해서 이전 예제를 참조하세요. 2014/12/03 - [프로그래밍 언어/jQuery] - 글자 폰트 사이즈 늘리고 줄이기 예제 2014/12/03 - [프로그래밍 언어/jQuery] - 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기 예제 $("div.label").click(function() { $("div.button") .fadeTo("slow", 0.5) .animate({width:400}, "slow") .fadeTo("slow", 1.0) .animate({height:38}, "slow"); });$("div.button") 은 을 찾는 selecter 입니다. fadeTo() 로 서서히 나타나는 효과를 구현했구요. animate() 으로 버튼의 너비와 높이가 늘어.. 2014. 12. 3.
[jQuery] 글자 폰트 사이즈 늘리고 줄이기, 숨기고 보이기 예제 먼저, 아래 링크를 클릭해서 이전 예제를 참조하세요.2014/12/03 - [프로그래밍 언어/jQuery] - 글자 폰트 사이즈 늘리고 줄이기 예제 .more { color: blue; font-size: 25px; font-weight: bold; text-decoration: underline; } 말줄임표(...)에 스타일시트에 more 클래스를 정의합니다. $("p:eq(1)").hide(); /* 태그 중 첫번째 객체를 숨긴다. */ $("span.more").click(function() { $("p:eq(1)").show('slow'); $(this).hide('slow'); }); show()는 객체를 보이게 하고, hide()는 숨기는 명령입니다. show('slow')는 객체를 천천히 .. 2014. 12. 3.

티스토리툴바