두부의 개발새발 이야기

  • 홈
  • 태그
  • 방명록

FrontEnd/Nuxt 1

Vitest Nuxt3 에서의 Mount 제어

정보가 하나도 없는 Vitest와 Nuxt3(Vue3)에서 조금이라도 도움이 되고자 글을 작성해 봅니다.Test를 진행하는 과정 중에서 Mounted에 관련된 부분에서 제대로 작동 되지 않아서 로직이 안도는 등, 항상 문제의 원인인 LifeCycle hook쪽에서 지속적으로 문제가 발생하였습니다.하지만, Vue utils를 뒤져봐도, Nuxt3의 test를 바라봐도 Mounted를 지원하지 않는 다는 말은 없었습니다.이상하다 싶어서 조금 테스트를 해봤고, 결과를 보고 나서는 조금은 ref는 왜 사용하는지 조금 알게 됐습니다.우선 코드로 보자면 아래와 같은 코드가 vue 파일이 될 것입니다. {{ mountTest }} 위는 테스트를 진행할 코드이며 아래는 테스트 코드 입니다.import { it, e..

FrontEnd/Nuxt 2024.07.18
이전
1
다음
더보기
프로필사진

두부의 개발새발 이야기

전자기기와 DevOps 기술에 관심 많은 Front 개발자 입니다!

  • 분류 전체보기 (64)
    • 기본 문법 (1)
    • Infra (1)
    • DevOps (34)
      • AWS (7)
      • Terraform (8)
      • Packer (3)
      • Ansible (9)
      • Kubernetes (2)
      • Docker (3)
    • BackEnd (0)
      • JAVA (0)
      • Spring (0)
      • Nest (0)
    • FrontEnd (12)
      • JavaScript (3)
      • TypeScript (2)
      • Vue (4)
      • React (0)
      • Nuxt (1)
    • Mobile (0)
    • 전자기기 리뷰 (1)
    • 개인 서버 (1)
    • 개인적인 잠답 (5)
    • 세미나 (1)
    • 프로젝트 (1)
    • 잡담 (5)

Tag

Ansible Inventory, Ansible Facts, ansible, dockerCLI, AWS, ansible handler, 프론트엔드, #aws codebuilder, vue, optionalapi, Ansible설치, reactor pattern, ansible loop, JavaScript, docker, vue3, Ansible Variables, CICD, vitepress, ansible Conditionals,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/10   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바