Record16 WIL(20230410 ~ 20230416) Virtual DOM, props, state DOM DOM은 HTML 문서를 객체로 표현한 것이다. DOM은 HTML 문서를 트리 구조로 표현하며, 각각의 노드는 객체이다. DOM은 HTML 문서의 구조를 표현하고, CSS를 통해 스타일을 지정하고, JavaScript를 통해 동적으로 문서를 조작할 수 있다. Virtual DOM Virtual DOM은 DOM의 추상화된 개념으로, 실제 DOM에 접근하지 않고 메모리 상에서 빠르게 업데이트를 처리할 수 있다. Virtual DOM은 DOM의 상태를 가지고 있으며, 이를 통해 DOM의 변경 사항을 추적할 수 있다. 그리고 실제 DOM에 접근하지 않기 때문에 빠르게 업데이트를 처리할 수 있다. props란? props란 Component에서 Component로 전달하는 데이터를 말한다. props를 사.. 2023. 4. 17. TIL 20230410 알고리즘 문제풀이 function solution(n) { let arr = [] let pow = [] let acul = [] while (true) { arr.push(n % 3) n = Math.floor(n / 3) if (n / 3 === 0) { break } } for (j = arr.length - 1; j >= 0; j--) { pow.push(j) } for(i=0; i a+b) } console.log(solution(45)) console.log(solution(125)) # 숫자를 3진법으로 변환하는 과정은 다음과 같다. 1. 45 / 3 =.. 2023. 4. 13. TIL 20230408 알고리즘 문제 풀이 function solution(s) { const words = s.split(" "); let result = ""; for (let i = 0; i < words.length; i++) { const word = words[i]; for (let j = 0; j < word.length; j++) { if (j % 2 === 0) { result += word[j].toUpperCase(); } else { result += word[j].toLowerCase(); } } if (i !== words.length - 1) { result += " "; } } return result; } console.log(solution("try hello world ")) split(" ")을 사용해 문자열로.. 2023. 4. 10. TIL 20230407 알고리즘 문제풀이 process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); for(i=0; ib){ for(i=b; i a + b) } 반복문 내에 조건문을 사용해서 signs의 i번째 인덱스가 false라면 absolutes의 i 번째 인덱스에 - 1을 곱해준 후 빈배열을 할당한 newArray에 push하게 했다. 그 후 마지막으로 newArray의 값을 reduce() 함수를 사용해 더해줬다. reduce() 함수를 사용하면 배열의 요소를 순회하면서 누적값을 계산할 수 있다. 이를 통해 배열 요소들의 합, 평균, 최댓값, 최솟값.. 2023. 4. 10. 이전 1 2 3 4 다음
