분류 전체보기
-
React 재조정FE/React 2023. 11. 23. 23:20
리액트를 경험한 지 어언 3주 차, 가장 신기했던 것 하나를 알아보고자 합니다.리액트를 사용하기 전에는 요소를 추가, 제거, 업데이트할 때 개발자 도구를 확인해 보면 전체 태그가 변경되는 것을 확인할 수 있었습니다.그런데, 리액트를 사용하니 변경된 부분만을 갱신하는 게 굉장히 신기했습니다.그래서 어떻게 변경된 부분만 쏙쏙 찾아서 업데이트해주는지 알아보았습니다.가상 돔 (Virtual DOM)먼저, 가상 돔이 뭔지 알아야 합니다.DOM은 Document Object Model의 약자로, 직역하면 문서 객체 모형입니다.풀어서 말하면 HTML 등의 문서의 각 항목들을 트리구조로 만든 객체 모델을 말합니다.그럼 Virtual DOM은 실제 돔이 아닌 DOM을 추상화시킨 것이라는 것을 유추할 수 있습니다.가상 돔..
-
fetch를 학습하다 JavaScript 동작원리를 학습한 건에 대하여...Language/JavaScript 2023. 11. 19. 18:33
fetch fetch는 JavaScript에서 서버로 네트워크 요청을 보내고 응답을 받을 수 있도록 해줍니다. 첫 번째 인자로 URL, 두 번째 인자로 옵션 객체를 만들고, Promise 타입의 객체를 반환해 줍니다. 비동기 방식으로 요청하기 때문에 자동으로 다음 코드로 넘어갑니다. 하지만, API로부터 받아온 정보를 사용할 필요가 있는 경우가 있는데 이럴 때 사용하는 것이 then입니다. then 앞서 언급했듯이 fetch는 비동기 함수입니다. then은 그런 fetch의 응답을 then에 전달된 콜백으로 처리할 수 있도록 해주는 fetch의 메서드입니다. fetch의 다른 메서드인 catch와 finally도 비슷하게 동작합니다. 그렇다면 fetch의 메서드들은 어떻게 비동기로 동작하는 fetch의 ..
-
Monorepo (모노레포)가... 모노?개발 지식/CS 2023. 11. 14. 23:31
다수의 프로젝트들이 개별적으로 운영되는 혼돈의 시대. 레포지토리의 루트 디렉토리가 나서서 프로젝트들을 하나로 통합고, 혼돈을 가라앉히는 평화의 중심지가 되니 이것을 우리는 모노레포의 전설이라고 부른다. Monorepo (모노레포) 모노레포가 뭔지부터 알아봅시다. 흔히 정의되는 모노레포는 다음과 같습니다. 하나의 저장소에 여러 프로젝트를 포함하는 소프트웨어 개발 전략 모노레포에 대해 설명하기 전에 폴리레포에 대해 간단히 설명하겠습니다. 폴리레포는 여러 프로젝트를 각각 별도의 저장소에서 관리하는 소프트웨어 개발 전략입니다. 이 방식은 프로젝트 간의 분리와 독립성을 유지하면서 개발을 진행할 수 있도록 합니다. 하지만, 코드 간의 중복되는 부분이나 서로 다른 패키지 의존성을 관리해야 할 때 어렵다는 점이 있습니..