일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 코딩
- 클라이언트
- nqueens
- JS
- ftech
- 알고리즘
- 리액트
- method
- 초보
- 취업
- 엔퀸즈
- Instantiation Patterns
- underbar
- 제일어려워
- JavaScript
- grpahQL
- react
- vscode
- 자바스크립트
- 일상
- 포스기
- 연습
- DOM
- underscores
- array
- this
- 공부
- 코드스테이츠
- 해커톤
- 개발
- Today
- Total
목록react (3)
analogcoding
What is React ? 비교적 짧은 러닝커브 React 는 Framework 가 아닌 Library 로 기본적인 javascript 와 html 에 대해 이해하고 있다면 홈페이지에 잘 나와있는 튜토리얼을 통해 개발을 시작할 수 있습니다. 재사용성 , 유지보수에 용이한 구성요소 보유 React 는 component 구조로 이루어져 재사용성 과 유지보수 에 있어서 뛰어납니다. Virtual DOM 을 통한 rendering React 는 virtual DOM 을 통해 변화를 가상 DOM 에 먼저 적용하고 render 시켜 연산을 줄여줍니다. This is React ! React = Library Framework Application 설계 , 개발 시 구조, 필수적인 코드, 알고리즘, 암호화, 데이터..
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)..