일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 삼항연산자
- 한큐
- web
- 자바
- array
- es6
- Event
- continue문
- JDK
- 유뷰브 올리버쌤
- hanq
- 이벤트
- position
- javascript
- spread operator
- break문
- Youtube 올리버쌤
- 취업반
- egov
- 올리버쌤
- 자바스크립트
- 한큐에자바
- 전자정부프레임워크
- 이벤트핸들러
- Step2
- math
- 이클립스
- 유튜브 올리버쌤
- for문
- java
- Today
- Total
목록바닐라코딩 (15)
호다닥
Recursion을 사용할 때는 CallStack의 용량이 제한적이기 때문에 오류를 발생시킬 수 있다. ** "getElementsByClassName을 구현해봐라"는 문제 *순환함수 ,수학적 귀납법* 정리: func(int n)은 음이 아닌 정수 n에 대해서 0에서 n까지의 합을 올바로 계산하다. 증명: 1. n=0인 경우: n=0인 경우 0을 반환한다. 올바르다. 2. 임이의 양수 정수 k에 대해서 n0 ※팩토리얼 함수에대해서 자세히 공부해보자
"ES6"ES5 - EcmaScript5ES6는 모든 기능이 브라우저에서 작동하는 건 아니다. 때문에 브라우저에서 구동하기 위해서는 ES5를 사용하는 것이 안전하다. ES6로 개발한 다음, ES5로 변환하는 방식으로 개발하기도 한다. ES dicuss ES6, 새로운 문법 let은 var와 다르다. let으로 변수 선언한 것은 block scope안에 갇히게 된다. let으로 변수 선언하면 if문 안에서만 사용할 수 있고, 외부에서 사용할 수 없다. let은 스코프 내에서 매번 생성되는 것이기 때문에 또 한가지 변수 선언하는 const가 있다. constatnt: 상수 - 변하지 않는 수이 때문에 const를 사용하여 선언한 것은 값을 재할당할 수 없다.const 또한 let과 마찬가..
버그 수정 1. querySelector는 CSS selector를 사용하기 때문에 class를 명시해주기 위해 container 앞에 '.'을 추가해줘야 한다. 2. getElementBy method를 className으로 가져오면 유사배열(html colleciton)을 return해주는데 유사배열에는 appendchild가 없다. element들이나 node들에만 있다. 3. hello 클래스는 하나 뿐이기 때문에 이런 문제를 해결해주기 위해 인덱스 값을 주어도 무방하다. 4. 또한 1~10까지의 숫자리스트를 만들기 위해서는 hello.length가 아닌 10으로 값을 변경해줘야한다. 5. newEl.textContent = ' ' + i + 1; 을 하면 빈문자열에 숫자를 더하면 문자열이 출력된..
hello() 함수가 실행될 때, 일반함수 호출방식으로 실행되었기 때문에 hello 함수의 this 값은 window이다. yellow 함수는 즉시 실행 함수이다. 즉시 실행 함수도 일반 함수 호출 방식이기 때문에 역시 window이며, jellow 또한 마찬가지이다. call은 javascript 함수의 method이다. call method는 첫번째 인자값으로 message라는 string을 받고,index 값이 2보다 작은 경우에는 false가 출력될 것이고, index값이 2부터는 true가 출력된다. filter라는 method는 return 값이 배열이다. 때문에 String 값 3,4를 가진 배열이 나오게 된다.call을 실행하면 바로 앞의 method가 실행된다. hasOwnProperty..
prototype REVIEW 생성자 함수(constructor)는 남편 프로토타입(prototype)은 아내 던더 프로토(__proto__)는 엄마 ken.toString(); // 모든 자바스크립트 객체는 자신에게 없는 속성은 자신의 엄마에게 가서 훔쳐씁니다.// ken에게는 toString이라는 메소드가 없습니다. 그래서 엄마에게(Person.prototype) 부탁해봅니다.// 켄의 엄마에게도 없습니다. 켄의 엄마는 자바스크립트 객체입니다.// 그렇기 때문에 켄의 엄마도 자신의 엄마(Object.prototype)에게 부탁해봅니다.// Object.prototype에는 toString이 있습니다.// 그리하여 켄은 외할머니의 toString을 훔쳐옵니다. Example #1 #106 코드가 실행되..
Server & Client서버는 쉽게 말해 어떤 정보를 관리하고 제공해주는 녀석이고, 클라이언트란 해당 정보를 주문한 녀석입니다. 개발자에게 서버란? 네트워크 상에서 어떠한 자료 또는 서비스에 대한 접근을 관리하는 컴퓨터A computer which manages access to a centralized resource or service in a network.웹에서 말하는 서버란 네트워크에 연결되어 있어야 한다. 네트워크에 연결 된다면? IP주소를 부여받게 된다. IP주소를 부여 받는다면, 다른 컴퓨터들이 해당 주소로 방문할 수 있다. 그리고 클라이언트들이 해당 주소로 주문을 넣을 수 있다. IP Address웹 네트어크 상의 컴퓨터마다 할당되는 주소Domain IP address에 접근할 수 있..
function, string 등 기본적인 property에 prototype 메소드를 사용하면 다른 사람들에게 혼란을 줄 수 있으므로 사용하지 않는 것이 좋다. 일반적으로 공백은 space로 입력하는 것이 좋다. tap은 사용자의 컴퓨터에 따라 띄어쓰기의 정도가 다를 수 있기 때문이다. 그 어떤 함수식보다 new가 가장 강력하기 때문에 다른 함수식을 신경쓰지 않아도 크게 상관은 없다. 빈 객체를 this로 하고, this.age를 호출하기 때문에 undefined가 뜬다. menu UI 과제에서 mouseenter 이벤트와 mouseover 이벤트 : 비슷하게 생겼지만 완전히 다른 기능을 하기 때문에 한번 찾아볼 것. 자바스크립트의 모든 함수는 객체이다. 따라서 생성자 함수는 객체이다. 객체는 Key/..
이미 for문의 내부에서 연산이 끝난 후에 setTimeout이 실행되기 때문에 출력값이 5가 된다. for문이 실행되면 var i를 전역스코프로 선언하고 0을 값으로 할당한다. 그리고 for문의 내부코드를 실행한다. 새로운 함수를 만들고 그 함수를 바로 실행한다. 그러면 지역변수가 개별적으로 선언된다. 이 선언된 지역변수는 closure에 의해 매번 기억되기 때문에 setTimeout에 j는 0이다. 1이다. .... 를 각기 기억한 함수들이 실행된다. 즉시실행함수에 있는 j가 closure로 인해 이전의 스코프를 기억하기 때문에 for문이 끝나도 매번 i의 값을 j가 받아들이고 기억하기 때문이다. for문 내부코드를 실행하면 함수를 만들고 변수를 i로 하고 그 함수를 바로 실행한다. 그럼 첫번재 변수..
자바스크립트의 값들에는 Primitive 타입 vs Reference 타입이 있다. function에서의 hoisting은 function의 바로 밑까지 된다. Closure어떤 함수가 자기 자신이 속한 스코프의 정보를 기억하고 본인이 속한 스코프 밖에서 실행된다 하더라도 본인이 속한 스코프에 대한 정보를 기억하고 접근할 수 있는 성질이다. 기본적인 룰을 약간 벗어나서 사용할 수 있게 해주는 것이다. 29번째 줄에서 say라는 함수가 선언되고,38번째 줄에서 변수 a에 say라는 함수를 할당하고 실행하면30번재 줄에서 say함수의 내부스코프가 실행되어 변수 a는 로그함수가 된다. 일반적으로 say함수 내부에서 변수 a에 2가 할당된 것은 say함수가 실행종료되면 쓸모 없어지게 되는데, log를 실행하면 ..
99% 비율로 Bubbling 이 주로 쓰인다. Object와 Array의 차이점??Object : 각 속성은 key와 value로 표현된다.Array : key값이 없이 value만 나열되어 있다. (단, key 대신 index가 있다.) indexOf(arr[i]) === -1 조건이 있어야 result 배열에서 중복되는 값들이 제외된다. arguments : 매개변수, 인자를 뜻한다.자바스크립트의 키워드, 자바스크립트에 원래 있는 것 함수 내부에서 아무때나 쓸 수 있다.function에 argument가 있으면 function의 인자정보를 담고 있는 개체이다. 상단의 arguments는 bar함수의 인자정보를 가지고 있고, 하단의 arguments는 log함수의 인자정보를 가지고 있다. log 함수..