코드스테이츠(Immersive) 썸네일형 리스트형 Checkpoints 09 - Value vs. Reference 1번 - After the following code runs, what will be the value of x? var x = 2; var y = x; y = 3; 2 3 Not Sure 2번 - After the following code runs, what will be the value of x.foo? var x = { foo: 3 }; var y = x; y.foo = 2; 2 3 Not Sure 3번 - After the following code runs, what will be the value of x.foo? var x = { foo: 3 }; var y = x; y = 2; 2 3 undefined Reference Error 4번 - After the following code .. 상속 패턴 const food = { init: function(type) { this.type = type }, eat: function() { console.log('you ate the' + this.type) } } / food를 prototype으로 갖는 새로운 Object 생성 const waffle = Object.create(food) const carrot = Object.create(food) food.eat = function() { console.log('you totally ate the ' + this.type.toUpperCase()) } waffle.init('waffle') waffle.eat() carrot.init('carrot') carrot.eat() / 메소드 호출시 waff.. OOP in Js Creating objects const circle = { radius: 1, location: { x:1, y:1 }, // method draw: function(){ console.log('draw'); } }; Factories and Constructors(return의 유무) 재사용성을 증가시키기위해 Factories 혹은 Constructor 함수를 사용할 수 있다 // Factory function function createCircle(radius){ return { radius, draw: function(){ console.log('draw'); } }; } const circle = createCircle(1); // Constructor Function function Circl.. Checkpoints 08 - JavaScript Callbacks 1번 - After running the following code, what will be the value of result? function doubleUp (f, x) { return f( f(x) ); }; function subject (value) { return value + "!"; }; var result = doubleUp(subject, "hi"); 1번 질문의 답을 선택하세요. * "hi" "hi!" "hi!!" "hi!!!!" 2번 - After running the following code, what will be the value of result? (You may look up JavaScript ternary operator if you need to.) function.. Checkpoint 7 - Function Binding 1번 - What message will eventually be alerted? After how long? var name = "Window"; var alice = { name: "Alice", sayHi: function() { alert(this.name + " says hi"); } }; var bob = { name: "Bob" }; setTimeout(function() { alice.sayHi(); }, 1000); 1번 질문의 답을 선택하세요. * Window says hi, after 1 second Window says hi, immediately Alice says hi, after 1 second Alice says hi, immediately Bob says hi, after .. Checkpoints 04 - JS Prototypes(Object.create) // Object.create(prototypeObject, propertyObject); const myObject = Object.create(Object.prototype); const myLiteral = {}; const noProto = Object.create(null); // no properties const Car = function(color){ this.color = color; } const car1 = new Car('red'); // using constructor const car2 = Object.create(Car); // no constructor Car.prototype = { getColor(){ return this.color; } } const ToyCar = f.. Data Structures2(Tree, B-Tree, Graph, Hash Table) 선형자료구조방식이아니라 계층형태(Ex. Dom Tree, 가계도, 월드컵 토너먼트 대진표) 트리는 엣지로 연결된 노드들(개별요소들의 집합) 각 노드들은 value를 가지고 있고 차일드 노드 또한 가질 수 있다. 트리의 첫번째 노드를 root라 한다. 이 노드가 다른 노드와 연결되 있을경우 root는 부모 노드 이고 연결된 노드는 자식노드이다. 트리의 노드들은 모두 엣지라 불리는 링크들로 연결 되있다. 우리가 노드 관계를 어떻게 다룰지에있어서 매우 중요한 요소이다. 'leafs'는 트리의 마지막 노드이다. 혹은 자식이 없는 노드들이다. 'Height' : 마지막 노드까지의 가장 긴 길이 'Depth' : root까지의 노드의 깊이 B-Tree B-Tree는 자식노드를 두개만 가질수 있는 이진 트리를 확장하.. Data Structures(Stack, Queue, Linked List) _Stack push와 pop만 동작하는 배열과 같다고 보면된다. 마지막들어온게 먼저 나가는 'Last In, First Out' /pesudo code/ 나중에 들어온것 부터 나가게 하기위한 count 변수사용 count가 높은 순으로 부터 출력 출력할때는 count변수 -1 _Queue unshift, pop이 동작하는 배열(순서가 반대일경우 push와 shift) 들어온 순서대로 나가는 'First In, First Out' /pesudo code/ enqueue('push') 마지막부터 들어가게 하기 위해 end 변수사용 storage[end]로 추가하면서 end값 ++ dequeue('pop') 처음부터 출력하기 위해 front 변수 사용 리턴값에 value 저장후 front부터 삭제하면서 fr.. 코드스테이츠_Immersive 준비하기 Pre course 기초내용 JS Intermetdiate 슬라이드(Scopes, Execution contexts, Closures, The keyword This) Underbar, Recursion 숙지 IM 들어가기전 알아두면 좋은것 들 1. 페어프로그래밍의 중요성 2. HTML & Internet 3. Client & Server Client-side : 클라이언드 사이드 스크립트 언어는 웹페이지 이내에 소통하게 해준다. 그 코드는 다운로드된 사용자의 입력이 요구되거나 브라우저나 플러그인에 의해 컴파일 된다. Server-side : 서버는 먼 곳에 있는 웹에 요청을 처리하고 페이지를 Client에게 보내주는 역할을 하는 웹 응용프로그램 서버이다. 웹응용프로그램 : 브라우저(: Web Clien.. 코드스테이츠 Immersive Expectation IM 14기일정(7/22 ~ 10/19) *공휴일은 휴무(8/15, 9/12 ~ 9/14, 10/3, 10/9) Solo Week(8/27 ~ 8/29) 2주프로젝트(8/30 ~ 9/11) 4주 프로젝트(9/16 ~ 10/11) Demo Day(10/12, 유튜브) Job Searching Sprint(10/14 ~ 10/19) 오프라인 : 위워크 선릉3호점 공간 사용(온라인은 사용불가) 온라인 : 위워크 삼성2호점, 서울역점, 부산 서면점(유료 월 21만원) 학습시간 (공휴일은 제외) : 9:00 - 20:00 / 헬프데스크(질의응답) 10:00 - 19:00 커리큘럼(자기주도성 중시) + 지속적인 피드백(추가강의, 명확한 목표설정, 모범답안) + 코드스테이츠만의 추가사항(초반 - 레포중심 커리큘럼, .. 이전 1 2 3 4 5 다음
