analogcoding

Toy 01번 문제. 가위바위보 게임에서 input 으로 들어온 숫자만큼 낼 수 있는 경우의 수를 모두 리턴하는 문제. 오늘 못 품~ 풀면 적어주겠따 ㅠㅠ subclass Dance party 스프린트 functional 방식으로 구현된 상속 패턴을 수도클래식컬과 클래스의 방식으로 리팩토링 후 css 해보는 스프린트. 1. pseudoclassical 리팩토링 모습 확인 후 커멘드 달기. pseudoclassical function Dancer (top,left,timeBetweenSteps) { const createDancerElement = function(){ let elDancer = document.createElement('span'); elDancer.className = 'dancer';..

S/A Tree 구조에서 psuedoclassical instantiation 방식으로 map() 메소드를 추가 구현. 체크포인트 리뷰 8. javascript call back 비동기함수에서의 큐 로 인해 리턴 값이 변하는 예제. function foo () { var data = 10; bar(function (players) { data = players; }); return data; } function bar (callback) { // callback함수를 인자로 받고 setTimeout(function () { // setTimeout 에 첫 인자로 그 함수에 인자를 20을 넣어 5초 뒤 실행. callback(20); }, 500); } var result = foo(); function ..

체크포인트 this / setTimeout setTimeout 함수는 인자로 실행시킬 function 과 시간을 밀리세컨드 단위로 받는다. var name = "Window"; var alice = { name: "Alice", sayHi: function() { alert(this.name + " says hi"); } }; var bob = { name: "Bob" }; setTimeout(alice.sayHi.call(bob), 1000); 위에 경우 return 값은 즉시 bob say hi 가 실행된다. 먼저 setTimeout 함수에서 첫번 째 인자로 받는 함수는 함수식을 받는다. 여기에 call , apply 로 함수를 실행하거나 즉시 실행되는 함수 () 의 경우 두번 째 인자로 받는 시간이..

체크포인트 big O notation / time complexity O(1) - Constant O(log n) - Logarithmic O(n) - Linear O(n^2) - Quadratic 오답 정리. Array 특정 인덱스 값을 remove 할 때 , 시작 부분에 값을 삽입할 때 O(n) / 특정 인덱스를 알거나 시작 부분처럼 정해진 인덱스의 경우 O(1) 이라고 생각했다. 그렇지만 다른 배열들이 자리를 재배치 받게 되어서 O(n). Linked list 에서 이미 한 번 주소값에 연결된 경우, index + 1 에 새 노드를 삽입할 때 O(1) / linked list 는 주소 값을 알면 한 번에 접근 가능. Array Insert Lookup(position) Assign Remove Fi..

체크포인트 Object.create() var obj1 = { x: 10 }; var obj2 = Object.create(obj1); obj2.x += 10; // obj2 의 값을 수정 20 obj1.x = 15; // obj1 의 값이 변하였지만 obj2의 자체의 x는 이미 20 의 값을 // 가졌기에 변하지 않음. var result = obj2.x; // 20 var obj1 = { x: 10 }; var obj2 = Object.create(obj1); var obj3 = Object.create(obj2); var result = obj3.x + 10; // result 는 20이지만 console.log(obj3.x) // obj3.x 에 직접 값을 대입하지 않아서 obj3.x 는 10 자..

체크포인트 This this : 지금 나를 실행시키는건 누구인가? & 호출된 함수가 가르키는 객체. this 는 함수가 실행될 때 결정된다. 그 전엔 아직 결정되지 않은 상태. 헷깔렸던 문제들을 직접 설명해보기도 하고 정의도 다시 한 번 익힐 수 있던 시간. + 명시적으로 this 를 binding 했을 때는 변경할 수 없다. arrow function 과 this binding arrow funciton 은 실행 컨텍스트를 만들지 않는다. 콘솔에 this를 찍으면 this binding 이 자신을 감싸고 있는 부모객체가 바라보는 this 를 가르키게 된다. Peer review 함께 스프린트를 진행한 페어분에 대한 피드백을 작성하는 시간. 내가 느낀 솔직한 페어분에 대한 생각을 적었다. 쓰다보니 단점보..

체크포인트 스코프와 클로져 어제 체크포인트 문제들을 리뷰하는 시간. 헷깔렸던 문제들 정리. var x = 10; // 전역변수 x function outer () { var x = 20; // outer 함수 내부에서 x는 20 function inner () { return x; // 20을 리턴 } return inner(); } var result = outer(); console.log(result) // 20 var x = 10; function outer () { var x = 20; function inner () { x = x + 10; // outer 안에 선언된 x 의 값은 30이 된다. return x; } inner(); } outer(); var result = x; // 하지만 ..

첫 수업 시작. 간단한 OT 를 시작으로 오전 시간이 지나가고 오후부터 본격적인 수업이 시작됬다. 가장 먼저 시작된 수업은 Effective Pair Programming and Feedback 페어프로그래밍을 하면서 네비게이터와 드라이버로 나뉘어 작업하는 방법을 다시 숙지하고 페어프로그래밍의 목적을 배우고 서로에게 긍정적인 영향을 줄 수 있는 피드백 방향에 대해 이야기를 나누었다. Simple Git Workflow git 을 이용한 간단한 명령어 몇가지를 복습하고 평소와 같이 fork - clone 작업을 마친 후 다른 사람과 함께 작성하고 git 을 통해 유지보수를 할 수 있는 방법인 remote 에 대해 간단히 배웠다. 서로 같은 master branch 에서 clone 하고 1. git remo..