저번엔 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 혹..
드디어 독립된 Frontend 영역에 들어오게 되었다. Vue가 오래되진 않았지만, 생각보다 쓰기 쉽고 직관적인 프레임워크라 매력적인 것 같다. 사실 이젠 어떤 프레임워크인지 크게 중요하다 생각들지 않고 어떻게 사용하는지가 중요하기 때문에 바로 가보자고.Vue.js: 사용자 인터페이스를 구축하기 위한 JavaScript 프레임 워크 : 선언적 렌더링 (Declarative Rendering)=> Vue 자체에서 표준 HTML을 확장하는 "템플릿 구문"을 사용하여 JavaScript 상태(데이터)를 기반으로 화면에 출력(렌더링)될 HTML을 선언적으로 작성한다 : 반응성 (Reactivity)=> JavaScript 상태(state) 변경을 추적하고, 변경사항이 발생하면 자동으로 DOM을 업데이트한다 : ..
- Total
- Today
- Yesterday
- 연산자
- restapi
- SQL
- JavaScript
- app
- 재귀
- 백준
- 중복순열
- 카운팅정렬
- dfs
- views.py
- 순열
- Method
- basic syntax
- Django
- vue
- Database
- SQLite
- 함수
- CodeTree
- Python3
- HTML
- vue3
- Authentication System
- baby-gin
- Python
- ChatGPT
- Serializer
- CRUD
- Sequence types
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |