Script/Javascript32 javascript 테스트 사이트 javascript 테스트 사이트 말그대로 web에서 바로 script구문을 짜서 테스트 해볼수 있는 사이트가 있다. 1. jsfiddle 사이트 html ,css ,javascript 바로 짜서 result 결과 화면에서 확인해볼수 있다. 저장후 URL을 공유해 타인에게도 내가 작성한 코드를 공유 할수도 있다. 대신 로딩 시간이 좀 더 걸리고 사이트가 무거운 느낌이 있습니다. 아래 공식 홈페이지를 통해서 자세히 확인해보시기 바랍니다. jsfiddle 공식 홈페이지 (클릭) 2. jsbin 사이트 기능적인 측면으로 보면 jsfiddle 이 더 좀 더 좋은것 같습니다. ( 내가 작성한 코딩은 공유 한다던지 경우 ) 다만, 가볍게 내가 작성한 스크립트 테스트하는 정도라면, jsbin 사이트 자체가 가볍고 j.. 2022. 3. 14. javascript null체크, undefined체크, defaultString 리턴 하기 javascript null체크, undefined체크, defaultString 리턴 하기 null이나, undefined를 체크하여 defaultString을 리턴하는 함수를 만들어 보았다. 평소에 null, undefined 체크는 상당히 자주 쓰지만, util.js 와 같은 곳에 함수로 만들어 놓고 쓰면 좋다. null 과 undefined를 체크해서 넘기고 싶을때 유용하게 쓸수 있겠다. function defaultCheckString (checkStr, defaultStr) { if(checkStr == undefined || checkStr == null) { return defaultStr; } return checkStr; } var a = null; var b = 'hello !!'; .. 2022. 3. 8. 자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 화면크기 웹브라우저의 크기에 따라 태그라던지 주변 요소들의 크기를 변경해야하는 경우가 상당히 많다. 그때 웹브라우저의 크기를 알아보는 방법에 대해서 알아 보도록 하겠다. 브라우저의 크기를 확인 하기위한 4가지 명령어 브라우저의 크기를 확인 하기 위해서는 4가지 명령어만 알면 끝난다. 먼저 가로 사이즈는 아래 2가지 명령어를 확인해보자 가로사이즈 window.innerWidth : 브라우저 표시화면의 너비 window.outerWidth : 브라우저 전체의 너비 일반적으로는 innerWidth 를 많이 사용한다. 도대체가 텍스트로 표현하려니 생각보다 쉽지 않아서 그림판에서 아래와 같이 그림을 그렸다. 세로사이즈 window.innerHeight : 브라우.. 2021. 11. 10. 자바스크립트 eval, JSON.parse 파싱 자바스크립트 eval, JSON.parse 파싱 자바스크립트의 json 파싱에 대해서 다뤄보려고 한다. json을 파싱 하는 방법에는 JSON.parse를 사용하거나, eval 함수를 사용할 수 있다. eval 함수 사용방법 결과 : 쿠키맨 JSON.parse 함수 사용 방법 eval함수는 빠르기는 하지만 eval함수 안의 스트링을 그대로 실행시켜 주기 때문에 리턴값으로 자바스크립트 명령어가 오면 그대로 실행시키기 때문에 보안적으로 이슈가 많다. 결과 : 쿠키맨 최신 브라우저는 javascript 엔진에서 JSON을 객체로 채택했다. 예전 구버전의 브라우저에서는 JSON 객체를 못 찾을 수 있다. 브라우저 구형 버전에서도 JSON 객체 사용을 보장하기 위해서는 json2.js 가 필요하다. json2.j.. 2021. 11. 10. 자바스크립트 escape, encodeURI, encodeURIComponent 차이점 자바스크립트 escape, encodeURI, encodeURIComponent 차이점 자바스크립트의 escape, encodeURI, encodeURIComponent 각각의 차이점이 무엇이 있는지 알아보자. escape ( unescape() ) escape('http://naver.com/한글'); 결과 : "http%3A//naver.com/%uD55C%uAE00" ASCII글자 그외의 글자는 모두 인코딩 한다. ------------------------------------------- 아스키 문자리스트 ( 69개 ) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 @*-_+./ --------------------------.. 2021. 11. 9. javascript 정규표현식 공백 제거 하기 ( space 제거 ) javascript 정규표현식 공백 제거 하기 ( space 제거 ) 문자열의 공백을 제거 하고 싶을때가 정규표현식을 이용해서 제거 할수 있습니다. space, 탭, 엔터값등을 한번에 제거할수 있어, 유용하게 사용이 가능합니다 1. 공백의 유무를 검사 하는 방법 정규표현식에서 "\s"는 공백 문자를 의미 합니다. 정규표현식은 "/패턴/플래그" 와 같은 형태로 사용하며, 공백의 유무를 검사 하기 위한 정규표현식 /\s/g 에서 g의 의미는 g 글로벌의 뜻. 전역 매칭을 한다는 뜻입니다. var reg = /\s/g; var checkStr = '안 녕 하 세 요'; if (checkStr.match(reg)) { alert("공백이 있습니다~!!"); } else { alert("공백이 없습니다~!!");.. 2021. 10. 27. 이전 1 2 3 4 5 6 다음
