일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- grpahQL
- underbar
- nqueens
- 코드스테이츠
- Instantiation Patterns
- 제일어려워
- JS
- react
- 일상
- 엔퀸즈
- array
- 개발
- vscode
- 해커톤
- 리액트
- 공부
- 코딩
- 자바스크립트
- 연습
- ftech
- underscores
- 포스기
- JavaScript
- DOM
- 초보
- 취업
- 클라이언트
- this
- method
- 알고리즘
- Today
- Total
목록코딩 (23)
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 07번 문제. 트리구조의 depth 와 모든 노드를 리턴하는 문제. 구현 실패. ++해결 Tree.prototype.DFSelect = function(filter) { }; let result = []; function recur(node,depth){ if(filter(node.value,depth)){ result.push(node.value) } if(node.children.length > 0){ for(let i = 0; i < node.children.length; i++){ recur(node.children[i],depth+1) } } } recur(this,0); return result; } 리액트 실시간 검색 기능 구현 성공! 리프팅과 디바운스 모두 사용해보았다. setSta..
Toy 06번 문제 string 1 과 string2 를 비교해서 가지고 있는 같은 char 를 리턴하는 문제. ㄴ 해결 실패.. 충분히 할 수 있을 것 같았는데.. 요즘 알고리즘이 엄청 날 괴롭힌다.. 분명 풀 것 같은 문제들도 모두 틀려버린다. ++ 해결 var commonCharacters = function(string1, string2) { let result = ''; for(let i = 0; i < string1.length; i++) { let count = 0; for(let j = 1; j < arguments.length; j++) { if(arguments[j].includes(string1[i])) { count++; if(count === arguments.length - 1)..
SA 2 1. 수도코드를 클래스형식으로 변경. ★★☆☆☆ 2. 시간복잡도 ★★☆☆☆ 3. 채터박스 ★★★★☆ 나름대로 점수를 줘봤음.. 1. 클래스 형식 문법에 익숙치 않아서 Object.create() 로 prototype과 연결했으나 메소드 상속에서 bind 빼먹음. 작성 시 많이 어려웠음. 복습 필요. 2. 시간복잡도 역시 문제를 보자마자 어떤 패턴인지 인지하지 못함. 10문제 모두 확인 후 복습 필요. 3. 구현은 했으나 랜더링 때마다 엘리먼트를 생성해서 추가로 쌓임. 조건문으로 억지로 막았음. 스프린트. 대망의 리액트 시작.. 난리다 난리 props , state , JSX 스프린트에 정리 중. solo sprint 로 기본적인 react 의 개념들을 직접 접해볼 수 있었다. 이제 막 시작했는데..
Toy 05번 문제. sort 메소드를 사용하지 않고 bubble sort 구현하기. 배열 내에 숫자를 오름차순으로 정렬. 두 자리를 값을 linked list 구현 때처럼 임의의 값에 담아 둔 뒤 비교하고 바꿔준 뒤 처음부터 끝까지 다시 재귀. 스프린트 chatter Box app.server 에 주소를 받아와서 GET method 를 사용해서 리소스를 json 형태로 변환해서 가져온다. then 은 이후를 의미한다. fatch 와 DOM 으로 직접 서버에서 가져오고 보내기도 하는 작업을 수행했다. fatch 자체와 method , json 을 처음 접해본지라 처음엔 이해가 잘 가지 않았다. 하지만 console.log 를 찍어보면서 자바스크립트 객체 형식으로 바뀐 데이터를 DOM 으로 다루는 과정은 ..
Toy 04번 문제. 피보나치 함수를 재귀적인 방법 외의 방법으로 해결하기. 매번 리컬시브하게 해결하던 피보나치를 반복문으로 한 번 풀어보았다. 배열을 만들고 0과 1을 담고 그걸 더한 값을 while문으로 n번 째 피보나치의 n이 배열의 길이와 같을 때까지 반복적으로 더해서 해결. 스프린트 & 세션 더 이상 javascript 에 대한 것만 배우는 것이 아닌 프론트엔드와 백엔드 , 어떻게 작동되는 구조인지에 대해 배우기 시작했다. 클라이언트와 서버 데이터베이스에 대해 간략하게 배우고 그 중 클라이언트와 서버 간의 과정에 대해 정리하는 시간을 가지고 스프린트를 시작했다. 각자 정리한 클라이언트와 서버에 대해 설명해보는 시간을 가졌는데 스프린트 카테고리에 정리해놓은 글을 요약했다. 슬슬 시작된다.. 배우는..
Toy 02번 문제. 문자열이 주어지면 중복되지 않는 유니크한 문자열이 있으면 리턴하고 아니면 null을 리턴. 특정한 문자열의 위치(index)를 반환한다. 시작 기준점이 달라도 하나라면 같은 인덱스에 위치하고 있을 것이므로 indexOf , lastIndexOf 로 해결했다. 스프린트 & 피어 리뷰 이번 스프린트에서 가장 큰 목적을 크게 나열해보자면 1. Class 를 이용한 상속 - 상속받은 기능 외 추가 기능 구현하기. ---> 성공하긴 했다. 다른 기능을 추가하고 기존 기능을 가져오고까지는 성공. 2. 상속받은 메소드를 이용해서 기능 구현하기. ---> 받은 메소드를 활용해서 다른 기능을 구현하는데 어느 것은 성공하고 어느 것은 실패하고.. 반쯤 성공. 3. css 여러 효과 사용해보기. ---..