본문 바로가기

프로그래밍98

eval 함수 - 문자열을 소스 코드로 eval 함수는 문자열을 입력받아 자바스크립트 코드로 실행해주는 함수다. 보안상의 문제로 사용이 권장되지는 않는 함수지만, 상황에 따라 유용하게 쓸 수 있는 함수다. eval('console.log("test")'); 위와 같이 eval함수에 문자열을 넣으면 문자열이 실행된다. 중간에 변수의 값을 추가로 넣어야 한다면 다음과 같이 사용하면 된다. var str='test'; eval('console.log(str)'); 내가 처음에 eval함수를 알게 된것은 json을 잘못 만들어서 사용했었지만, 상황에 따라 정말 유용하게 쓸 수 있는 함수인것 같다. 2019. 11. 13.
웹 사용자 위치 API (Geolocation API) Geolocation API HTML5의 Geolocation는 사용자의 위치를 위도와 경도로 얻을 수 있는 API다. Geolocation API는 사용자의 권한을 요청한 뒤 수락할 경우 사용자의 위치 정보를 얻을 수 있다. 우선 브라우저가 Geolocation을 사용 가능한지 확인하기 위해서는 아래의 방법을 이용한다. 그 다음 사용자의 현재 위치를 가져오기 위해서 getCurrentPosition를 사용한다. getCurrentPosition는 성공 콜백, 오류 콜백, 위치 옵션 세 가지의 매개 변수를 받는다. (오류 콜백, 위치 옵션은 생략 가능) 성공 콜백 사용자가 위치 정보 공유를 수락한 뒤 위치 데이터를 성공적으로 가져 왔을 경우 호출 된다. 성공 콜백함수의 데이터는 위치 데이터가 검색되는 시.. 2019. 10. 29.
[jQuery] 동적 태그에 이벤트 등록 기존에 만들어진 태그에는 $('#id').click으로 이벤트를 달아주면 됐었지만, 동적으로 만들어진 태그에는 이벤트가 달리지 않는다 .. 동적으로 만들어진 태그에 이벤트를 달기 위해서는 아래와 같이 이벤트를 등록해 주어야 한다. $(document).on('click','#id',function(){ }); 첫 번째 파라미터에는 등록할 이벤트(click, blur, change 등 ..) 두 번째 파라미터에는 등록할 타겟 (id, tag, css 등) 세 번째는 함수를 입력해 주면 된다. 2019. 10. 28.
[jQuery] CSS 추가, 삭제, 변경 jQuery 에서는 .css로 간단하게 css를 수정, 삭제, 추가 할 수 있다. css를 새로 추가하거나 변경하는 방법은 같다. CSS 추가 및 변경 $('h1').css('color','blue'); h1태그에 추가하고 싶은 css를 입력하고 두번째로 값을 입력해 주면 된다. CSS 삭제 $('h1').css('color',''); 삭제를 하고싶다면 그냥 빈 값을 입력해주면 된다. 테스트 소스 테스트 css추가 or 변경 css삭제 2019. 10. 28.

티스토리툴바