24/05/20 React 가상 DOM 에 대해(토막글)
목적 리액트를 접하면서, 자주 나오는 단어인 가상 DOM 이 무엇인지 간단히 정리해보았다. 가상 DOM 이란? 자바스크립트 내에서 웹 문서를 구성하는 HTML 요소들에 접근할 수 있는 API인 DOM을 복사해 메모리에 저장한 형태다. 웹 문서에 직접적인 변화를 주는 것 보다, 메모리에 저장한 객체를 바꾸고 다시 불러오는 작업이 훨씬 효율...
목적 리액트를 접하면서, 자주 나오는 단어인 가상 DOM 이 무엇인지 간단히 정리해보았다. 가상 DOM 이란? 자바스크립트 내에서 웹 문서를 구성하는 HTML 요소들에 접근할 수 있는 API인 DOM을 복사해 메모리에 저장한 형태다. 웹 문서에 직접적인 변화를 주는 것 보다, 메모리에 저장한 객체를 바꾸고 다시 불러오는 작업이 훨씬 효율...
목적 아무리 해봐도, Promise 가 뭔지 잘 모르겠었어서 일단 차근차근 정리해보기 위해 간단한 내용부터 시작해 살을 붙여보려고 한다. Promise 란? ✨ JS 에서 비동기 작업의 최종 완료 또는 실패를 나타내는 객체. 비동기 작업이 수행이 될 때, 그 결과를 보장해주는 역할(성공, 실패 무관) 그래서, Promise 는 비동기 작업의 ...
오늘 한 것 알고리즘 코드 카타 오늘은 마침내 문제를 풀었다. 앞으로도 이렇게 꾸준히 해보자. 리액트 개인과제 리팩토링 해설 강의를 참고해서, 완전히 따라 만들어 보았다. 컴포넌트 방식에 익숙해질 필요가 있을 것 같다. 모던 JS 딥 다이브 13장 스코프에 대해 정리했다. var 는 함수 ...
오늘 한 것 알고리즘 코드 카타 오늘은 문제를 풀다가 시간을 너무 많이 썼다. 10진수를 3진수로 바꾼 뒤, 거꾸로 뒤집어서 10진수로 바꾸는 문제였다. 내일 풀어보고, 풀이까지 정리하자. 리액트 개인과제 완성 아쉬운 점이 많아서, 리팩토링을 해보려고 했는데 마침 과제가 리팩토링하는 과제였다. 내일 이것도 ...
목적 리액트 관련 강의도 듣게 되면서 프레임워크가 왜 필요하게 되었는지 간단히 정리해보려고 한다. Single-Page Application 과 Server-Side Rendering, Client-Side Rendering 등에 대해서 작성해보자. Single-Page Application(SPA) 의 등장 SPA 등장 이전의 웹 사이트 환경은...
목적 알고리즘 풀이를 하면서, 이 내용은 정리해야겠다고 생각했다. 최대 공약수를 구하고 이를 통해 최소 공배수까지 구하는 코드를 작성했다. 유클리드 알고리즘이란? 2개의 자연수 사이 최대 공약수를 구하는 알고리즘이다. 방식은 다음과 같다. 2개의 자연수 a, b(단, a > b) a % b 의 결과인 나머지를 r 이라고 하자. 그...
오늘 한 것 알고리즘 코드 카타 최소공배수를 구하는 유클리드 알고리즘을 구현해보다가 막혔다. 내일 정리해보자! Promise 객체 복습 여전히 문법이나 개념이 이해가 되지 않는다. 다른 강의를 많이 찾아봐야겠다. React 기초 심도 있게 공부하려면, 강의를 많이 봐야할 것 같아 유데미 강의도...