자바스크립트29 [자바스크립트] javascript 파일 압축 및 복원하기 (***.min.js 파일 만들기) 요즘엔 자바스크립트 파일을 배포할 때 파일을 압축해서 ***.min.js 형식으로 배포를 합니다.jQuery 파일의 경우,jQuery-2.1.1.js jQuery-2.1.1.min.js 이런식으로 배포를 하는데요.압축된 파일을 열어보면 빈 공간없이 소스가 한줄로 다 붙어 있는 걸 볼 수 있습니다. 이렇게 압축을 하는 이유는, 용량을 조금이라도 줄여서 조금이라도 화면이 뜨는 속도를 빨리하기 위함입니다.그럼, 압축과 복원 방법을 알아보겠습니다. 자바스크립트 파일 압축하기 자바스크립트를 압축해주는 곳은 여러곳이 있지만, 대표적인 곳이 javascriptcompressor입니다.아래 링크로 들어가서 원하는 소스를 넣고 [compress] 버튼을 눌러주시면 변환이 됩니다.http://javascriptcompre.. 2015. 4. 24. [자바스크립트] javascript로 구현하는 인코딩, 디코딩 함수 - Xor 암호화 자바스크립트로 구현하는 인코딩, 디코딩 함수 - Xor 암호화 소스 변환 중 내용보기 설명 이 암호화의 특징은 Key를 입력한다는 것입니다.key를 2개 입력해서 사용하는데, key를 영어로 하면 영문과 특수문자로.. key를 한글로 하면 한글과 특수문자로 암호화됩니다. 참고하셔서 유용하게 사용하시기 바랍니다. [출처] http://th.atguy.com/mycode/xor_js_encryption/ [출처] http://aseuka.tistory.com/321 실행 [새창] [새창(소스포함)] 2015. 4. 15. [자바스크립트] javascript - 삼성 주차관리 자바스크립트 소스 삼성에서 사용하는 주차관리 소스입니다. 소스에 주석이 있으므로 소스 설명은 따로 하지 않습니다. 2015. 4. 13. [자바스크립트] javascript로 화면에 크기에 맞게 가로 세로 스크롤 생기게 하는 Html/자바스크립트 소스 화면에 크기에 맞게 가로 세로 스크롤 생기게 하는 Html/자바스크립트 소스랍니다. 내용이 화면보다 너비나 높이가 길어지면 자동으로 가로, 세로 스크롤이 테이블에 생기는 소스입니다. 2015. 4. 3. [jQuery] 제이쿼리로 만들어진 막강한 기능의 정말 괜찮은 tree - zTree jQuery로 만들어진 정말 막강한 기능의 zTree를 소개해 드리겠습니다. http://www.ztree.me/위 링크 클릭하시면 zTree에 관한 모든 것을 보실 수 있구요. 데모는 물론 소스도 다운로드 가능합니다. 그렇다면, zTree에 어떤 기능이 있는지 간략하게 알아보겠습니다. 제가 소개해 드리는 기능 외에도 여러분이 원하는 웬만한 기능은 다 있으니 사이트를 방문해 보시기 바랍니다. 1. 기본 트리 2. 아이콘 변경 및 추가 기능 3. 체크박스 및 라디오버튼으로 체크하기 4. 좌측 트리에서 Drag하여 우측에 새로운 트리 만들기 5. 트리 추가/수정/삭제 기능 6. 페이지 기능 - 우측 상단 아이콘을 눌러서 페이지를 트리에 뿌려줄 수 있습니다. 7. Box + Tree 결합 구조 이외에도 Aja.. 2015. 3. 23. [자바스크립트] javascript 정규식으로 Html 태그 제거하기 다음 정규식 스크립트로 Html 태그를 제거합니다.(]+)>) 아래처럼 Html 태그를 제거하는 함수를 만들어 사용하시면 됩니다.function removeTag( html ) { return html.replace(/(]+)>)/gi, ""); } 2015. 3. 23. [이클립스] 'JavaScript translation for: ...' has encountered a problem 발생시 해결방법 이클립스에서 한참 코딩을 하고 있었는데 갑자기 이런 에러가 발생했다.'JavaScript translation for: ...' has encountered a problem 주석에 한글로 입력을 하는 중에 발생했는데, 이 에러가 발생한 이후에는 영문을 입력하도록 한/영 변환이 자동으로 된다.즉, 한글을 입력할 때만 이런 에러가 발생하는 것이다. 완벽한 해결방법은 아니지만, 이클립스의 workspace 폴더 하위 폴더 중에 .mylyn 폴더를 삭제하면 일시적으로 해결이 된다. 물론, 시간이 지나면 또 에러가 발생하고 문제가 생기지만 당분간은 문제를 줄일 수 있다.workspace > .metadata > .mylyn 폴더 삭제 다른 해결 방법은..Project > properties > Builders .. 2015. 2. 13. [자바스크립트] 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. [자바스크립트] 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. [자바스크립트] javascript로 구현하는 base64 인코딩, 디코딩 함수 자바스크립트로 구현하는 base64 인코딩, 디코딩 함수 예제입니다. (참고로, 한글은 안됩니다.) 한글 (Ⅹ) 설명은 필요없을 듯하고(base64 인코딩이 어떤식으로 동작하는지는 저도 몰라요.) 그냥 소스 가져다 쓰시면 됩니다. 아래 [실행]에서 문자를 입력하시면 base64 인코딩, 디코딩이 되어 변환된 값을 보여줍니다. 한번 확인해 보세요. 2014. 12. 4. [자바스크립트] javascript로 년도 가져올 때 getYear() 대신 getFullYear()를 사용하자. 요즘 제가 하고 있는 프로젝트에서 ie11과의 호환을 위한 수정작업을 하고 있습니다. 그런데, 자바스크립트에서 년도를 가져오기 위해 사용하는 getYear()라는 메소드가 ie11에서는 대부분 에러를 발생하고 있습니다. 해결 방법을 알아본즉,,, 1,900년을 0을 기준으로 1901년은 1을, 1899년은 -1을 return합니다. 즉, getYear()가 제대로 된 값을 가지고 오지 못합니다. * 해결 방법 getYear() ==> getFullYear() 로 바꾸면 됩니다. 그래서, 왜 이제까지는 getYear()를 사용해도 문제가 없었는데 ie11에서만 getYear()에서 문제가 발생하는지 알아보았더니 지금까지 ie에서만 사용되던 함수이고, 다른 브라우저에서는 여전히 문제가 되고 있었던 함수라는 .. 2014. 11. 5. [jQuery] 제이쿼리로 ajax 호출시 로딩중 이미지 보여주기 jQuery로 ajax 호출시 로딩중 이미지를 띄워주려면 어떻게 할까? 바로 이런 화면을 구현해 볼까한다. [호출] 버튼을 클릭하면 구구단 1단을 ajax로 불러오고 불러오는 동안 '로딩중' 이미지를 보여준다.자, 그럼.. 먼저 index.html 페이지를 만들어보자. 구구단 1단을 호출하자. ~ 사이에 위와 같이 모양을 만들고 사이엔 다음과 같이 넣어서 로딩이미지의 위치 및 투명도를 조절해보자.123456789cs [호출] 버튼을 클릭하면 fLoadData() 라는 함수가 호출되는데, 이 함수가 ajax로 데이타를 불러오는 부분이다. 사이에 자바스크립트를 추가해보자.123456789101112131415161718 function fLoadData() { $.ajax({ type: "POST", url.. 2010. 10. 14. 이전 1 2 다음
