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

코딩애벌레

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

코딩애벌레

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

v-model (1)
Vue : Basic Syntax 2 (v-bind, v-on)

저번엔 Attribute 속성을 추가하는 것을 배웠다. 동일하게 Class와 Style 속성을 Binding 하는 것을 배울 것인데, 속성으로 다루지 않고 나눈 이유는 반응성 Web에서 가장 많이 다루는 속성이기 때문이다. 예를들어, 클릭했을때 새로운 Attr가 생기는 것 보다는 bootstrap의 class 추가 혹은 style의 추가로 반응을 띌 수 있다. front에서 중요한 부분이니 집중해보자!v-bindClass and Style Bindings: class와 style은 모두 HTML 속성이므로 다른 속성과 마찬가지로 v-bind를 사용하여 동적으로 문자열 값을 할당할 수 있다: Vue에서 class 및 style 속성 값을 v-bind로 이용할때 객체 or 배열을 활용하여 on / off 혹..

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

티스토리툴바