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

코딩애벌레

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

코딩애벌레

검색하기 폼
  • 분류 전체보기 (76)
    • 일상코딩 (72)
      • 노트 (59)
      • 알고리즘 (2)
      • 백준 문제 풀이 (6)
    • AI (0)
      • Midjourney (0)
    • 다사다난 (4)
  • 방명록

v-if (1)
Vue : Basic Syntax 3 (v-if, v-for)

이젠 서론 쓸 시간도 없다! 바로 본론!v-if: 조건부 렌더링을 수행하는 directive : 표현식 값의 true/false를 기반으로 요소를 렌더링: django html에서 클라이언트의 상태와 요청에 의한 출력 화면과 유사 위처럼 정의했을 때, 클릭할 때마다 isSeen은 !isSeen에 의해 true는 false로, false는 true로 바뀌는 반응형 변수를 활용할 수 있으며, p tag 내부에 v-if와 v-else의 조건에 의해 html에 보이는 화면이 바뀐다. if와 else가 있다면 짝궁인 else-if도 있다. 반응형 변수에 random함수를 입혀준다면 호출 시, 랜덤하게 출력되는 모습도 확인할 수 있다.그렇다면 모든 tag에 v-if를 입혀주어야 할까? 물론 아니다. 전체를 감싸고있..

일상코딩/노트 2024. 5. 1. 15:55
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • baby-gin
  • Database
  • basic syntax
  • 백준
  • Method
  • 함수
  • 연산자
  • 재귀
  • ssafy
  • Django
  • 카운팅정렬
  • CodeTree
  • 삼성청년SW아카데미
  • HTML
  • Authentication System
  • SQLite
  • vue3
  • JavaScript
  • 순열
  • refactoring
  • app
  • honeymoney
  • SQL
  • Python
  • views.py
  • vue
  • Sequence types
  • dfs
  • Component
  • ChatGPT
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

티스토리툴바