analogcoding

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 03번 문제. 배열의 메소드로 인자로 주어진 배열의 값을 전부 가지고 있으면 true , 아니면 false 를 리턴. this 와 인자로 온 array 를 includes 메소드를 사용해서 판별. 스프린트 N-Queens 만들어놓은 메소드들을 바탕으로 재귀가 어떻게 돌아가는 지에 대해서 그림으로 그려보고 이해하는 것에 시간을 많이 투자했다. 어제 끝내서 여유로울 것 같았지만 전혀 아니였다. 하루만에 복습할 수 있는 양이 아니었다 ㅠㅠ 알고리즘 적으로 문제에 접근할 때 한 방향으로 가다가 잘못되는 순간 나락에 빠지는 것 같다. 다시 헤어나오기가 너무 힘듬.. 자세한 스프린트에 관한 내용은 스프린트에 작성.

현충일이라서 오늘은 세션이 없다. 덕분에 밀린 TIL 블로깅과 N-Queens sprint 를 페어분과 마무리 지었다. 스프린트 카테고리에 정리해서 올릴거지만 수학적인? 알고리즘을 짜보면서 나름 재미를 느꼈다. back bone에 있는 메소드에서 this.get() 을 찾고 순차적으로 만든 함수들에서 최종 알고리즘을 순차적으로 조립한 느낌이었다. 이번 스프린트를 하면서 느낀 나의 대한 피드백은 1. 변수를 자꾸 헷깔려한다. 2. 머릿 속에 그림이 그려지지 않으면 잘 이해하지 못한다. 3. 알고리즘을 생각했지만 코드로 옮기질 못했다. 4. 문제가 발생했을 때 파악하는 능력이 부족하다. - 해결방안 1. 확실하고 헷깔리지 않는 변수 선언. 2. 손으로는 wacom 을 써서든 최대한 그림 그려보기. 3. 수도..

Toy 02번 문제. 문자열이 주어지면 중복되지 않는 유니크한 문자열이 있으면 리턴하고 아니면 null을 리턴. 특정한 문자열의 위치(index)를 반환한다. 시작 기준점이 달라도 하나라면 같은 인덱스에 위치하고 있을 것이므로 indexOf , lastIndexOf 로 해결했다. 스프린트 & 피어 리뷰 이번 스프린트에서 가장 큰 목적을 크게 나열해보자면 1. Class 를 이용한 상속 - 상속받은 기능 외 추가 기능 구현하기. ---> 성공하긴 했다. 다른 기능을 추가하고 기존 기능을 가져오고까지는 성공. 2. 상속받은 메소드를 이용해서 기능 구현하기. ---> 받은 메소드를 활용해서 다른 기능을 구현하는데 어느 것은 성공하고 어느 것은 실패하고.. 반쯤 성공. 3. css 여러 효과 사용해보기. ---..