무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
보면서 설명해주셨던 핸드북? 파일도 따로 받을 수 있나요?
[제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
document.querySelectorAll 질문드립니다
안녕하세요 제로초님document.querySelectAll(buttons)을 비주얼 스투디오 코드에 넣었을 떄, 유사 배열이 console에서 출력되지 않습니다 (제로초님)코드를 따라서 입력했는데도 불구하고 이렇게 사진처럼 나옵니다).
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
공부 방향성과 진로
1현재 25살에 공부한지는 이제 혼자서 두달 정도 된것 같습니다. 자바스크립트 보면서 노드 js도 하는데 백쪽으로 방향을 잡고 공부를 하려구하는데 어떤분은 노드하구 리엑트로 넘어가서 next.js 쪽으로 공부 해보라구 하구 아니면 타입배우고 nest.js로 넘어가라고 하시던데 백쪽으간다 하면 네스트로 넘어가는게 맞나요? 그리구 네스트의 대한 전망이나 그런것도 궁금합니다 [제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
8장 startTime=new Date()의 라인 위치에 따라 값이 달라집니다
강의를 듣다가 이해되지 않는 부분이 생겨 질문드립니다.$screen.addEventListener('click', (event) => { if (event.target.classList.contains('waiting')) { event.target.classList.replace('waiting','ready'); event.target.textContent='초록색이 나오면 클릭하세요'; setTimeout(function(){ event.target.classList.replace('ready','now'); evnet.target.textContent='클릭하세요!'; startTime=new Date(); //startTime===undefined },Math.floor(Math.random()*1000)+2000); } else if (event.target.classList.contains('ready')) { alert('너무 빨리 클릭했습니다.'); event.target.classList.replace('ready','waiting'); event.target.textContent='클릭해서 시작하세요'; } else if (event.target.classList.contains('now')) { //끝 시간 재기 endTime=new Date(); $result.textContent=`${startTime} ms`; event.target.classList.replace('now','waiting'); event.target.textContent='클릭해서 시작하세요'; } });제가 작성한 반응속도 게임 만들기의 addEventListener부분입니다. 해당 코드의 변수 startTime에 Date가 할당되는 시기가 이벤트타겟의 값이 now로 변경되는 시기보다 뒤에 오게되면 undefined가 할당됩니다. 아래의 코드는 startTime의 값이 undefined가 아닌 제대로 된 날짜가 저장되도록 수정한 코드입니다.위 코드의 startTime 이 undefined가 되는 이유를 알려주세요.setTimeout(function(){ startTime=new Date(); //startTime===`Thu Oct 13 2022 18:13:10 GMT+0900 (한국 표준시)` event.target.classList.replace('ready','now'); evnet.target.textContent='클릭하세요!'; },Math.floor(Math.random()*1000)+2000);
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
'abc' < 5;
교재 67페이지에 'abc' < 5; 에서 abc를 숫자로 바꾸면 NaN이 된다고 나와있습니다. 그런데 문자열에도 번호가 있다고 강의를 들었는데 a가 97 b가 98 c가 99인데 왜 NaN이 되는지 알 수 있을까요?? [제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
4장 self-check 연이어 계산하는 계산기 질문입니다!
4장 self-check 연이어 계산하는 계산기의 답 코드로 실행할 경우 직접 계산기에서 1, + ,2, = 까지 누르고 +, 3, = 을 눌러 최종 결과값을 얻도록 되는 것 같습니다. //연이어 계산하기 $operator.value = ''; // 연산자 화면 출력값 없애기 numOne = $result.value; //numOne에 앞의 계산값 넣기 operator = ''; //연산자 변수 비우기 numTwo = '';혹시 중간에 =을 누르지 않고 연달아서 1,+,2,+,3,= 을 눌러 최종종 결과값을 얻도록 하려면 다음 코드 부분이 = 버튼을 눌렀을 때(이벤트가 발생했을 때) 계산하도록 리스너함수를 넣었기 때문에 하단 코드를 수정하는 것이 아닌 다른 코드를 작성해야 하는걸까요? //= 계산 구현 - 문자열에 따라 다른 연산자 사용하도록 분기 document.querySelector('#calculate').addEventListener('click',() => { if(numTwo){ //numTwo까지 존재한 상태일 경우 switch(operator){ case '+': $result.value = parseInt(numOne) + parseInt(numTwo); // 더하여 결과 출력 break; case '-': $result.value = parseInt(numOne) - parseInt(numTwo); break; case '*': $result.value = parseInt(numOne) * parseInt(numTwo); break; case '/': $result.value = parseInt(numOne) / parseInt(numTwo); break; default: break; }//end switch 감사합니다!
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
화살표함수 return 생략 시 event 매개변수
안녕하세요!4.3 강의 중 화살표함수를 사용할 때 return 생략 시 event 매개변수에 대해 질문드립니다.원래 코드가 아래의 경우 {과 return이 만나서 생략이 가능합니다.const onClickNumber = (number) => { return (event) => { if(operator){ numTwo += number; } else{ numOne += number; } $result.value += number; //화면에 출력 } };생략하면 다음과 같이 됩니다. const onClickNumber = (number) => () => { if(operator){ numTwo += number; } else{ numOne += number; } $result.value += number; //화면에 출력 };하지만 생략된 코드 첫 줄에서 (event)가 아니고 () 빈 괄호인지 이해를 못겠습니다.!
- 해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
다른 중첩 반복문들 질문입니다
첫 번째 사진에서 이렇게: 위 예시에서, i 가 0일 때, j가 0, 1, 2 …. 9씩 올라가는 이유는 처음에는 (let i = 0, let j = 0)을 출력한 다음, (즉 시작식 for (let i = 0; i < 10; i++;)) 이 실행된다음 조건식 for(let j = 0, j < 10; j++;). 실행된다. 그다음에 그 조건식을 만족하지 못하였을때 (j > 9), 시작식을 실행한다, 이때 j가 다시 0으로 초기화 된다, 그 다음에게 i가 0일떄 하고 같은 프로세스를 두 조건이 (i > 9 && j > 9) 맞지 않을 때 까지 반복합니다. 설명을 적었는데 맞는 설명입니까?두 번째 사진에서 이렇게: continue문을 사용하면 컨티뉴 문이 적인 코드는 사용하지 않고 다음 코드로 넘어간다. (그래서 i == 0, i == 2, i == 4, j == 0, j == 2, j == 4, k == 0, k == 2, k == 4)는 출력되지 않고 넘어갑니다. 똑같이 제일 밑에 있는 코드부터 for문을 실행합니다. 그레서, 1 1 1다음으로 1 1 3이 출력되고, 그 다음에 1 1 5이 출력되지만 조건에 맞지 않음으로 인해서 j가 조건문을 실행하기 됩니다 (그리고 k가 다시 초기화 되서 1이 됩니다.) 그래서 1 3 1이 나옵니다, 그 다음에는 다시 k가 들어있는 조건문을 실행합니다 (1 3 3). 그 다음에는 j, k둘다 조건식 조건에 맟지 않기 때문에 i가 있는 for문을 실행합니다, 그 와중에서 j 하고 k는 다시 초기화 되서 3 1 1이 나옵니다. 이 때 다시 조건문 k를 실행하고 조건이 맞지 안면 조건문 j를 실행하고 j가 맟지 않으면 i를 실행합니다. 기리고 모든 조건식이 맞지 않을 때가찌 이 과정들을 반복합니다. 설명은 적었는데 맞는 설명입니까? 너무 길이 글어서 죄송합니다
- 해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
별 찍기 질문입니다.
동영상에 나온 문제에서 크리스맛, 정련 문제처럼 답이 없었던 문제들도 있던데 어디에서 답들을 볼 수 있을까요?
- 해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
중첩 반복문 질문
안녕하세요 제로초님 강사님 코드를 똑같이 따라 쳣는데 j가 이미 선언되었다고 합니다. 새로고침을 했는데도 똑같은 에러가 뜨네요. 제 브라우저에 에러가 있나요?
- 해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
자바스크립트 반복문(for) 질문
안녕하세요 제로초님 자바스크립트 반복문(for) 강좌에서 for(;;)를 실행하면 무한 반복이 된다고 하셨습니다. 그런데 제 브라우저에 for(;;)를 넣은면 이렇게 실행됩니다. 이 자체로 실행됬나요?
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
자바스크립트 변수 선언하기(let) 질문
안녕하세요 제로초님, 제가 코드를 초기화 시켜도 변수 값이 강사님 화면과는 다르게 코드가 실행이 됩니다. 제 브라우저에 에러가가 있나요?
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
자바스크립트 문자열 질문
안녕하세요 왜 제 브라우저에서는 \슬래쉬 이스케이프 안하고 출력되나요? 강사님 화면 처럼 \한개만 출력 되지 않습니다. \n 줄바꿈 질문처럼 이것도 \가 이스케이프 한건가요?
- 해결됨[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
자바스크립트 질문드립니다!
안녕하세요 제로초님~ 자바스크립트 관련 질문 드리고 싶습니다!일단 첫번째 질문은 DOM 요소를 선택할 때 다음과 같은 코드를 사용해도 괜찮은지 궁금해서 질문드려봅니다.보통은 아래 코드처럼 이렇게 사용하는데const $input = document.querySelector('input');얼마 전에 아래와 같이 함수로 만들어서 사용하는 코드를 보게 되었는데요,const get = (target) => { return document.querySelector(target); }; const $input = get(input);대부분 첫번째 코드 처럼 사용하시는 것을 많이 봐서 2번째 코드를 봤을 때 이렇게 사용해도 되나? 하는 의문점이 들었습니다 ㅠ.ㅠ 좋아보여서 요즘 2번째 코드처럼 사용하고 있긴한데 코드 스타일에 따라 다른거라 상관 없을까요? 현업에서는 어떤 방식을 더 선호하시는지 궁금합니다. ㅎㅎ 두번째 질문은 즉시 실행 함수 관련 질문입니다.html에 script 태그 만들고 js 파일을 불러올 때 즉시 실행 함수를 사용해서 불러와야 할까요 ?(function () { 'use strict'; init(); const getItems = () => { // 코드.. }; const init = () => { window.addEventListener('DOMContentLoaded', getItems); }; })();자바스크립트 처음 공부할 때는 즉시실행 함수로 배웠었는데 최근에 다시 공부 시작하면서 찾아본 코드들은 즉시 실행 함수를 사용하시지 않는 것 같더라고요...ㅎㅎ그냥 제가 제일 마음에 드는 거로 썼다가 좋지 않은 코드 스타일이 굳혀질까봐 어떤 스타일로 작성해야할지 혼란스러워서 여기까지 찾아오게 되었습니당..ㅠ_ㅠㅠ
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
\n 또는 \ 사용 관련 (5강)
강의 중간에 따옴표 사용할 때 줄바꿈 하는 법과 \를 문자열로 취급하는 법을 따라해보는데저는 '안녕하세요?\n줄바꿈했어요'; 라고 입력을 하면결과값도 '안녕하세요?\n줄바꿈했어요' 라고 나옵니다.제로초님의 영상에서는'안녕하세요?줄바꿈했어요' 라고 출력이 되는데,,, 말입니다...?*참고로 백틱을 이용하여 문자열을 쓸 때`안녕하세요줄바꿈하고있습니다`; 라고 입력을 하면결과값에 '안녕하세요\n줄바꿈하고있습니다' 라고 출력됩니다.... 결과값에서 \n이 엔터가 되어 나오게 하는 법을 아시는지... 그리고 \를 문자열 중간에 사용할때'how\re you?';라고 치면 'howe you?'라고 나오기 때문에'how\\re you?';라고 쳐야 'how\re you?'라고 나온다고 하셨는데저는 'how\re you?'; 라고 쳐도 결과값이 그대로 'how\re you?';로 나옵니다... 이게 왜 이렇게 되는지..?구글로 이모저모 검색을 해봤는데 뭐라고 검색해야 딱 집어 나올지 검색해보니 2프로 부족해서 그만..질문합니다
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
querySelector에 질문이 있습니다.
html에 tag를 id로 만들면 querySelector('#id') 이렇게 해서 찾는다는걸 알았습니다.그래서 name도 있을까 해서 인터넷으로 찾아봤는데 없는건지 아니면 제가 잘 못찾는건지 안보여서 질문을 이렇게 드립니다.tag가 id가 아닌 name으로 했을때 querySelector()에서()안에는 어떻게 들어가는지 궁금합니다.
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
??연산자 관련해서 질문있습니다.
안녕하세요 제로초님 영상보고 공부하다가 ?? 연산자를 사용 관련해서 질문 올렸습니다.NaN(빈 문자열,false) ?? "A"=> NaN 이런식으로 사용하면 A가 나와야 하는게 정상이 아닌가요??거짓 값 중에서 null과 undefined 이외의 값은 참으로 봐서 NaN(빈 문자열,false)은 그대로 출력된는건가요?
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
let out 변수 질문
let out은 왜 strike,ball 처럼 안에다가 선언 안하는건가요?
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
초기화와 할당의 개념
안녕하세요 제로초님 var 같은 호이스팅 시 선언과 초기화가 동시에 일어나는걸로 알고 있는데요 여기서 초기화란 자바스크립트 엔진이 undefined를 할당해주는 것이니 초기화랑 할당은 같은 의미로 봐도 되는걸까요? 아니면 다른 차이점이 있는지 궁금합니다 ex) const a = 123; // 선언과 초기화? 선언과 할당 인지... 관련 자료를 찾아봤는데 자바(Java)에서 초기화는 객체를 선언하고 값을 최초로 할당하는 것이다. int a = 10; 이렇게 작성한 것은 선언과 동시에 초기화한 것이고, 이후에 a = 20; 을 입력하면 초기화가 아니라 값을 바꾸는 할당(allocation)이 된다. 자바스크립트에서도 동일하게 이해하면 될까요?
- 미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
익명함수의 용도
안녕하세요 제로초님 아래처럼 함수표현식으로 만든 익명 함수는 여러번 호출해서 사용 가능한데 말씀하신 한 번만 쓸 떄 사용하는 익명함수라는건 어느 때를 말씀하시는건지 궁금합니다 const test = function () { console.log(123); } test(); test(); test(); 질문하면서 곰곰이 생각을 해봤는데 혹시 addEventListener의 리스너 함수로 쓰거나 즉시실행함수로 사용될 때가 익명함수가 주로 활용되는 경우인가요?