문제
학습을 하면서 풀이를 위해서 아래와 같은 코드를 작성할 필요가 있었다.
그런데 분명히 영상에서와 다른 사람들은 잘 되는 데 왜? 나만 안되는겨?
하고 찾아봐도 음.. 잘 모르겠다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<h1>ㅎㅇ</h1>
</div>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
var 프로미스 = new Promise(function(성공, 실패) {
$.get('https://codingapple1.github.io/hello.txt').done(function(결과){
성공(결과)
});
});
프로미스.then(function(결과) {
console.log(결과);
})
</script>
</body>
</html>이것저것 여러방법들을 찾아보고 시도해보니 간단하게 해결되었다.
해결!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
</head>
<body>
<div>
<h1>ㅎㅇ</h1>
</div>
<script>
var 프로미스 = new Promise(function(성공, 실패) {
$.get('https://codingapple1.github.io/hello.txt').done(function(결과){
성공(결과)
});
});
프로미스.then(function(결과) {
console.log(결과);
})
</script>
</body>
</html>이렇게 jqeury script코드를 head코드 안에 입력해서 jquery를 body의 script에서 사용해주니 작동이 잘 되었다.
아무래도 불러오는 과정에서 시간 지연차 때문에 제대로 작동이 되지 않은 것으로 보인다.
오늘도 한 건 해결?!
반드시 결승점을 통과하는 개발자