묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨진짜! 자바스크립트(Javascript) - 기초부터 고급까지
console 이 안보입니다.
console 및 미리보기 hello world가 안보입니다.
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
호환성 관련 태그
- 강의 영상에 대한 질문이 있으시면, 상세히 문의를 작성해주시면, 주말/휴일 제외, 2~3일 내에 답변드립니다 (이외의 문의는 평생 강의이므로 양해를 부탁드립니다.)- 강의 답변이 도움이 안되셨다면, dream@fun-coding.org 로 메일 주시면 재검토하겠습니다. - 괜찮으시면 질문전에 챗GPT 와 구글 검색을 꼭 활용해보세요~- 잠깐! 인프런 서비스 운영(다운로드 방법포함) 관련 문의는 1:1 문의하기를 이용해주세요. <meta http-equiv="X-UA-Compatible" content="ie-edge">인터넷 익스플로러가 사라진 지금도 쓰이나요?
-
미해결타입스크립트 입문 - 기초부터 실전까지
live server 설치 오류
플러그인과 웹에서 Live Server를 검색해도 나오지않고 five server만 뜹니다. 깃에 올려져있는 링크로 들어가면 오류가 뜨는데 어떻게 해야하나요?
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
index.mjs를 index.js로 바꾸려면 어케해야하나요
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
index.mjs 를 index.js로 바꾸려면 어케해야하나요
-
해결됨입문자를 위한, ES6+ 최신 자바스크립트 입문
공부를 하면서 질문이 있습니다.
현재 짐코딩님의 자바스크립트와 리액트를 구입해 열심히 듣고 있습니다. 궁금한점이 강의를 듣고 나중에 혼자서도 코드를 작성할줄 알아야 실력이 느는데 자바스크립트 강의를 다 보고 자바스크립트로 혼자 만들어 보는게 좋을까요? 나중에 혼자서도 생각하는 것을 코드로 작성을 할만큼 실력을 키우려면 어떻게 공부를 해야좋을지 조언부탁드리겠습니다.
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요
div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠
주신 샌드박스 파일에서는 height가 50vh라고 되어있는데강의에서는 아래와 같이 height가 50vw라고 되어있네요 뭐가 맞는거죠? vh가 맞는것 아닌가요
-
해결됨자바스크립트 ES6+ 기초 핵심 문법
모듈파트 초반 진행중 오류
스크립트 태그에 type="module"지정을 했는데 자바스크립트도 안 불러와지고 (원인: http가 아닌 CORS 요청)이런 오류가 뜨는데 어떻게 해결해야되나요
-
미해결입문자를 위한, ES6+ 최신 자바스크립트 입문
prettier 오류
어느 순간부터 이렇게 뜨면서 prettier가 적용이 안되는데 어떻게 해결할 수 있나요? Error: Cannot find Prettier package.json
-
해결됨진짜! 자바스크립트(Javascript) - 기초부터 고급까지
then 메서드에서 Promise 를 반환하는 코드에 대한 질문입니다.
const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve(1); }, 1000); }); promise .then((value) => { console.log(`${value} 번째 Promise 의 then`); return new Promise((resolve, reject) => { setTimeout(() => { resolve(2); }, 1000); }); }) .then((value) => { console.log(`${value} 번째 Promise 의 then`); return new Promise((resolve, reject) => { setTimeout(() => { reject(new Error('강제 에러')); }, 1000); }); }) .catch((error) => { console.log(error); });이런 형태로 then 과 catch 를 메서드 체이닝할 수 있는 이유는 then 과 catch 메서드가 Promise 를 반환하기 때문이라고 이해를 했습니다. 그런데 then() 메서드에 전달하는 콜백 함수에서 return new Promise() 를 하여 Promise 를 반환하면 해당 Promise 가 반환된다고 이해를 했는데 어떻게 그것이 가능한 지 잘 이해가 안됩니다. then 은 동기적으로 실행되고 then 메서드에 전달된 콜백은 마이크로 태스크 큐에 등록된 후에 콜스택이 모두 비어졌을 때 호출된다고 이해를 했는데... 연결고리가 이어지지 않는 느낌입니다.
-
해결됨입문자를 위한, ES6+ 최신 자바스크립트 입문
ebook의 MDN참조링크 업데이트 부탁드립니다.
올려주신 ebook 내용 중 [mdn 이벤트 참조] url 페이지가 삭제되어서 업데이트가 필요해보입니다. 관련 수강목록: JavaScript 입문(ES6+) > 이벤트 다루기1페이지 경로: JavaScript 입문(ES6+) > HTML 이벤트https://gymcoding.notion.site/HTML-eaef81ea24c8447ebe7a9c5dfbe65dab 현재 연결된 MDN url(삭제됨): https://developer.mozilla.org/ko/docs/Web/Events재연결 되어야하는 MDN url: https://developer.mozilla.org/en-US/docs/Web/API/Element 새로찾은 mdn링크는 한국어버전을 못찾아서 영어버전 url 전달드립니다. 강의 잘 보고 있습니다~ 감사합니다! *^^*
-
해결됨진짜! 자바스크립트(Javascript) - 기초부터 고급까지
for 문에서 var 키워드 변수를 사용할 때와 let 키워드 변수를 사용할 때 차이점
안녕하세요 좋은 강의 감사드립니다.아래에서 for 반복문 내에서 var 키워드를 사용했을 때의 경우에는 var 키워드는 함수 스코프를 가지므로 setTimeout 의 콜백 함수가 실행되는 시점에 i 변수의 값은 이미 3인 상태이므로 3 3 3이 출력되는 것은 이해를 했습니다. 그런데 let 키워드로 선언한 변수는 블록 스코프를 가지는데 언뜻 이해하기로는 for 블록 내부에 i 변수가 선언되었다고 생각하면 var 키워드와 마찬가지로 setTimeout 의 콜백 함수가 호출되는 시점에 i 변수는 3이어야 하는게 아닐까라는 생각이 듭니다. 근데 0 1 2 가 출력되는 것을 보면 혹시 for 반복이 한번 실행될 때마다 i 변수가 생성되어서 서로 다른 블록 스코프를 가지는 것인지 아니면 제가 이해하지 못한 다른 내용이 있는 것인지 궁금합니다! 그리고 마지막으로 블록 스코프란 { } 이렇게 중괄호 내에 선언되는 경우를 말하는 것 같은데 for 문의 let i 변수의 경우에는 정확히 말하면 블록 내부에 선언되어 있지는 않은데 이 경우에도 블록 스코프라고 봐야 하는 건가요?? 감사합니다!function timer() { for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); } , 1000); } }function timer() { for (let i = 0; i < 3; i++) { setTimeout(function () { console.log(i); } , 1000); } }
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다.
이메일로 자료 요청을 했으나 계속 받지 못하고 있습니다.메일 확인 부탁드립니다. (swh0107@gmail.com)
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다
punkwagon@gmail.com 입니다
-
해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
특별한 형태의 javascript배열에서
모던 을 위한 다양한 Javascript+EX6 배열 문법 이해116분 2초 const data1 = [1, 2, "dave", null]; const data2 = [ { name: "Dave Lee", age: 30 }, { name: "Alex", age: 40 }, ]; const data3 = [ [1, 2, 3], [4, 5, 6], ]; console.log(data1[0]); console.log(data2[0].name); console.log(data3[0][0]);위 코드에서 마지막줄 console.log(data3[0][0]);만 결과가 나오지 않습니다.[0][1], [0][2], 등 나머지 index 번호를 적용했을 때 정상적으로 나오는데, [0][0]은 왜 결과가 누락되는걸까요?(undefined 라는 결과값도 나오지 않습니다.)
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인부탁드립니다!
upward070@gmail.com 권한요청드렸습니다!
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
codesandbox 업데이트..
codesandbox가 또 업데이트 된 것 같습니다..모던 html 기능과 배경지식 이해 강의 영상과 전혀 다른 화면이 나옵니다..사용법 업데이트 해 주시면 좋을 것 같습니다.!
-
해결됨진짜! 자바스크립트(Javascript) - 기초부터 고급까지
Global 스코프 질문
브라우저 환경에서 window객체가 Global 스코프 역할까지 한다고 이해했습니다.그런데 let,const로 정의한 함수들을 this, window를 명시하지 않고 실행하면 잘 실행되는 이유를 말씀하시면서 'let,const로 정의하면 Global스코프라고 볼 수 있는 Script스코프에 올라간다' 라고 하셨는데여기서 말하는 Global 스코프는 window객체를 말하는 Global스코프와 다른건가요?그럼 Global스코프(브라우저의 window보다 포괄적인 범위)는 내부에서 또 Script스코프와 Global스코프(브라우저환경에선 window객체)로 나눠지는거라고 이해하면 되는게 맞을까요...?
-
미해결자바스크립트 제대로 배워볼래?
외부 라이브러리 사용 질문
안녕하세요 강의 잘 수강하고있습니다!저번 강의에서 bigNumber 라이브러리, 이번강의에서 moment라이브러리 설명을 해주셔서 사용하다가 문제가 생겨 질문드립니다.두 라이브러리모두 cdn방식으로 사용을하면 잘 됩니다. 그치만 두 라이브러리 모두 npm으로 설치를 하여 사용하려고 시도를 하니 에러가 뜹니다.moment라이브러리의 경우, 설치를 다 하고난 뒤,script 태그 안에 import moment from 'moment'를 작성하고 사용하려고 하자, SyntaxError: Unexpected identifier 'moment'. import call expects one or two arguments.라는 오류가 뜹니다.코드는 이런식으로 짰는데 어떤 점이 문제일까요?