일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 코딩
- method
- this
- 연습
- 공부
- 코드스테이츠
- 해커톤
- react
- underscores
- 엔퀸즈
- DOM
- ftech
- 초보
- JS
- grpahQL
- vscode
- JavaScript
- 개발
- 포스기
- Instantiation Patterns
- array
- 취업
- underbar
- 알고리즘
- 클라이언트
- 리액트
- nqueens
- 자바스크립트
- 제일어려워
- 일상
- Today
- Total
목록코딩 (23)
analogcoding
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/udL48/btqw8B2Umwh/PYUDqGKhdKGSE9RyQHtKc1/img.png)
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 를 담아주는 방법. 이 방법..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/U63jC/btqwWoXUIkV/9frNcgoUHE3EqxKLpGPLTK/img.png)
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 의 개념들을 직접 접해볼 수 있었다. 이제 막 시작했는데..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/UbyLr/btqvX1H36kR/bEwPS919s3GYonk9IsQBfk/img.png)
Toy 05번 문제. sort 메소드를 사용하지 않고 bubble sort 구현하기. 배열 내에 숫자를 오름차순으로 정렬. 두 자리를 값을 linked list 구현 때처럼 임의의 값에 담아 둔 뒤 비교하고 바꿔준 뒤 처음부터 끝까지 다시 재귀. 스프린트 chatter Box app.server 에 주소를 받아와서 GET method 를 사용해서 리소스를 json 형태로 변환해서 가져온다. then 은 이후를 의미한다. fatch 와 DOM 으로 직접 서버에서 가져오고 보내기도 하는 작업을 수행했다. fatch 자체와 method , json 을 처음 접해본지라 처음엔 이해가 잘 가지 않았다. 하지만 console.log 를 찍어보면서 자바스크립트 객체 형식으로 바뀐 데이터를 DOM 으로 다루는 과정은 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/z44Fe/btqvW09XfOs/uyJK5IComks9XE16b4RCR0/img.png)
Toy 04번 문제. 피보나치 함수를 재귀적인 방법 외의 방법으로 해결하기. 매번 리컬시브하게 해결하던 피보나치를 반복문으로 한 번 풀어보았다. 배열을 만들고 0과 1을 담고 그걸 더한 값을 while문으로 n번 째 피보나치의 n이 배열의 길이와 같을 때까지 반복적으로 더해서 해결. 스프린트 & 세션 더 이상 javascript 에 대한 것만 배우는 것이 아닌 프론트엔드와 백엔드 , 어떻게 작동되는 구조인지에 대해 배우기 시작했다. 클라이언트와 서버 데이터베이스에 대해 간략하게 배우고 그 중 클라이언트와 서버 간의 과정에 대해 정리하는 시간을 가지고 스프린트를 시작했다. 각자 정리한 클라이언트와 서버에 대해 설명해보는 시간을 가졌는데 스프린트 카테고리에 정리해놓은 글을 요약했다. 슬슬 시작된다.. 배우는..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bgnYd3/btqvPMydgOI/ggWB36kL3mfBk8U7ASCX70/img.png)
Toy 02번 문제. 문자열이 주어지면 중복되지 않는 유니크한 문자열이 있으면 리턴하고 아니면 null을 리턴. 특정한 문자열의 위치(index)를 반환한다. 시작 기준점이 달라도 하나라면 같은 인덱스에 위치하고 있을 것이므로 indexOf , lastIndexOf 로 해결했다. 스프린트 & 피어 리뷰 이번 스프린트에서 가장 큰 목적을 크게 나열해보자면 1. Class 를 이용한 상속 - 상속받은 기능 외 추가 기능 구현하기. ---> 성공하긴 했다. 다른 기능을 추가하고 기존 기능을 가져오고까지는 성공. 2. 상속받은 메소드를 이용해서 기능 구현하기. ---> 받은 메소드를 활용해서 다른 기능을 구현하는데 어느 것은 성공하고 어느 것은 실패하고.. 반쯤 성공. 3. css 여러 효과 사용해보기. ---..