VUE2 Oxlint 등 oxc 간단하게 소개 Oxlint최근 오랜만에 create vue를 사용해 Vue 기반 프로젝트를 생성하던 중, ESLint 설정 단계에서 Oxlint라는 새로운 옵션을 발견했습니다. Oxlint는 ESLint를 더 빠르게 실행할 수 있도록 돕는 실험적인 도구라고 소개되어 있었는데, 이에 흥미를 느껴 관련 내용을 간단히 조사해보았습니다.Oxlint란?공식 문서에 따르면, Oxlint는 다음과 같이 설명됩니다:Oxlint는 기본적으로 추가 설정 없이 오류가 있거나 불필요한 코드를 감지하도록 설계되었습니다.참고(INFO)현재 Oxlint는 ESLint를 완전히 대체하는 것을 목표로 하지 않습니다. 대신, ESLint의 속도가 워크플로에서 병목 현상이 될 때 이를 보완하는 도구로 작동합니다.Oxlint는 대규모 코드베이스에서도 몇.. 2024. 11. 29. Vue.js / computed의 변경 감지 방법 알아보기 React에서는 useEffect나 useMemo 등에서 deps를 등록하여 해당 값의 변경 유무를 판단하고, 그에 따라 내부 함수를 실행합니다. 반면, Vue에서는 computed나 watchEffect에서 deps를 별도로 등록하지 않아도, 내부에서 사용한 반응형 값이 변경되었을 때 이를 자동으로 감지하고 내부 함수를 실행합니다.deps를 등록하지 않고도 이러한 방식이 가능한 이유를 지금부터 내부 코드를 보며 알아보겠습니다.Vue의 변경 감지 방법Vue에서 ref를 사용해 반응형 값을 생성하면, 내부적으로 다음과 같은 클래스 형태로 동작합니다. 여기서 주목할 부분은 get 메서드의 this.dep.track()과 set 메서드의 this.dep.trigger()입니다.get 메서드에서는 해당 ref .. 2024. 11. 24. 이전 1 다음
