일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- db
- Javascript
- 싸피셜
- sqld
- SQL
- 셀프넘버
- git
- 머신러닝종류
- SSAFYcial
- VITE
- react
- pwa적용하기
- 플로이드워셜
- vitepwa
- SSAFY
- 백준
- 싸피
- 리액트
- PWA
- js
- Django
- 14658
- QuerySetAPI
- 데코레이터
- 싸피10기
- TypeScript
- Python
- queryset
- unionfind
- 알고리즘
- Today
- Total
목록FrontEnd/Vue (28)
Meme's IT
# Directive란? 'v-' 접두사가 있는 특수 속성 Directive의 속성 값은 단일 JavaScript 표현식이어야 함(v-for, v-on은 제외) 표현식 값이 변경될 때 DOM에 반응적으로 업데이트를 적용 v-if가 true면 출력됨 # Directive의 구조 🔹 Arguments 일부 directive는 directive 뒤에 콜론(:)으로 표시되는 인자를 사용할 수 있음 Link ▶ 위의 코드에서 href는 HTML a 요소의 href 속성 값을 myUrl 값에 바인딩 해주는 v-bind의 인자 Button ▶ click은 수신할 이벤트 이름을 작성하는 v-on의 인자 🔹 Modifiers .(dot)으로 표시되는 특수 접미사로, directive가 특별한 방식으로 바인딩되어야 함을 ..
# Template Syntax란? DOM을 기본 구성 요소 인스턴스의 데이터에 선언적으로 바인딩할 수 있는 HTML 기반 템플릿 구문을 사용 = Vue Instance와 DOM을 연결하는 확장된 문법을 제공 1. Text Interpolation Message: {{ msg }} 데이터 바인딩의 가장 기본적인 형태 이중 중괄호 구문(콧수염 구문)을 사용 콧수염 구문은 해당 구성 요소 인스턴스의 msg 속성 값으로 대체 msg 속성이 변경될 때마다 업데이트 됨 2. Raw HTML ... const rawHtml = ref('This should be red.') 콧수염 구문은 데이터를 일반 텍스트로 해석하기 때문에 실제 HTML을 출력하려면 v-html을 사용해야함 3. Attribute Binding..
우선 한번 냅다 따라 쳐보자 공식문서 참조 {{ greeting }} 누른 횟수: {{ count }} 중간중간 나오는 특이한 문법들은 밑의 글 참고 2023.10.25 - [JavaScript] - [JS] Object(객체) # Vue의 핵심 기능 1. 선언적 렌더링 HTML을 확장하는 템플릿 구문을 사용하여 HTML이 JavaScript 데이터를 기반으로 어떻게 보이는지 설명할 수 있음 2. 반응형 JavaScript 상태 변경 사항을 자동으로 추적하고, 변경사항이 발생할 때 DOM을 효율적으로 업데이트 # Vue를 사용하는 방법 1. CDN 방식 2. NPM 설치 방식 → 우선은 CDN 방식으로 진행해 보자 # Vue의 기본 구조 1. CDN 가져오고 Application instance 작성하기..
# Front-end란? 웹사이트와 웹 어플리케이션 사용자 인터페이스(UI)와 사용자 경험(UX)를 만들고 디자인하는 것 웹 사이트 + UI + UX → HTML, CSS, JavaScript를 활용해서 사용자가 직접 상호작용하는 부분을 개발 🔹 Client-side frameworks 클라이언트 측에서 UI와 상호작용을 개발하기 위해 사용되는 JavaScript 기반 프레임워크 굳이 써야할까? 웹에서 하는 일이 많아져서 도와주는 역할이 필요함 다루는 데이터도 많아져서 얘네가 도와줌으로써 불필요한 코드의 반복을 피할 수 있음 참고) 웹 애플리케이션: 웹에서 문서만 읽는 것이 아닌, 음악을 스트리밍하고, 영화를 보고 등등의 다양한 역할을 함. 그런 현대적이고 복잡한 대화형 웹사이트를 웹 애플리케이션이라고 ..