728x90 반응형 javascript, jQuery14 [javascript] 자바스크립트 자주 쓰는 이스케이프(escape) 문자 활용 안녕하세요, 이번 포스팅은 자주 쓰는 이스케이프 문자를 활용하는 예제를 활용해보고자 합니다. 자주쓰는 이스케이프 문자는 아래 표와 같습니다. 이스케이프 문자 설명 \t 수평 탭 \n 줄 바꿈 \' 작은 따옴표 \" 큰 따옴표 \\ 역 슬래시 바로 예시를 사용해보도록 하겠습니다. "자바스크립트\njQuery" "자바스크립트\tjQuery" "\'자바스크립트\' \'jQuery\'" "\"자바스크립트\" \"jQuery\"" "자바스크립트 \\ jQuery" NOTE : 일부 웹 브라우저에서는 경고창에서 \t가 보이지 않습니다. 이번 포스팅을 읽어주셔서 감사드립니다. 2020. 11. 29. [javascript_api] geolocation으로 받은 위도,경도로 지도에 표시하기 안녕하세요, 이번에는 지난 포스팅에 이어 geolocation api를 이용하여 얻은 위도, 경도로 지도상에 표현해보려고 합니다. 먼저 지난번에 이어서 geolocation navigator를 다시 사용하겠습니다. 새로 추가된 코드는 makeMap 함수입니다. 위도와 경도를 받아서 iframe으로 구글맵 지도를 보여줍니다. 원래는 카카오맵 API를 사용하여 보여드리려 했으나, 실제로 서비스하는 홈페이지가 아닌, 블로그 상으로 띄우려해서 그런지 api 호출이 되질 않는 것 같습니다. 그러면 지도를 확인해보겠습니다. 2020. 11. 26. [javascript_api] geolocation을 이용해 현재 IP주소로 위도, 경도값 받기 안녕하세요, 이번 포스팅은 geoLocation API를 이용하여 현재 웹에 접속한 IP의 위도, 경도값을 받아보려고 합니다. geoLocation API는 Chrome 50버전 이후로 HTTPS 환경에서만 사용 가능합니다. http://localhost 에서는 사용이 가능하며, 테스트 목적으로, Chrome의 바로가기를 만들어서 아래와 같이 설정하면 접속은 가능합니다. chrome.exe --unsafely-treat-insecure-origin-as-secure="http://example.com" 먼저 위도, 경도를 받아오기 위해 navigator.geolcation을 사용합니다. 다음, 위도, 경도값을 받을 입력창을 만들어줍니다. 위도 : 경도 : 위도, 경도 값이 제대로 전달 되는지 확인합니다... 2020. 11. 25. [javascript] table rowIndex를 이용하여 동적 테이블 생성, 삭제 구현 안녕하세요, 이번 포스팅에서는 table의 rowIndex를 활용하여 동적으로 테이블을 생성하고, 삭제하는 기능을 구현해보려고 합니다. rowIndex는 tr 태그에서 유효합니다. tr 태그가 동적으로 생성되기 때문에 생성되는 스크립트에서 tr태그에 이벤트를 걸어주고, 해당 tr 자체를 파라미터로 넘겨 줄 수 있도록 호출하는 함수의 파라미터로 this를 넣어줍니다. 먼저 오늘의 핵심코드입니다. 다음은 동적으로 테이블을 생성할 바디를 만들어줍니다. 이제 버튼을 클릭해봅시다. 2020. 11. 24. [jQuery] 제이쿼리를 이용하여 선택한 체크박스 항목 가져오기(인덱스 가져오기, 전체선택 해제) 안녕하세요, 이번 포스팅은 (1) jQuery를 이용하여 선택한 체크박스 항목을 가져오기, (2) 전체선택이 아닐 때 헤더에 있는 체크박스 풀기를 추가해보도록 하겠습니다. 오늘 핵심 구문은 다음과 같습니다. 지난 포스팅에서 jQuery CDN과 테이블 생성, 화면 로드 시 헤더 체크박스 이벤트를 추가했었습니다. 오늘 만들 화면은 아래와 같습니다. 1. 테이블, 버튼, 텍스트박스를 만듭니다. 이름 나이 홍길동 27 김길동 26 장길동 25 2. 그 다음, jQuery를 사용할 수 있도록 $(document).ready(funciton(){}); 문과 이벤트 처리문을 작성해줍니다. 3. 이제 체크박스가 변경될 때마다 사람 배열에 값을 넣어줄 함수를 작성합니다. function putCheckList() { .. 2020. 11. 20. 자바스크립트 정규표현식을 이용하여 숫자만(numberOnly) 함수 만들기 안녕하세요, 이번 포스팅은 자바스크립트 정규표현식을 이용하여 숫자만 입력할 수 있는 numberOnly함수를 구현하려고 합니다. 먼저, 핵심 코드입니다. 1. 입력 폼을 만듭니다. 숫자만 : 2. 스크립트를 작성합니다. 3. 실제로 숫자 외에 다른 것을 입력하면 방지됩니다. 숫자만 : 숫자를 입력하고 엔터를 치시면 알림창이 나옵니다. 2020. 11. 17. 이전 1 2 3 다음 728x90 반응형
