반응형

Front-end/Vue.js 2

2번째 vue3 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]2

머스태치 문법 {{ }} vue에서 사용하는 방법이다. 이 안에 요소의 이름을 넣는다. v-text tag전체를 바꿔주므로 비어있는 tag로 해야 한다. v-if | v-else-if | v-else 조건을 줘서 그 조건에 해당할 때만 나오게 한다. v-if ,v-else를 쓰기 위해서는 바로 태그가 이어져야 한다. 즉, 중간에 다른 태그가 있으면 안 된다. My name is {{ user.name }} 이름을 보여줄 수 없습니다. 당신은 성인입니다. 당신은 청소년입니다. 당신은 어린이입니다. key : 반복문(v-for)을 줄 때 꼭 넣어야 한다. unique한 값을 넣는다. (중복되지 않는 것) {{}} 안에 수식이 하나만 있어야 한다. 수식이 중복 X 단, v-if 와 v-for를 함께 쓸 수 없..

Front-end/Vue.js 2022.02.28

1번째 vue3 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]

frontend - 웹 화면 담당 - 데이터 조회하고 화면에 전달 - 화면에 주소를 담당하는 라우팅 - web publishing : 디자인된 내용을 화면에 구현 - UI, 데이터처리 및 상태 값 관리 backend - 중요한 서비스 로직 - 보안 - 디비 연결 및 관리 - 서비스 코어 기능 - 서버 전송처리 - 모델링 작업 (수집된 데이터 관리) progressive framework library : 자바스크립트를 더욱 손쉽고 편리하게 도와주는 도구 SPA 방식 (single page application) : 하나의 페지가 모든 화면과 기능을 담고 있음 ( 페이지를 한 번만 불러오면 됨) 1. vue angular와 react의 장점만 골라 만들어졌다. 비교적 쉬운 학습 난이도 성능도 리액트와 비교..

Front-end/Vue.js 2022.02.13
728x90
반응형