월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결자바스크립트 제대로 배워볼래?
module 질문있습니다.
.js로 아래와 같은 자바스크립트 파일을 작성했습니다. export function log(message) { console.log(message); } export function error(message) { console.error(message); }해당 자바스크립트 파일을 html에 삽입하기 위해 src에 넣고, type을 module로 지정했습니다. 후에 log함수를 이용하려고 아래 코드를 작성했는데,"Uncaught ReferenceError: log is not defined at 3-14.html:9:7" 이라고 에러가 납니다.<!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <script src="./scripts/3-13.Module.js" type="module"></script> <script> log("메세지 출력"); // Uncaught ReferenceError: log is not defined at 3-14.html:9:7 에러 출력 </script> </body> </html> 여기서 질문이 2가지가 있는데,위의 코드 에러를 해결하려면 어떻게 해야하나요?모듈을 삽입하는 방법으로 script 안에 type을 모듈로 정의하고 import를 통해 삽입하는 방법과, src에 자바스크립트를 사용하여 삽입하는 2가지 방법이 존재한다고 이해했습니다. 그럼 후자의 방법은 단순히 src만 입력해 해당 자바스크립트 안에 있는 모든 함수, 변수를 사용하는 방법을 말하는 걸로 이해하면 될까요? 답변주시면 감사하겠습니다.! 항상 강의 잘 듣고 있습니다. 좋은 강의 내주셔서 정말 감사합니다 . ㅎㅎ 😃
- 해결됨자바스크립트 제대로 배워볼래?
clearInterval, setInterval 질문
var i = 0; var fnc = setInterval(function () { if (i == 3) { clearInterval(fnc); } console.log("3초마다 프로그램 실행 - " + i); i++; }, 3000);i가 3일 때 setInterval를 중단하기 위해 해당 코드를 작성했습니다.i가 3일 경우에는 clearInterval에 의해 setInterval이 중단됐기 때문에아래 console.log("3초마다 프로그램 실행 - " + i)도 실행되지 않아콘솔창을 실행했을 때 "3초마다 프로그램 실행 - 2"까지만 나오고 멈출거라고 생각했는데,"3초마다 프로그램 실행 - 3"이 나와 왜 그런지 질문 드립니다.
- 미해결자바스크립트 제대로 배워볼래?
window 객체 질문 있습니다.
clearInterval은 setInterval을 중단하는 내장 함수입니다.아래 setInterval를 i 가 3일 때 clearInterval 함수를 삽입하여 중단하기 위해서 var i = 0; var fnc = setInterval(function () { console.log("3초마다 프로그램 실행 - " + i); i++; }, 3000); var i = 0; var fnc = setInterval(function () { if (i == 3) { clearInterval(fnc); } console.log("3초마다 프로그램 실행 - " + i); i++; }, 3000);위와 같이 작성을 했습니다.i가 3일 경우에는 clearInterval에 의해 setInterval이 중단됐기 때문에 아래 console.log("3초마다 프로그램 실행 - " + i)도 실행되지 않아콘솔창을 실행했을 때 "3초마다 프로그램 실행 - 2"까지만 나오고 멈출거라고 생각했는데,"3초마다 프로그램 실행 - 3"이 나와 왜 그런지 질문 드립니다..!
- 해결됨자바스크립트 제대로 배워볼래?
Date 함수 질문
set 함수를 이용해 현재 년도, 월, 일, 시간, 분, 초 등을 설정할 수 있다고 배웠습니다.var day = new Date(); day.setFullYear(2020); console.log(day); // Sat Dec 05 2020 14:51:11 GMT+0900 (한국 표준시)수업 내용처럼 코드를 작성하면 년도 값이 달라져서 나오는데, 아래 코드처럼 작성하면 "912837772073" 이라는 결과가 나옵니다.두 코드의 차이가 무엇인지, 어떤 점이 잘못되어 해당 결과 값이 나오는지 궁금합니다..! var day = new Date(); console.log(day); var day2 = day.setFullYear(1998); console.log(day2);
- 해결됨자바스크립트 제대로 배워볼래?
Boolean 내장함수 강의 질문
Boolean 내장 함수에서,변수에 문자열을 입력하고 boolean으로 출력하면 1이 아닌 이외의 모든 것은 false로 출력된다고 이해했습니다.var x = ""; console.log(Boolean(x)); // false 출력위의 코드처럼요! 그런데 아래 코드처럼 문자열을 입력하고 실행하면,1이 아닌 다른 값이 들어갔기 때문에 false가 출력될 것이라고 생각했는데 true가 출력돼서 왜 그런지 질문드립니다! var y = "안녕하세요"; console.log(Boolean(y)); // true 출력 문자열과 마찬가지로 숫자도 0이외의 다른 숫자(양수, 음수, 소수 등..)를 입력하고 boolean으로 실행했을 때 전부 true로 나오는데,1이 아닌 것은 모두 false라고 배워서 잘 이해가 가지 않아 질문드렸습니다.
- 미해결자바스크립트 제대로 배워볼래?
4-04(마지막강의)에 있는 json으로 된 js파일은 어디에 있을까요?
영상에서 자막으로 제공해주신 github에 접속하니없는 페이지라고 나오더라구요..
- 미해결자바스크립트 제대로 배워볼래?
Async Await 오류가 나서 문의드립니다.
안녕하세요.스크립트는 아래와 같이 작성하였으며,콘솔에는 3-12.AsyncAwait.html:20 Uncaught (in promise) TypeError: data is not iterableat calculateSum 이라는 오류가 나왔습니다.<!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> var url ="https://74f8c451-bcda-46f0-820b-f63caee12b28.mock.pstmn.io/productList"; async function getData2(){ return (await axios.get(url)).data; } async function calculateSum(){ var data = await getData2(); var total = 0; for(var item of data){ total += item.price; } console.log(total); } calculateSum(); </script> </body> </html>어디가 잘못된걸까요...강의랑 똑같이 작성을 한거같은데..
- 미해결자바스크립트 제대로 배워볼래?
선생님 안녕하세요. array내장함수 수업듣는중 이해가 안되는 부분이있어서 질문드립니다.
선생님 안녕하세요. array내장함수 수업듣는중 이해가 안되는 부분이있어서 질문드립니다.var person = [ {name:"유재석", point:78}, {name:"김종국", point:92}, {name:"양세찬", point:76}, {name:"하하", point:81}, ]; person.sort(function(a,b){ if(a.point > b.point){ return -1; } else if (a.point < b.point) { return 1; } else { return 0; } }); console.log(person); 변수안에 객채를 생성하고 sort안에 함수선언해서 조건문 넣는부분까지는 이해가 되는데요.함수안에 매개변수로 비교하는부분에서요 a,b에 대한 비교부분에서 이해가 잘안됩니다.매개변수안에서 a,b로 어떤 구조로 4개의 객체를 비교하는지 알려주시면 감사하겠습니다
- 해결됨자바스크립트 제대로 배워볼래?
변수 관련 질문
아래와 같이 어레이 내에 오브젝트를 만들어주고 소팅을 한 뒤, 콘솔로그로 변수를 불러오고나서 리버스를 해주고 그 다음 다시 콘솔로그로 변수를 불러오는 코드를 짰습니다. 첫번째 콘솔로그에서는 오름차순으로 나오고, 두번째 콘솔로그에서는 내림차순으로 나와야한다고 생각했는데요, 실제로는 둘 다 리버스가 적용된 내용이 출력되는데 이유가 무엇일까요.// 어레이 안에 오브젝트를 넣는다. var persons = [ {name: "유재석", point:78}, {name: "김종국", point:92}, {name: "양세찬", point:76}, {name: "하하", point:81}, ]; // point를 기준으로 오름차순으로 정렬한다. persons.sort(function(a,b){ return a.point > b.point ? 1 : a.point < b.point ? -1 : 0; }) // 리버스가 콘솔로그 밑 줄에 쓰여있어도 위에 있는 콘솔로그도 함께 바뀜 console.log("1번 콘솔로그 : ", persons); // 여기는 오름차순으로 나와야함 persons.reverse(); console.log("2번 콘솔로그 : ", persons); // 여기는 내림차순으로 나와야함 그래서 아래와 같이 또 한 번 숫자가 들어간 어레이를 통해 실험을 해봤습니다.var arr_test = [100, 90, 55, 10, 33]; arr_test.sort(function(a, b){ return a-b; }) console.log("arr_test 1번 ", arr_test); // 오름차순으로 불러옴 arr_test.reverse(); console.log("arr_test 2번", arr_test); // 내림차순으로 불러옴아까전에 리버스가 그 윗줄의 콘솔로그 안에 있는 변수에 영향을 끼친 것으로 보였다면, 이번에는 콘솔로그 1번과 2번 내의 변수가 따로따로 출력되는 것을 확인할 수 있었습니다.만약에 리버스가 변수 자체에 영향을 미치는 것이라면 아래의 실험도 콘솔로그 위아래 모두 내림차순으로 불러와야 정상인데 혼란스럽네요. 질문에 대한 답변 주시면 감사하겠습니다.
- 미해결자바스크립트 제대로 배워볼래?
Promis실습 도중의 에러메시지
합계 데이터가 출력되지 않아 서버로부터 받아온 Data를 출력하면 어레이 형태의 객체인데, for 구문에서는 읽어온 data가 반영되지 않습니다.코드와 오류는 아래와 같습니다. function getData(){ return new Promise(function(resolve, reject){ axios.get(url).then((response) => { console.log(response.data); resolve(response.data); }).catch((error)=>{ console.log(error.message) }) }) } var total=0; getData().then(function(data){ console.log(data) for (var items of data){ total += item.price; } console.log(total) }) </script> </body> </html>
- 미해결자바스크립트 제대로 배워볼래?
moment.js cdn 외부 링크 오류
자바스크립트 내장함수 -> Date 내장 함수 강의 내용 중 28:17 에서 외부 링크를 복붙하는데 저는 Failed to find a valid digest in the 'integrity' attribute for resource 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js' with computed SHA-512 integrity '+H4iLjY3JsKiF2V6N366in5IQHj2uEsGV7Pp/GRcm0fn76aPAk5V8xB6n8fQhhSonTqTXs/klFz4D0GIn6Br9g=='. The resource has been blocked.라고 오류가 뜨면서 사용이 불가능하다고 하는데 이유를 모르겠습니다..복붙한 외부링크 소스↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" integrity="sha512-CryKbMe7sjSCDPl18jtJI5DR5jtkUWxPXWaLCst6QjH8wxDexfRJic2WRmRXmstr2Y8SxDDWuBO6CQC6IE4KTA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
- 미해결자바스크립트 제대로 배워볼래?
64비트 부동소수점 내용 중
좋은 내용의 강의 감사드립니다.64비트 부동소수점 강의 내용의 정리에 대해 질문남깁니다.1.결국 js는 number를 int, float에 관계없이 64비트 부동소수점의 형태로 다루고 이로 인해 소수점 연산에 대해 오차가 발생할 수 있다(구체적으로 가수부 제한인 52비트를 넘는 경우).이를 보기 위해 주어진 소수(0.1과 0.2)를 2진수로 고쳐 연산을 하고 10진수로 고쳐서 그 예시를 들었다. 라고 이해를 하였는데 제대로 이해한게 맞을까요? 2진법으로 표현된 숫자에 대해 10진법으로 고치기 위해 0이하의 숫자에 대해 Math*pow(2, -55)한 원리가 궁급합니다.감사합니다.
- 미해결자바스크립트 제대로 배워볼래?
4-04 22분 15초에 나오는 61, 63 라인에 대해 질의드립니다.
doSearch() 함수 42, 61번째 라인에서 전역변수 currentData 에 조회결과를 담음으로써 해당 함수가 종료된 이후에 doSort() 함수에서 currentData 를 조작할 수 있는 부분은 이해됐습니다.궁금한 부분은 doSearch() 함수 43, 63 라인에서 renderTable() 함수의 파라미터로 userList, data를 넘기셨는데 currentData 를 넘겨도 상관없을까요?
- 미해결자바스크립트 제대로 배워볼래?
64비트부동소수점 마지막부분 이해가 안가서요...
선생님 강의 잘 듣고 있는데 질문이... 부호비트 + 지수부 + 가수부 다 계산해서 합치면 0 01111111011 100110011001100.... 이런식으로 54자리가 되는거로 이해했는데요. 이 값이, 수업 초반에 0.1을 2진수로 변환했을때인 0.0001100110011001100110011001100110011001100110011001101과 같다고 말씀하시는거같은데... 두개가 소수점 및 숫자가 다른데 왜 같다고 하시는지 잘 이해가 안가요 ㅠ
- 미해결자바스크립트 제대로 배워볼래?
Chcekbox Element 값
안녕하세요. 4-01.HTML Element.html에 대한 강의 설명시에는 Checkbox의 값들을 getElementsByName으로 읽어오면 Nodelist(체크박스갯수)로 표시가 되는데, 해당 소스를 직접 다운받아서 실행하면 NodeList[] ,로 표시가 되고 각 체크박스의 내용을 읽어오지 못합니다. 확인 부탁드립니다. 감사합니다.
- 미해결자바스크립트 제대로 배워볼래?
parameter순서
안녕하세요. c++에서는 default parameter 처리할때 무조건 오른쪽값부터 default설정을 해야하는걸로 알고있는데 자바스크립트도 마찬가지인가요?? 추가로 parameter가 모두 default값이 설정되어있다는 가정하에 함수 호출할때 왼쪽 parameter는 생략하고 오른쪽 parameter만 넘겨주는건 불가능한가요?? 감사합니다:)
- 미해결자바스크립트 제대로 배워볼래?
parseInt parseFloat 질문
안녕하세요 강의듣던중 궁금한게 생겼는데 parseFloat이 정수형 문자열도 Number로 바꿔주는걸로 봐서 parseInt의 기능도 포함하는거 같은데 그럼 parseInt를 쓸 이유가 굳이 없어보입니다. parseFloat과 paserInt를 굳이 구분해서 사용하는 이유가 있나요??
- 미해결자바스크립트 제대로 배워볼래?
charAt 인덱스
안녕하세요. 37분쯤에 str.charAt(1)을 이용해서 문자 e를 가져왔는데 str[1]과 차이점이 아예없어보이는데 제가 이해한게 맞나요? 그냥 편한방식을 이용하면 되나요?
- 미해결자바스크립트 제대로 배워볼래?
STRING 결합
30분쯤에 string 결합부분에서 + 로 문자열 더해주는거랑 concat이용해서 결합하는거랑 차이가 없어보이는데 그냥 개인이 사용하기에 편한방법을 사용하면 되나요??
- 미해결자바스크립트 제대로 배워볼래?
왜 오름차순으로 정렬되는지 궁금합니다.
var point = [40, 100, 70, 21, 99]; console.log(point.sort()); // 숫자인 경우 문자로 인식한다. 문자열로 인식하면 100이 먼저임 1이기때문에 point.sort(function(a,b){ return a-b }); 안녕하세요 왜 리턴 a-b 했을때 순서대로 정렬되는지 메커니즘이 궁금합니다.