analogcoding

Toy 44번 문제. 안 풀고 넘어갔음. 주중에 다시 시도 ant design & typescript & react apollo what is typescript?? TypeScript는 Microsoft에서 개발한 JavaScript 로 컴파일 되는 언어이다. JavaScript 에 정적 타이핑과 ES2015를 기반으로 하는 객체지향적 문법이 추가된 것을 주요 특징으로 한다. 생태계 지원이 점점 확장되면서 Angular 팀에서 이 언어를 메인 언어로 채택하여 현재로서는 정적 타이핑을 지원하는 다른 JavaScript 컴파일 언어보다 많이 쓰이는 추새인 것 같다. TypeScript 의 장점으로는 정적 타이핑을 JavaScript에 적용할 수 있다. 정적 타이핑은 컴파일 타임에 타입 체크를 한다. 이는 ..

Toy 43번 문제. linkedlist cycle 구현. var hasCycle = function(linkedList) { let Cycle = {}; if (linkedList.next === linkedList) { return true; } else if (linkedList.next === null) { return false; } else { while (linkedList.next !== null) { if (Cycle[linkedList.value] === undefined) { Cycle[linkedList.value] = "visited"; } else { // 돌았던 value 들의 값이 visited 면 cycle 성립 return true; } linkedList = linked..

Toy 42번 문제. Hashtableresizing 명시된대로 처리는 했지만 정답은 아닌 것 같음.. 오늘 테스트케이스가 너무 관대하다. var makeHashTable = function() { var result = {}; var storage = []; var storageLimit = 4; var size = 0; result.insert = function(key, value) { let index = getIndexBelowMaxForKey(key, storageLimit); if (!storage[index]) { storage[index] = value; size++; } else { storage[index] = value; } if ((storageLimit / 4) * 3 { con..

Toy 41번 문제. event 함수를 저장해서 콜백으로 실행시킬 수 있는 library 구현. var mixEvents = function(obj) { let library = {}; // console.log("args===========>", obj); obj.on = (event, callback) => { if (!library[event]) { library[event] = [callback]; // 여러개가 있어도 순차적으로 실행되야함 } library[event].push(callback); }; obj.trigger = function(event) { let args = []; console.log(arguments); for (let j = 0; j < arguments.length; ..

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 39번 문제. bind method 를 구현하는 문제. 인자로 받은 함수와 arguments 를 context 유무에 따라 나눈 후 inner의 인자와 결합한 뒤 실행한다. 주소값 참조를 고려해서 Array.prototype.~~ 사용. 새 배열에 담아서 주소값 참조를 해결 어제부터 하루종일 JWT 를 graphQL 에 적용하는 방법을 고려해보았지만 아직 답을 찾지 못했다. graphQL 은 endpoint 가 하나인데 SignUp 이나 SignIn 같이 토큰이 없어도 될 상황에서는 토큰 verify 를 하지 않아야한다. 그렇지만 endpoint 가 하나인 graphQL 에서 middlewares 로 흘려준다면 위 상황에서도 토큰 검사를 실행해서 error 가 발생할 것이다. 현재 상황에서 몇가지..

Toy 38번 문제. telephoneWords 구현실패 . front & back 모두 각각 Tslint & Eslint , babel 설정을 맞추고 프로젝트 repo 에 업로드에 성공! 이제 환경은 갖춰졌으니 다음 주부터 바로 코드작성에 들어갈 수 있다. 함께 스프린트 1에 백로그를 나눠가지고 시간을 분배했다. 이번 4주 프로젝트에서 굉장히 여러모로 무리한 선택을 많이 한 것 같다. 무지한 back 과 기본만 아는 front 풀스택으로 진행하는 욕심을 낸 결과는 처참하고 힘들겠지만 내 성장에는 큰 도움이 되지 않을까 싶다. Typescript 란 타입스크립트는 자바스크립트를 확장한 언어로, JS 언어의 특성을 침범하지 않고 최신 ECMA 표준을 지원. TypeScript의 가장 큰 특징은 type을 ..

Toy 37번 문제. NumberToString() 숫자를 문자로 변환시켜 리턴하는 문제. ex) 19 -> nineteen / 101 -> one hundred one 구현 실패 . 해결되면 다시 업로드 예정. 라이브러리 설치 npx install --save apollo-boost react-apollo graphql-tag graphql react apollo 구조 정리 react 환경에서 apollo 를 사용해서 graphQL data 를 가져오려면 먼저 apollo client 에서 서버와 연결하고 apollo privider 로 사용할 react 의 최상단 component 를 감싸준다. data 의 스키마에서 필요한 부분을 따로 정의하고 가져올 수 있는 양식을 만든다. (ex. 스키마에 id..