analogcoding

Toy 10번 문제. Jquery 사용해보기. 모든 span tag 를 1초마다 색상 변경. 모든 단어를 span 태그로 감싸기. $(function(){ var p = $('p'); var text = p.text().split(' '); for(let i = 1 , len = text.length; i < len; i=i+2){ text[i] = '' + text[i] + ''; } p.html(text.join(' ')) function changeColor1() { $('span').css('color','red') } function changeColor2() { $('span').css('color','blue') } function changeColor() { changeColor1() ch..

Toy 9번 문제. 주어지는 두 obj 의 내부까지 같은 지 deep Equals 를 비교하는 문제. var deepEquals = function(apple, orange){ let result = false; let applekey = Object.keys(apple).sort() let orangekey = Object.keys(orange).sort() console.log(apple,orange) console.log(applekey,orangekey) if(apple==={}&&orange==={}){ result = true; } if(JSON.stringify(apple)===JSON.stringify(orange)){ result = true; } for (let key in apple)..

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 으로 다루는 과정은 ..