analogcoding

Toy 08번 문제. 배열의 숫자 중 3개를 정해 모두 곱한 값이 가장 높은 수를 리턴, ar largestProductOfThree = function(array) { let result; let sortOne = array.slice(0).sort(function(a,b){ return a-b }); sortOne = sortOne.reverse() console.log(sortOne) for(let i = 0; i 0){ if((sortOne[1]*sortOne[2]) < (sortOne[sortOne.length-1]* sortOne[sortOne.length-2])){ result = sortOne[0]*sortOne[sortO..

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 의 개념들을 직접 접해볼 수 있었다. 이제 막 시작했는데..

What is React ? React는 UI(User-Interface)를 만들기 위한 자바스크립트 Library이다. * 함수를 { } 로 묶으면 return 을 적어줘야 나타나지만 함수를 ( ) 로 묶으면 return 없이도 리턴이 가능하다. What is JSX ? 이 문법은 JSX라고 부르며, 자바스크립트의 문법 확장이다. html 와 js 를 합쳐서 편하게 작성할 수 있다. What is React Component ? props를 input으로 하고 UI가 어떻게 보여야 하는지 정의하는 React Element를 output으로 하는 함수. 일종의 묶음이라고 생각한다. 컴포넌트 안에 여러 요소를 한 기능 단위로 묶어주는 역할. What is render ? ReactDOM.render(, )..

Toy 05번 문제. sort 메소드를 사용하지 않고 bubble sort 구현하기. 배열 내에 숫자를 오름차순으로 정렬. 두 자리를 값을 linked list 구현 때처럼 임의의 값에 담아 둔 뒤 비교하고 바꿔준 뒤 처음부터 끝까지 다시 재귀. 스프린트 chatter Box app.server 에 주소를 받아와서 GET method 를 사용해서 리소스를 json 형태로 변환해서 가져온다. then 은 이후를 의미한다. fatch 와 DOM 으로 직접 서버에서 가져오고 보내기도 하는 작업을 수행했다. fatch 자체와 method , json 을 처음 접해본지라 처음엔 이해가 잘 가지 않았다. 하지만 console.log 를 찍어보면서 자바스크립트 객체 형식으로 바뀐 데이터를 DOM 으로 다루는 과정은 ..

N queens 알고리즘 해결방안 수도코딩 colindex 0 1 2 3 rowindex 0 [[ㅇㅇㅇㅇ] 1 [ㅇㅇㅇㅇ] 2 [ㅇㅇㅇㅇ] 3 [ㅇㅇㅇㅇ]] ㅇ이 빈자리 , queen 이 놓은 자리를 1 로 표시. 한 줄의 rowIndex 확인함수 hasRowConflictAt: function (rowIndex) { // 가로 배열에 1 에 중복이 있는 지 확인 //console.log(this) let rowcheck = this.attributes[rowIndex]; //rowIndex를 가져오면 가로 한줄.. // this.get 하면 rowIndew 넘버에 해당하는 가로한줄배열을 가져옴. let count = 0; //console.log('this Get rowIndex',this.get(ro..

Toy 04번 문제. 피보나치 함수를 재귀적인 방법 외의 방법으로 해결하기. 매번 리컬시브하게 해결하던 피보나치를 반복문으로 한 번 풀어보았다. 배열을 만들고 0과 1을 담고 그걸 더한 값을 while문으로 n번 째 피보나치의 n이 배열의 길이와 같을 때까지 반복적으로 더해서 해결. 스프린트 & 세션 더 이상 javascript 에 대한 것만 배우는 것이 아닌 프론트엔드와 백엔드 , 어떻게 작동되는 구조인지에 대해 배우기 시작했다. 클라이언트와 서버 데이터베이스에 대해 간략하게 배우고 그 중 클라이언트와 서버 간의 과정에 대해 정리하는 시간을 가지고 스프린트를 시작했다. 각자 정리한 클라이언트와 서버에 대해 설명해보는 시간을 가졌는데 스프린트 카테고리에 정리해놓은 글을 요약했다. 슬슬 시작된다.. 배우는..