30%
30,800원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
for [코딩시간] 코드를 이렇게 작성했습니다.
for(i = 1,ODD = 0,EVEN = 0;i < 50; i++){ if (i % 2 === 1) { ODD = ODD + i } else if (i % 2 === 0){ EVEN = EVEN + i }}; document.write("ODD =", ODD, "<br />"); document.write("EVEN =", EVEN, "<br />"); document.write("SUM =", ODD+EVEN, "<br/>"); 강의 열심히 듣고 있습니다 개선할 것이 있으면 알려주십시오. 열심히 강의 듣도록 하겠습니다^^
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
forEach() 문 내부에서 delete로 특정 인덱스를 삭제했을 경우
안녕하세요 선생님. 질문이 있어 이렇게 올리게 됐습니다. var list = [1,2,3]; var fn = function(el, index, all){ if(index === 0){ delete list[2]; }; console.log(el); }; list.forEach(fn); 위 코드에서 delete list[2]를 사용하고 있습니다. 제가 기억하는바론 splice로 배열에서 엘리먼트 삭제시 완전히 삭제되는반면, delete로 엘리먼트 삭제시 값만 지우고 undefined가 그 자리를 채우는 것으로 기억합니다. 따라서 delete list[2]가 시행되면 value = [1, 2, undefined]가 되고, forEach 구문으로 해당 배열을 나열시 1 2 undefined 가 결과로 출력돼야하는 것 아닌가요??! console.log(value[2]); 를 해보면 undefined가 출력되는데 forEach 문으로 돌렸을 땐 왜 undefined가 출력되지 않는지 궁금합니다! 훌륭한 강의 너무 잘 듣고 있습니다. 감사합니다 :)
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
정리
중고급 과정을 듣고 나서 다시 한 번 정리하였습니다. const test = ["<ul>"]; for(var i = 1; i <= 10; i++) { test.push(`<li id=id${i}>id${i}</li>`); } test.push("</ul>"); document.body.innerHTML = test.join(""); 우선 코딩시간에 나와있는 배열 사용의 예제풀이 입니다. 텍스트로 덧붙이는 형태라 DOM 구조를 이해하는게 아닌 듯한 느낌이 들었습니다. 따라서 Tag요소부터 만들어 나가는 형태로 반복문을 진행해보았습니다. const newUl = document.createElement('ul'); document.body.append(newUl); const Ul = document.querySelector('ul'); for(var i = 0; i < 10; i++) { const newLi = document.createElement('li'); Ul.append(newLi); const Li = document.querySelectorAll('li')[i]; Li.id = `id${i+1}`; Li.textContent = `id${i+1}`; } 보완할 요소가 더 있을 거 같은데 도통 떠오르질 않네요. 배열 구조로 한꺼번에 추가하는 형식으로 트리를 만들어가는 건 어려울 거 같아 질문드려요.
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
질문드리겠습니다!
forEach 에서 this를 참조 시에 콜백 함수를 람다식으로 대체하면 this가 원래 참조가 안되는건가요! 아무리 시도해봐도 람다식으로 대체한 콜백함수문에서는 NaN만 출력되서 너무 답답합니다 ㅠㅠ 그에 반해 콜백함수 부분을 따로 외부로 빼니 잘 인식되는걸로 봐서는 원래 람다식에서는 this를 참조할수가 없는지 헷갈립니다. 항상 감사드립니다, let list = [1, 2, 3];list.forEach((value, index, array) => console.log(value + this.ten), {ten: 10});let fn = function (value, index, array) { console.log(value + this.ten);}list.forEach(fn, {ten: 10})
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
잘 작성한건지 궁금합니다.
자바스크립트 배워야지 배워야지 해놓고 다른 프레임워크에 의존하고 템플릿 엔진의 의존하고 하니 순수 자바스크립트는 손을 안대게 되더라구요. 앞으로도 계속 이러면 정말 안될 거 같아서 열심히 수강중입니다. 이번 과제도 템플릿엔진만으로 사용해서 그런지 자바스크립트로 표현하려 하니 저한텐 낯설면서 어렵네요 ㅠㅠ 아직은 많이 부족하지만 선생님 강의 열심히 보면서 점점 더 성장하는 모습 보여드리려고 합니다. 항상 좋은 강의 감사합니다 window.onload = function () { var list = Array(); for (var i = 1; i <= 10; i++) { list.push('<li id=id', i, '>', String('id' + i) ,' </li>'); console.log(list); } document.body.innerHTML = '<ul>' + list.join('') + '</ul>';};
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
중고급 강의를 듣고 와서 다시 처음부터 한번 정리 중입니다.
var odd = []; var even = []; var num = []; for (var i = 1; i <= 50 ; i++) { i % 2 == 1 ? odd.push(i) : even.push(i); num.push(i); } console.log(odd); console.log(even); console.log(num); 위와 같이 작성하였는데 '누적'의 의미를 우선은 배열로 하는 것이 올바른 거 같아 배열로 진행하였는데 괜찮은 다른 방식이 또 있을 까요??
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
__proto__.__proto__ 부분을 이렇게 이해해도 될까요?
Java 에서는 모든 객체의 최상위 클래스는 Object 잖아요. JavaScript 에서도 마찬가지로 Number라는 빌트인 오브젝트를 생성하면 Java에서 Object를 상속받은 것 처럼 Number.prototype 밑에 Object의 prototype이 스며들어있는건가요. 이렇게 생각하니 정말 Java와 많이 닮았군요. 이렇게 좋은 강의 만들어주셔서 감사합니다.
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
질문드립니다. (변수 선언 후 초기값 할당에 관하여)
안녕하십니까 선생님. 강의 잘 듣고 있습니다. 질문이 있어서 질문 드립니다. 아래는 [코딩시간]에 제가 코딩해 본 코드입니다. 결과값으로는 짝수누적값 650, 홀수누적값 625, 전체누적값 1275을 얻었습니다. ★질문 : 저는 변수 선언 후, 반복문 들어가기 전에 null값을 초기값으로 할당해 주었는데, 다른 분은 0을 할당하시기도 하더라고요..... 널값을 할당하든, 0을 할당하든 결과값은 동일한 것을 확인하였지만, 보통 아래와 같은 코딩을 쓸 때, 널과 0중에 어떤 값을 초기에 할당하는지 궁금하여 질문드립니다... 저는 반복문 들어가기 전에는 값이 숫자인지 무엇인지 미리 할당하지 않는 편이 낫다고 생각해서 0이 아닌 .. 아무것도 없는 값(?)인 널값을 할당하였습니다만.. 결과값이 숫자임이 명확한(1~50 의 양수 무엇을 더해도 결과값은 반드시 숫자) 아래와 같은 코드에서는 초기값에 0을 할당하는 것이 더 코딩적(?)으로 혹은 수학적으로 정확한 것일까요??? 이 질문이 .. 좀 이상한 질문일 수도 있겠지만 ㅠ... 비전공 출신으로 물어볼 데가 없어서 선생님께 질문드리는 점 양해부탁드리겠습니다.ㅠㅠ //변수선언 var totalOdd; var totalEven; var totalNum; var Result; //변수에 null 할당 totalOdd = null; totalEven = null; totalNum = null; //1부터 50 반복문 for (i = 1; i <= 50; i++) { Result = i % 2; //나머지값 구하기 = i를 2로 나누기 if (Result === 0) { //나머지가 0과 일치할 경우 totalEven = totalEven + i; // 짝수끼리 더하기 } else { //나머지가 0이 아닌 경우 (1인 경우) totalOdd = totalOdd + i; //홀수끼리 더하기 } totalNum = totalNum + i; //전체 더하기 } console.log(totalEven); console.log(totalOdd); console.log(totalNum);
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
for~in문장 형태 질문드립니다
for(변수 in 오브젝트) 문장; for( 표현식 in 오브젝트) 문장; 1. 1번과 2번의 차이에 대해서 질문드립니다. 강의에서 설명해주신 for (var item in sports) {} 형태가 2번에 해당한 것인가요? 2. 1번의 형태는 변수를 먼저 선언을 하고, 그 변수를 for~in문에 사용하는 것인가요 var item; for( item in sports){ } Normal 0 0 2 false false false EN-US KO X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:"표준 표"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; text-align:justify; text-justify:inter-ideograph; line-height:115%; mso-pagination:widow-orphan; font-size:10.0pt; mso-bidi-font-size:11.0pt; font-family:"맑은 고딕"; mso-ascii-font-family:"맑은 고딕"; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:"맑은 고딕"; mso-fareast-theme-font:minor-fareast; mso-hansi-font-family:"맑은 고딕"; mso-hansi-theme-font:minor-latin; mso-font-kerning:1.0pt;}
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
안녕하세요. for 반복문의 조건을 잘못 쓴 것인지 여쭤보고 싶습니다..!
<script> var idList = Array(10); for (var num = 1; num <= idList.length; num++){ idList[num] = '<li id="id' + num + '">id' + num + '</li>'; }; document.body.innerHTML= '<ul>' + idList.join("") + '</ul>'; </script> 안녕하세요! 문제 내주신 코딩시간을 보고 li가 10개이니까 배열 엘리먼트의 갯수를 10개로 정해서 다음과 같은 코드를 써보았는데요 num의 범위가 <일 땐 오류가 나지 않는데 <=라고 작성하니까 코드가 제대로 작동하지 않는데 왜 그런 것일까요? 오류를 다른 방식으로 대체하고자 idList.length + 1이라고도 적어보았는데 마찬가지였습니다..! 변수에 대한 범위를 명확히 숫자로 쓰지 않고 다른 변수로 범위를 지정하면 이렇게 작성하면 안되는 걸까요..?
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
와 진심으로 소름돋았습니다.
평소라면 생각없이 쓰던 메소드들이었는데 자바스크립트는 이런 원리로 작동하고있었군요. 진짜 이번강의는 듣는 내내 소름 돋으면서 봤습니다. "자바스크립트는 프로퍼티다!!"
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
안녕하세요 인덱스에 관한 코딩시간 문제를 이렇게 접근해보면 될까요?
indexOf()와 lastIndexOf()로 어디서부터 셀지를 구분해놓은 이유는 그로 인한 차이점이 생기기 때문이다. 나는 이러한 이유가 자바스크립트 엔진의 속도와 관련이 있다고 본다. 예를 들어, 매우 많은 양의 데이터에서 인덱스 번호를 반환하고자 할 때, 뒷쪽에 있는 데이터를 앞에서부터 세어나가면 찾는 데에 시간이 더 오래 걸리므로 데이터 처리 속도가 느려질 수 밖에 없다. 예를 들어, 다음과 같은 코드도 var examNum = new Array; for (var i = 0; i <= 9999999 ; i++){ examNum[i] = i; } console.log(examNum.indexOf(9999998)); // 9999998을 반환 indexOf()가 아니라 lastIndexOf()로 값을 찾았더라면 훨씬 더 빠르게 값을 반환할 수 있었을 것이다. 그래서 indexOf()와 lastIndexOf() 둘 중 하나만 존재하면 데이터의 쏠림으로 인한 속도 저하가 생길 수 있으므로 그 둘을 구별했다고 본다. 너무 단순하게만 생각한 것 같기도 한데.. 다른 아이디어는 잘 떠오르지 않아서 질문드립니다..!
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
질문있습니다
var value = { book:'책', title: 123 }; console.log(typeof value); var result = JSON.stringify(value); console.log(typeof result); 제가 이렇게 타입오브 찍어봣는데요 위에서는 오브젝트로 나오고 밑에는 스트링으로 나오더라구요 console.log(value.book); value는 이렇게 해서 '책'이라는 값을 뽑아낼수있는데 result는 어떻게 값을 가져오죠? 그냥 string형태var value = { book:'책', title: 123 }; console.log(typeof value); var result = JSON.stringify(value); console.log(typeof result); 제가 이렇게 타입오브 찍어봣는데요 위에서는 오브젝트로 나오고 밑에는 스트링으로 나오더라구요 console.log(value.book); value는 이렇게 해서 '책'이라는 값을 뽑아낼수있는데 result는 어떻게 값을 가져오죠? 그냥 string변수형태로 가져온건가요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
선생님 한번 봐주세요
var check = function () {} var arr=[]; for (var i = 1; i <= 1000000; i++) { arr.push(i); } var fn = function(el, index, all) { console.log(el); console.log(check); }; var start = Date.now(); console.log("반복시작 시작: " +start); arr.forEach(fn); var end = Date.now(); console.log("반복 끝난 시간 : " +end); console.log("반복 걸린시간 :"+(end-start)); var start = Date.now()를 선언한 순간 시간이 기록되는건가요??
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
감동받았습니다.
스프링프레임워크와 JPA 공부하다가 자바스크립트가 부족해서 우연히 듣게되었는데 사용자가 제일이고 기술은 그 다음이라는 말이 너무 와닿네요. 열심히 공부하겠습니다. 잘부탁드립니다.
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
예시 코드를 작성했는데 검토 부탁드려요
function check() {}; var arr = []; for (let i = 1; i <= 1e6; i++) { arr.push(i); } var start = Date.now(); arr.forEach(check); var end = Date.now(); console.log(end-start); 요구사항을 제가 이해한 대로 우선은 작성하였습니다. 제대로 이해하고 있는지 검토 부탁드려요!
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
예시 코드를 작성했는데 검토 부탁드려요
let test = ["<ul>"]; for(let i = 1; i <= 10; i++) { test.push(`<li id=id${i}>id${i}</li>`); } test.push("</ul>"); document.body.innerHTML = test.join("\n");
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
안녕하세요. 2 x n으로 고쳤는데 또 다른 오류가 있다고 뜹니다..!
말씀해주신 대로 고쳐봤는데 Uncaught SyntaxError: Invalid or unexpected token이라는 오류가 나오네요..ㅠㅠ 혹시나 해서 띄어쓰기도 해보고 2n으로만 써봤는데 oddN에도 문제있다고 뜨고요.. 제가 어떤 개념을 잘못 쓰고있는건지 잘 모르겠습니다. 도움 다시 한번 부탁드립니다 ㅠㅠ!
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
코드의 오류를 어떻게 해결해야 할 지 잘 모르겠습니다..ㅠㅠ
안녕하세요!! 강의 감사히 잘 듣고 있습니다!! 다름이 아니라.. 코딩시간의 문제를 해결하고자 다음과 같이 코드를 짰더니 var oddN = 2n-1;에 밑줄이 그어지면서 Uncaught TypeError: Cannot mix BigInt and other types, use explicit conversions 라는 에러가 뜨는데요. 왜 그런 것인지 알 수 있을까요? 어떻게 바꾸어야 코드가 작동될지 잘 모르겠습니다..
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
선생님 프로퍼티열거 질문있습니다
var sports ={ soccer:"축구", baseball:"야구" }; for(var bb in sports){ console.log(bb); console.log(sports.bb); }; 제가 이렇게했는데 soccer undefined baseball undefined 값이 이렇게 나오더라구요.. 프로퍼티 값을 뽑을떄 sports[키값] 또는 sprots.키값 이거로 알고있는데 sprots.키값은 왜 값이 다른지 알고싶습니다.