일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 코드스테이츠
- 리액트
- 클라이언트
- JS
- 코딩
- JavaScript
- underbar
- react
- vscode
- 취업
- 알고리즘
- this
- array
- 연습
- 포스기
- 엔퀸즈
- nqueens
- 일상
- 자바스크립트
- underscores
- ftech
- 제일어려워
- Instantiation Patterns
- method
- 개발
- 초보
- DOM
- 공부
- 해커톤
- grpahQL
- Today
- Total
목록Be well coding (122)
analogcoding
Toy 13번 문제 . tree 구조 , BF search , depth 도 리턴. Tree.prototype.BFSelect = function(filter) { let result = []; console.log(filter) console.log(this) 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; // return an array o..
자바스크립트에서 동기영역과 비동기영역을 가장 잘 보여주는 예시다. 비동기란? 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성 Promise? “A promise is an object that may produce a single value some time in the future” 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성 . 프로미스의 3가지 상태(states) 프로미스를 사용할 때 알아야 하는 가장 기본적인 개념이 바로 프로미스의 상태(states). 여기서 말하는 상..
자바스크립트는 주로 웹 브라우져에서 실행되는 언어다. 웹 브라우져에는 자바스크립트 엔진이라는 것이 있는데 이 엔진이 자바스크립트 코드를 실행시키는 역할을 하고 이러한 자바스크립트 엔진에는 크롬에서 사용하는 V8, 사파리에서 사용하는 웹킷(Webkit), 파이어폭스에서 사용하는 스파이커몽키(SpikerMonky), 오페라에서 사용하는 카라칸 등이 있습니다. 이러한 엔진 중에 구글에서 만든 V8 엔진이 노드에서 사용하는 자바스크립트 엔진이다. What is module? 클라이언트 ---요청----서버----GET,POST 등 req에 대한 분석 후 그에 맞는 res 을 전달 넘겨줄 때 API 를 어떻게 작성해서 줄 것인가? 서버에서 요청을 받을 때 express 를 사용해서 더 간단하게 코드를 작성할 수 ..
Toy 12번 문제. string 이 주어지면 string 의 요소로 만들 수 있는 모든 요소를 담은 배열을 리턴. ㄴ 구현실패. 컨디션 조절 실패로 오전 내내 졸았다.. 물론 맨정신이었어도 잘 못 풀 수준의 문제였음.. 재도전 예정.. ++해결 var powerSet = function(str) { let result = []; let check = {}; for (let i = 0; i < str.length; i++) { if (check[str[i]] === undefined) { check[str[i]] = "check"; } } str = Object.keys(check).join(""); console.log(str) function re(input, I) { result.push(input..
Toy 11번 문제. 배열에서 특정 타겟 탐색 with 시간복잡도. ㄴ 시간복잡도를 가장 적게 해결하는 게 목표인 듯했다. 어떤 답이 효율적일지 모르겠지만 메소드를 사용한 내 코드도 TIme Complexity는 똑같이 잡아먹을 것 같다. var rotatedArraySearch = function (rotated, target) { // Your code here: }; let result = []; if(!rotated.includes(target)){ return null; } return rotated.indexOf(target) } onst fs = require('fs'); const fileName = __dirname + '/chat-log.json'; let chatLog = fs.rea..
SA 3 리액트 props 전달하기. 화면 렌더링 props를 통해 data 를 하위 컴포넌트에 전달하는 문제. mini server SPRINT const http = require('http'); const PORT = 5000; const ip = 'localhost'; 내 노트북을 미니 서버로.. 사용?해보는 미니 스프린트. const server = http.createServer((request, response) => { let headers = defaultCorsHeader; // request.setEncoding('utf-8') let body = ''; request.on('data',(chunk)=>{ body += chunk }) request.on('end',()=>{ if(r..
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)..