분류 전체보기142 [React] Virtual DOM과 재조정 📌 출처 Virtual DOM과 Internals – React (reactjs.org) Virtual DOM과 Internals – React A JavaScript library for building user interfaces ko.legacy.reactjs.org https://callmedevmomo.medium.com/virtual-dom-react-%ED%95%B5%EC%8B%AC%EC%A0%95%EB%A6%AC-bfbfcecc4fbb Virtual DOM (React) 핵심정리 리액트가 수많은 개발자들 사이에서 엄청난 사랑을 받는 이유중 한가지는 바로 빠른 속도입니다. callmedevmomo.medium.com https://react.dev/learn/preserving-and-res.. 2023. 10. 19. [React] React 알아보기 📋 React 사용자 인터페이스를 만들기 위한 JS 라이브러리로, 2013년 페이스북에서 발표한 라이브러리이다. 📍 React의 장점 ➡️ 생산성, 재사용성 React의 Virtual DOM은 사용자 경험을 향상하고 개발자의 작업 속도를 높인다. 데이터는 항상 일정한 장소에 있고, 그 장소에서만 변경이 가능하다는 단방향 데이터 흐름을 통해 안정적인 코드를 제공한다. Component의 재사용과 Hook를 이용한 상태 관리를 활용하여 작은 단위의 독립적인 요소로 개발하여 개발자의 생산성과 코드의 재사용성을 높일 수 있다. 💻 HTML과 JS로만 코드 작성하기 레이아웃을 구성하는 HTML과 UI 내 데이터를 변경하는 JS 로직이 분리되어 있어 코드 파악에 시간이 걸린다. 💻 React로 코드 작성하기 JSX.. 2023. 10. 17. [JS] 동기와 비동기, 블로킹과 논블로킹 📌 참고 사이트 👩💻 완벽히 이해하는 동기/비동기 & 블로킹/논블로킹 (tistory.com) 👩💻 완벽히 이해하는 동기/비동기 & 블로킹/논블로킹 동기/비동기 & 블로킹/논블록킹 프로그래밍에서 웹 서버 혹은 입출력(I/O)을 다루다 보면 동기/비동기 & 블로킹/논블로킹 이러한 용어들을 접해본 경험이 한번 쯤은 있을 것이다. 대부분 사람들은 inpa.tistory.com 📋 동기와 비동기 📍 동기 (Synchronous) 동기를 영단어로 의미 파악을 해보면 syn(함께) + chrono(시간) 으로 작업 시간을 함께 맞추어 실행한다는 뜻으로 받아들일 수 있다. 이 뜻은 요청한 작업에 대한 완료 여부를 따져서 순차대로 처리하는 것을 말한다. 💡 요청한 작업에 대한 완료 알림을 반드시 받아야 다음 작업 .. 2023. 9. 8. [JS] 이벤트 루프 📌 참고 사이트 [Javascript] 이벤트 루프 (Event Loop) 란? (tistory.com) [Javascript] 이벤트 루프 (Event Loop) 란? ✨ JS, Event Loop, Single Thread NodeJs 의 single/multi thread 여부를 정리하다보니 Js 의 Event Loop 개념을 조금 더 확실히 알아두어야겠다는 생각이 들었다. [NodeJS] NodeJS 는 Single Thread 일까? Multi Thread 일까? ✨ haeunyah.tistory.com https://whales.tistory.com/130 이벤트 루프와 태스크 큐 (마이크로 태스크, 매크로 태스크) 📖 이벤트 루프란 무엇인가요? 콜스텍(Call Stack)에서 이벤트가 순차적.. 2023. 9. 5. 이전 1 2 3 4 5 6 ··· 36 다음
