44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
개발자도구의 Sources
안녕하세요, 혹시 window.onload = function(){}을 사용하지 않고, debugger를 사용해 개발자도구에서 Sources -> Scope로 데이터를 볼 수 있는 방법이 있을까요? window.onload = function(){} 없이 debugger를 사용하니 데이터들이 Scope에 안뜨더라구요..
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
강의 내용 관련하여 질문사항입니다!
안녕하세요. 이직을 준비하면서 기본기를 다지기 위해서 강의를 결제하여 듣고있는 학생입니다. 혹시 해당 내용을 공부하면서 제 벨로그에 기재하여도 될까요?? 상업적인 목적이 아닌 순수하게 저의 공부를 기록해두는 목적입니다. 답변 부탁드리겠습니다^^ 감사합니다.
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
코딩시간 질문
혹시 foreach문으로는 어떻게 적용될 수 있나요? 도무지 for문 말고는 답이 나오질 않아서요ㅠㅠ // 배열 값을 담을 변수를 생성 var arr = [] // for문을 이용하여 빈 check 함수에 1~1,000,000 배열을 생성 var check = function(){ for(var i = 1; i <= 1000000; i++){ arr.push(i); //arr에 i의 값을 배열로 넣기 } } // check함수가 실행되는 시간 반환 var start = Date.now(); check(); var end = Date.now(); console.log("총 실행시간은 " + (end - start) + "입니다."); }
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
this 질문
안녕하세요 선생님! forEach()매소드에서 설명해주신 this에 대해 더 설명 해주실 수 있으실까요? 구글링도 해보았는데 더 헷갈리네요ㅠ "this는 함수 내에서 전역변수의 값에 접근할 때 사용한다" 이렇게 이해하면 되는건가요? var list = [1,2]; var fn = function(el, index, all){ console.log(el + this.ten); }; list.forEach(fn, {ten : 10});
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
Null 타입
Null 타입은 의도적으로 아무 의미 없는 값을 집어 넣는 것으로 보이는데, 왜 이런 것이 필요한 지 궁금합니다.
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
string 데이터 타입
string 데이터 타입 에서 값안에 직은따옴표와 큰따옴표가 모두 들어가게 하려면 어떻게 해야 하나요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
Array 코딩예제 질문
안녕하세요 선생님, 강의 잘 듣고 있습니다 :) Array 오브젝트의 코딩예제를 풀어보았는데 이런식으로 접근하는게 맞는지 확인부탁드립니다. 감사합니다. <script> window.onload = function(){ // debugger; // arr 라는 변수이름으로 Array 오브젝트 생성 // li 요소들을 join으로 넣기위한 ul 배열 생성 // for문을 이용해 li 10번 반복하여 arr에 할당 // arr 안에있는 배열 , 없앤 후 result에 할당 // result를 arr2 사이에 넣어 result2에 할당 // 브라우저에 출력하기 var arr = []; var arr2 = ['<ul>','</ul>'] for(var i = 1; i < 11; i++){ arr.push('<li id="id'+i+'">id'+i+'</li>') // console.log(arr) } var result = arr.join("") // console.log(result) var result2 = arr2.join(result) // console.log(result2) document.body.innerHTML = result2 } </script>
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
키노트 관련 질문입니다.
수업자료로 올려주신 키노트 파일이 pdf로 되어 있어서 버튼을 눌려야 볼 수 있는 내용을 볼 수 없습니다. html 파일은 따로 제공안해주시나요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
안녕하세요 Object 라는 개념을 정리해보았는데 혹시 제가 옮바르게 이해하고 있는 걸까요 ?
JS의 Objcet 종류 1. 네이티브 오브젝트 JS 스펙에 정의 되어있는 Object 를 의미한다. Number, String 과 같이 빌트인 된 오브젝트를 포함하는 개념이다. 2. 호스트 오브젝트 네이티브 오브젝트와 같이 JS 스펙에 정의 되어있는 Object 가 아닌 모든 것 Window, DOM Object 와 같은 요소들이 존재한다. JS에서 기본적으로 제공되는 객체(빌트인 오브젝트)를 제외하며 JS가 사용 되는 환경 (플랫폼) 에서 제공되는 오브젝트를 의미한다. + Host Object는 JS 가 사용되는 환경 (호스트) 에 따라 호스트가 제공 하는 Object는 다르며 이때 제공 되는 Host Object는 JS라는 언어로써 사용 될 수 있는 형태로 제공된다. 자바스크립트의 사용 (브라우저) EX ) JS 언어를 사용하여 특정 호스트 환경 (브라우저, 서버, Etc... ) 에서 작업 수행 특정 호스트 환경은 사용되는 플랫폼에 따라 해당 플랫폼에서 사용 할 수 있는 Host Object 를 제공 (JS 환경에서 사용 가능 한 형태 ) 제공 되는 Host Object 의 요소를 가지고 (브라우저, 서버) 와 같은 현재 호스트(플랫폼)의 요소, 기술 등을 사용하여 제어 한다. (사용자에게 이벤트 띄우기, 사용자의 입력 값 받기, Etc.. ) Host Object 를 사용하여 받은 자료를 JS 라는 언어를 통해 입력받은 문자열 파싱 등과 같이 다른 추가적인 프로그래밍적 처리를 하게 된다. Object의 생성 var newObj = new Number(123); 위의 코드가 실행 될 경우 다음과 같은 과정을 통해 생성 된다. Number Object 가 가지고 있는 Number.prototype.constructor 라는 생성자를 호출 Number.prototype 객체의 요소가 담긴 메모리의 주소를 newObj 의 __proto__ 라는 프로퍼티의 값으로 참조한다. 또한 newObj.__proto__.__proto__ 의 값 으로써 Object.prototype의 6개의 매소드도 참조 된다. + 인스턴스의 매소드를 호출 할 경우 해당 오브젝트의 __proto__ 프로퍼티의 참조 객체에서 호출 매소드를 찾게 되며 없을 경우 하위의 __proto__ 에서 다시 찾는 과정을 반복하게 된다. + __proto__ 와 prototype의 차이 prototype 은 빌트인 Object 에 정의 되어있는 객체(프로퍼티의 집합)이다. 또한 prototype이 정의 되어있는 Object는 인스턴스의 생성이 가능하다. __proto__ 는 인스턴스가 생성 될 때 Object prototype 객체의 주소를 연결시켜주는 프로퍼티이다. 이로써 생성한 인스턴스는 __proto__를 참조하여 해당 인스턴스 타입에 해당하는 Object의 매소드를 사용할 수 있게 된다. 위와 같이 객체에 대한 강의를 들으면서 강사님이 설명해 주신 내용을 이해 했는데 혹시 제가 잘못 이해한 부분이 있을 까요 ? 그동안 C언어를 통해 공부하다 새롭게 자바스크립트를 공부하고 있는데 정말 흥미롭네요 강사님 덕에 흥미를 느낄 수 있었던거 같습니다 감사합니다.
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
코딩시간 질문입니다.
foreach()로 짜는게 계속 막혀서 for문으로 한번 짜봤는데 for문은 이런식으로 접근하는게 맞나요? var list = [];// 빈배열 설정' var check = function(){ for(i = 1; i < 1000000; i++){ list.push(i); }; };// 배열값 설정 var start = Date.now();// 현재 시간 check();// 함수 실행 var end = Date.now();// 함수 실행 후 시간 console.log(end-start);// 실행 완료
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
코딩 시간 질문입니다.
var html = []; html.push("<ul>") for(i = 1; i < 11; i++){ html.push("<li id=id"+i+">") html.push("id"+i+"</li>") } html.push("</ul>") var result = html.join("") document.body.innerHTML = result 코드를 이런식으로 짰는데 일단 구현이 되긴했는데 "+i+"를 안쓰고 할수 있을까요??
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
강의내용 질문
안녕하세요, 강의를 듣던 중 몇가지 궁금한 것들이 있어서요! 1) var value = "ABC" 이 코드로 생성된 프로퍼티 value : "ABC" 이것은 프리미티브 값인가요? 강의에서는 자바스크립트엔진으로 new String("ABC")를 생성한다고 말씀하셨는데 그럼 저 상태는 어떤 형태라고 볼수 있나요? 2) console.log(String.fromCharCode(49,65,97,44032)) __proto__에 없고 원본에만 있는 프로퍼티는 모두 앞에 String오브젝트와 같이 작성을 해줘야하나요? 그리고 개발자 도구에서 Local 확인하려고 var instance = String.fromCharCode(....) 로 실행해보았는데 Local에는 그냥 instance : "1Aa가"로 설정되어있는데 이것도 1번 질문과 같이 프리미티브 값인건가요..? 3) typeof 값 => 빌트인 연산자 그리고 valueOf() => 빌트인 함수 이렇게 이해하면 되는건가요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
length 질문
안녕하세요! 좋은 강의 감사합니다. 다름아니라 강의중에 궁금한 질문이 있는데요, 왜 length에는 () 괄호가 붙지 않나요? length도 toString()와 같은 프로퍼티 아닌가요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
질문있습니다!
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 안녕하세요. 강의를 듣고 있는 학생입니다. 다름이 아니라 자바스크립트 재귀함수에 대해 질문이 있는데요 if(잘못된 정보야 멈출께){ retrun;} 이런식으로 return을 넣어주지 않을경우 해당 함수가 재귀한만큼 돌더라구요.... return을 넣어주지 않으면 첫번째 재귀는 끝나지 못한채 다음 재귀를 들어가고 그래서 그 재귀가 끝난 후 나머지 명령들을 그만큼 재귀를 도는 걸까요? 궁금합니다...
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
프로퍼티 리스트 관련하여 질문 드려요 !
안녕하세요 강의를 수강하면서 제가 이해한 것이 맞는지 질문 드려요 ! Number, String 등과 같이 Javascript 에서는 빌트인 된 기본적인 객체를 재공한다. EX ) var userNum = new Number("123"); 위와 같이 제공 되는 기본적인 객체를 사용하여 생성한 인스턴스는 생성하게 될 때 객체의 프로토 타입을 복사하여 생성한다. 해당 프로토 타입은 함수와 프로퍼티로 구성되어 있으며 예를 들어 toString 이라는 프로퍼티의 키 값으로 접근 하면 해당 키 값과 대응되는 함수가 동작을 하게되여 파라미터를 넘겨주게 되면 인스턴스의 프리미티브 벨류인 값을 함수가 문자열로 변환 하여 반환한다. 라고 정리를 하였는데 옳바르게 정리한 것 일까요 ? ㅎㅎ
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
코드 작성 중 에러 관련
안녕하세요? 선생님. 질문이 있습니다. 선생님의 자바스크립트 오브젝트 구분, 네이티브/호스트 오브젝트, 오브젝트와 인스턴스 강의를 듣고 코드를 작성하던 도중 발생했고 아래의 코드를 작성하면 Uncaught TypeError: Cannot read property 'nodeName' of null 이라고 하는 에러가 발생합니다. 어떤 부분이 잘못된 것인지 궁금합니다. var node = document.querySelector("div"); console.log(node.nodeName);
- 해결됨자바스크립트 비기너: 튼튼한 기본 만들기
선생님 질문있습니다.
비교 연산자를 사용 할 때는 숫자 변환을 안하는건가요? console.log("3" > "1"); 위의 비교 연산은 숫자 3과 숫자 1로 비교를 하는게 아니고 String타입으로 유니코드 등록 순서로 비교하는건가요? 혹시 console.log(3 > "2"); 코드의 결과가 true가 나오는데 한쪽만 string일 경우니까 false가 나올줄 알았는데 true가 나오는 것은 "2"를 숫자 2로 변환한것으로 봐도 되는건가요? 그렇다면 console.log("3" > "1"); 의 경우도 숫자로 비교한건가요?
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
안녕하세요 Object, object에 대해 질문드립니다.
빌트인 object ? 자바스크립트에서 이미 Key : Value 형태로 만들어 둔 객체로써 사용자가 Number 이라는 자료를 사용했을 때 빌트인 된 Number 오프젝트를 사용하여 숫자라는 자료를 더 쉽게 처리하기 위한 요소들이 빌트인 객체로 포함되어있다. 따라서 length : 1, isNaN : Function 과 같이 특정 기능을 하는 시맨틱을 Key 으로 지정하여 해당 Key값에 접근 할 경우 사전에 준비되어있는 어떠한 기능을 수행하여 사용자가 숫자를 더욱 편리하게 사용할 수 있게 만든것이다. Object는 사용자가 직접 어떠한 데이터를 Key : Value 형태의 Property로 연관지어 관리하는 자료형이라면 object는 자바스크립트에서 기본적으로 만들어 둔 객체형태의 자료로써 사용자가 사용하는 값 (Number, Null, String, Boolean) 의 처리를 쉽게 해주는 것 이다. 강의를 수강하면서 다음과 같이 이해 하였는데 제가 맞게 이해하는 걸까요 ??
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
질문 ! [코딩시간]
선생님,for문[코딩시간]의 답은 어떻게 되는 걸까요??
- 미해결자바스크립트 비기너: 튼튼한 기본 만들기
강의자료관련 질문
안녕하세요 강의자료를 받았는데 이미지형태로 되어있는지 텍스트 선택도안되고 '코드' 라는버튼도 눌러지지 않습니다. 어떻게 해야하나요