analogcoding

Toy 40번 문제. 200p 만들기 1p piece 2p piece 5p piece 10p piece 20p piece 50p piece £1 (100p) £2 (200p) 로 200p 를 만들 수 있는 경우의 수를 모두 구하는 문제. 구현 실패. graphQL 에서 JWT 를 미들웨어로 사용하는 부분을 해결했다. graphQL 에서 middleware 분기를 하면서 생긴 문제점은 먼저 restful 과 차이점에 있다. restful API 의 경우 특정 endpoint 마다 선택적으로 middleware 를 흘려줄 수 있었지만 graphQL 은 하나의 endpoint 만이 존재한다. 이 문제에 대해서 2가지의 해결방안이 나왔다. 첫번 째는 미들웨어에 배열에 resolver 를 담아주는 방법. 이 방법..

Toy 34번 문제. 문자열 알파벳 갯수에 따라서 우선 갯 수 순으로 정렬, 알파벳 순으로 정렬해서 리턴. 팀회의 중 스택과 아웃풋에 대한 이슈가 발생했다. 새로운 스택을 많이 가져가고 싶지만 아웃풋에 완성도가 떨어질 것 같다는 이슈에 대해 배우는 게 더 필요한 우리는 프로젝트의 규모를 줄이고 조금 더 많은 스택을 가져가기로 결정났다. React-Redux / React-Apollo / graphQL / TypeScript 를 사용해서 진행해볼 예정. 부족한 SQL 쿼리문 복습 Select 데이터베이스에서 데이터를 선택 SELECT CustomerName, City FROM Customers; Where 지정된 조건을 충족하는 레코드 만 추출 .. WHERE Country='Mexico'; And , O..

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 로 함수를 실행하거나 즉시 실행되는 함수 () 의 경우 두번 째 인자로 받는 시간이..

체크포인트 스코프와 클로져 어제 체크포인트 문제들을 리뷰하는 시간. 헷깔렸던 문제들 정리. 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..

Execution Context (실행 컨텍스트)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있다. 어떤 함수가 호출되면 execution context가 만들어진다. 정의 : 실행컨텍스트는 추상적인 개념 . 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경 변수 : 전역변수, 지역변수, 매개변수, 객체의 프로퍼티 함수 선언 변수의 유효범위(Scope) this this 자바스크립트에서 함수가 호출될 때, 함수 호출 방식에 따라 this 에 바인딩되는 객체가 달라진다. 정의 : 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자. execution context의 구성요소 중 하나로 , 함수가 실행되는 동안 이용할 수 있다. Bi..