키위노트

Ajax를 사용한 데이터 전송에서 FormData()를 사용하는 방법입니다.

사용 예제 : 

/* FormData 를 선언합니다. */

var formData = new FormData(); 

/* data1이라는 변수에 바나나라는 값을 담아 form data에 추가합니다. 이런 방식으로 원하는 데이터값을 계속 추가합니다. */
formData.append("data1","바나나"); 

formData.append("data2","키위"); 

.

.

/* ajax를 사용하여 form data를 data_submit.php 파일로 전송합니다. */

url : "./data_submit.php", 

data : formData,

/* 데이터 전송 타입은 POST로 지정하여 전송합니다. */

type: "POST", 

/* ajax에서 전송 결과 성공 또는 실패 여부를 확인하고 처리합니다. */

success: function(data, textStatus, jqXHR)
{
    console.log(data);
}, 
error: function (jqXHR, textStatus, errorThrown)
{
    console.log(jqXHR);
} 

자바스크립트 소스코드를 압축하고 난독화하는 웹사이트를 소개합니다.

JavaScript Obfuscator Tool

자바스크립트 소스코드를 복사하여 붙여넣고 난독화(obfuscate) 버튼을 클릭하면 소스코드가 난독화되어 보여집니다.

난독화가 완료된 소스코드를 복사하여 사용하시면 됩니다.

자바스크립트 파일을 직접 업로드하여 난독화 할 수 도 있습니다.

난독화를 위한 옵션 설정 항목이 많이 있습니다. 

여기서 Options Preset 선택 항목에 4가지 옵션이 있습니다.

Default, Low, Medium, High 4가지 옵션 항목이 있으며 Low에서 Hight로 갈수록 난독화의 정도가 높아지지만 파일 용량이 증가합니다. 

각 옵션별 난독화 후 비교해보시고 선택하여 사용하시면 됩니다.

나머지 다른 옵션들도 확인 후 필요한 항목은 선택하시면 됩니다.

난독화 웹사이트 바로가기 : 

https://obfuscator.io/

Web GPS를 사용하여 현재 위치 정보를 가져오는 자바스크립트 코드입니다.

웹브라우저에서 접속하면 현재 위치 확인 허용 여부 메시지 창이 뜨고 수락하면 기능이 동작합니다.

현재 위치는 위도와 경로 값으로 표시할 수 있습니다.

PC 웹브라우저보다 GPS를 사용하는 스마트폰의 웹브라우저에서 접속하면 더 정확한 위치값을 가져올 수 있습니다.

GPS 특성상 약간의 위치 오차가 발생할 수 있습니다. 

해당 기능은 출퇴근 등록 솔루션 제작에 적용하였을 때 정확히 동작하는 것을 확인하였습니다.

자바스크립트(JavaScript) 코드

navigator.geolocation.getCurrentPosition((position) => {
    console.log(position);
    var latitude = position.coords.latitude;           // 위도
    var longitude = position.coords.longitude;    // 경도
    console.log(latitude);
    console.log(longitude);
});

맞춤형 웹솔루션 제작 문의

https://www.kiwisoft.kr

다양한 업종에 맞는 맞춤형 솔루션 제작을 의뢰하세요.

풍부한 제작 경험을 바탕으로 업종에 맞는 핵심적인 기능들을 고객 보다 먼저 파악하여 솔루션에 적용할 수 있도록 상담해드립니다.

견적의 크기에 상관 없이 정성을 다해 제작합니다.

웹 기반의 다양한 솔루션은 사용의 편리함과 유지보수의 편리함이 강점입니다.

지금 무료 견적을 받아보세요.