본문 바로가기 메뉴 바로가기

Half Road

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Half Road

검색하기 폼
  • 분류 전체보기 (89) N
    • 네트워크 (2)
    • 개발 (10) N
    • 웹퍼블리싱 (7)
    • DB (2)
    • Linux (11)
    • 개발 환경구축 (21)
    • Git (5)
    • 개발일지 (4)
    • Vue.js (9)
    • python (5)
  • 방명록

vue 리팩토링 (1)
[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
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
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종 적성검사 신체검사
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바