Skip to content

Commit

Permalink
에러 수정
Browse files Browse the repository at this point in the history
  • Loading branch information
@hdddhdd
hdddhdd committed Nov 12, 2023
1 parent 338e4ce commit 2b748be
Show file tree
Hide file tree
Showing 2 changed files with 107 additions and 108 deletions.
1 change: 0 additions & 1 deletion requirements.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ async-timeout==4.0.2
attrs==22.2.0
Babel==2.12.1
backcall==0.2.0
base==0.0.0
beautifulsoup4==4.12.2
bleach==6.0.0
boto3==1.28.44
Expand Down
214 changes: 107 additions & 107 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -224,121 +224,121 @@ <h1>Vanilla JavaScript App</h1>
</script>

<script>
// async function convertAddresses() {
// const startX = document.getElementById('startX').value;
// const startY = document.getElementById('startY').value;

// try {
// const resultStart = await callTMapAPI(startX);
// const resultEnd = await callTMapAPI(startY);

// // test
// const resultStartElement = document.getElementById('resultStart');
// resultStartElement.innerHTML = `출발지 (위도: ${resultStart.latitude}, 경도: ${resultStart.longitude})`;

// const resultEndElement = document.getElementById('resultEnd');
// resultEndElement.innerHTML = `도착지 (위도: ${resultEnd.latitude}, 경도: ${resultEnd.longitude})`;

// // 변환된 좌표로 Tmap API 호출 및 결과 표시
// // const { text } = await (
// // await fetch(`/api/findroad`, {
// // method: 'POST',
// // headers: {
// // 'Content-Type': 'application/json',
// // },
// // body: JSON.stringify({
// // startX: resultStart.longitude,
// // startY: resultStart.latitude,
// // endX: resultEnd.longitude,
// // endY: resultEnd.latitude,
// // }),
// // })
// // ).json();

// try {
// const response = await fetch(`/api/findroad`, {
// method: 'POST',
// headers: {
// 'Content-Type': 'application/json',
// },
// body: JSON.stringify({
// startX: resultStart.longitude,
// startY: resultStart.latitude,
// endX: resultEnd.longitude,
// endY: resultEnd.latitude,
// }),
// });

// if (response.ok) {
// const responseData = await response.json();
// const text = responseData.text;
// console.log(text);
// } else {
// console.error(`Request failed with status ${response.status}`);
// // 여기서 다양한 오류 처리를 수행할 수 있습니다.
// }
// } catch (error) {
// console.error('오류 발생:', error);
// // 여기서 다양한 오류 처리를 수행할 수 있습니다.
// }

// document.querySelector('#findroad').textContent = text;
// } catch (error) {
// console.error('주소 변환 및 API 호출에 실패하였습니다:', error);
// }
// }



async function convertAddresses() {
const startX = document.getElementById('startX').value;
const startY = document.getElementById('startY').value;
let text; // 변수 선언
const startX = document.getElementById('startX').value;
const startY = document.getElementById('startY').value;

try {
const resultStart = await callTMapAPI(startX);
const resultEnd = await callTMapAPI(startY);

// test
const resultStartElement = document.getElementById('resultStart');
resultStartElement.innerHTML = `출발지 (위도: ${resultStart.latitude}, 경도: ${resultStart.longitude})`;

const resultEndElement = document.getElementById('resultEnd');
resultEndElement.innerHTML = `도착지 (위도: ${resultEnd.latitude}, 경도: ${resultEnd.longitude})`;

// 변환된 좌표로 Tmap API 호출 및 결과 표시
const { text } = await (
await fetch(`/api/findroad`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
startX: resultStart.longitude,
startY: resultStart.latitude,
endX: resultEnd.longitude,
endY: resultEnd.latitude,
}),
})
).json();

try {
const response = await fetch(`/api/findroad`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
startX: resultStart.longitude,
startY: resultStart.latitude,
endX: resultEnd.longitude,
endY: resultEnd.latitude,
}),
});

if (response.ok) {
const responseData = await response.json();
const text = responseData.text;
console.log(text);
} else {
console.error(`Request failed with status ${response.status}`);
// 여기서 다양한 오류 처리를 수행할 수 있습니다.
}
} catch (error) {
console.error('오류 발생:', error);
// 여기서 다양한 오류 처리를 수행할 수 있습니다.
}

try {
const resultStart = await callTMapAPI(startX);
const resultEnd = await callTMapAPI(startY);
document.querySelector('#findroad').textContent = text;
} catch (error) {
console.error('주소 변환 및 API 호출에 실패하였습니다:', error);
}
}


// test
const resultStartElement = document.getElementById('resultStart');
resultStartElement.innerHTML = `출발지 (위도: ${resultStart.latitude}, 경도: ${resultStart.longitude})`;

const resultEndElement = document.getElementById('resultEnd');
resultEndElement.innerHTML = `도착지 (위도: ${resultEnd.latitude}, 경도: ${resultEnd.longitude})`;
// async function convertAddresses() {
// const startX = document.getElementById('startX').value;
// const startY = document.getElementById('startY').value;
// let text; // 변수 선언

// 변환된 좌표로 Tmap API 호출 및 결과 표시
const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/findroad', true);
xhr.setRequestHeader('Content-Type', 'application/json');

const requestBody = {
startX: resultStart.longitude,
startY: resultStart.latitude,
endX: resultEnd.longitude,
endY: resultEnd.latitude,
};

xhr.onload = function () {
if (xhr.status === 200) {
const responseData = JSON.parse(xhr.responseText);
text = responseData.text;
console.log(text);
document.querySelector('#findroad').textContent = text;
} else {
console.error(`Request failed with status ${xhr.status}`);
}
};
// try {
// const resultStart = await callTMapAPI(startX);
// const resultEnd = await callTMapAPI(startY);

xhr.onerror = function () {
console.error('오류 발생:', xhr.statusText);
};
// // test
// const resultStartElement = document.getElementById('resultStart');
// resultStartElement.innerHTML = `출발지 (위도: ${resultStart.latitude}, 경도: ${resultStart.longitude})`;

xhr.send(JSON.stringify(requestBody));
// const resultEndElement = document.getElementById('resultEnd');
// resultEndElement.innerHTML = `도착지 (위도: ${resultEnd.latitude}, 경도: ${resultEnd.longitude})`;

} catch (error) {
console.error('주소 변환 및 API 호출에 실패하였습니다:', error);
}
}
// // 변환된 좌표로 Tmap API 호출 및 결과 표시
// const xhr = new XMLHttpRequest();
// xhr.open('POST', '/api/findroad', true);
// xhr.setRequestHeader('Content-Type', 'application/json');

// const requestBody = {
// startX: resultStart.longitude,
// startY: resultStart.latitude,
// endX: resultEnd.longitude,
// endY: resultEnd.latitude,
// };

// xhr.onload = function () {
// if (xhr.status === 200) {
// const responseData = JSON.parse(xhr.responseText);
// text = responseData.text;
// console.log(text);
// document.querySelector('#findroad').textContent = text;
// } else {
// console.error(`Request failed with status ${xhr.status}`);
// }
// };

// xhr.onerror = function () {
// console.error('오류 발생:', xhr.statusText);
// };

// xhr.send(JSON.stringify(requestBody));

// } catch (error) {
// console.error('주소 변환 및 API 호출에 실패하였습니다:', error);
// }
// }

async function callTMapAPI(address) {
const url = `https://apis.openapi.sk.com/tmap/geo/convertAddress?version=1&searchTypCd=NtoO&reqAdd=${address}&reqMulti=S&resCoordType=WGS84GEO&appKey=`;
Expand Down

0 comments on commit 2b748be

Please sign in to comment.