[Vue] watch 위험성 및 대체 방안
⚠️ watch의 위험성vue를 처음 시작했을 떄는 watch의 편리성 때문에, watch를 빈번하게 사용했었다.그러나 프로젝트가 규모가 커져감에 따라 watch가 많으면 다음과 같은 문제가 발생하였다.⚠️ 코드 가독성/유지보수성 저하문제점 설명로직이 분산됨상태 변화에 따라 여러 watch가 동작하면, 전체 동작 흐름을 파악하기 어려움사이드이펙트 위치 불명확로직이 watch 내부에 숨어 있어서 디버깅/추적이 어려움중복된 감시 로직여러 상태가 유사한 방식으로 감시될 경우, 중복 로직이 반복됨아래의 Bad Case를 통해서 문제점을 파악해보자❌ watch간 상호 의존성const category = ref('general') // 기본 카테고리const subCategory = ref(null)..
개발
2025. 5. 18. 17:40
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 스파르타 코딩클럽
- docker image 경량화
- oracle 19c 설치
- vue 리팩토링
- Oracle Database 19c install
- 티스토리챌린지
- 스마트피싱보호_캠페인
- vue watch 문제점
- 1종 적성검사 국가건강검진
- vue unmounted
- unmounted document.addlistener
- vue 타이머 해제
- rest api 조회 생성 수정 삭제
- rest api 단건 다건
- vue watch 대체
- 외래키 삭제
- 강서 운전면허 시험장
- unmounted setinterval
- unplugin-auto-import
- vue onunmounted
- docker multi stage build
- dockerignore
- 1종 적성검사
- unmounted composable
- vue watch 위험성
- vue 이벤트 해제
- 오블완
- Oracle Database 19C 설치
- 1종 적성검사 과태료
- 1종 적성검사 신체검사
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함