쏘피의 코딩일기_

이번 포스팅은 '스마트인재개발원' 랩실에서 진행한 7/22 6주차 Vue.js 에 관한 발표자료를 주제로 활용하였습니다. Vue에서 이벤트를 다루는 방법에 대해서 알아보겠습니다. HTML에는 나 과 같은 기본 이벤트들이 있는데요, 또한 자바스크립트를 통해서 기본 이벤트와 어우러지게 사용하는 방법들이 있습니다. 여기에서 Vue.js는 자바스크립트로 조금 어렵게 구현했던 기능들을 v-on 디렉티브를 통해서 좀 더 쉽게 구현할 수 있는 방법을 제공하고 있습니다. v-on 디렉티브를 사용해서 이벤트를 처리하는 방법에 대해 알아보겠습니다. 페이지에 보여지는 숫자를 증가시키고, 감소시키는 간단한 카운터를 만들어보며 예제를 알아보겠습니다. 우리가 카운터를 만들기 위해선, 버튼의 click 이벤트 발생 시 우리가 준비..

이번 포스팅은 스마트인재개발원 랩실스터디에서 공부한 내용을 담았습니다! 지난주 Vue.js 소개글(1) : https://jaws-coding.tistory.com/18 내 이름은 Vue.js! 나를 소개하지! [스마트인재개발원] 드디어 저의 스터디 최종 목표인 Vue.js 써보기의 도입부입니다!! 본 내용은 스마트인재개발원 랩실에서 4주 차 발표에 진행했던 Vue.js 주제를 가지고 포스팅했습니다. Vue.js란 무엇인가! 이것을 알 jaws-coding.tistory.com 이번 포스팅은 Vue.js의 장점과 사용예시를 들어보겠습니다. Vue의 장점은 크게 두 가지로 나뉘어 볼 수 있는데요, 1. 데이터 바인딩 2. 가상 돔 기반 랜더링 으로 나누어서 볼 수 있겠습니다! 1. 데이터 바인딩 Vue.j..

드디어 저의 스터디 최종 목표인 Vue.js 써보기의 도입부입니다!! 본 내용은 스마트인재개발원 랩실에서 4주 차 발표에 진행했던 Vue.js 주제를 가지고 포스팅했습니다. Vue.js란 무엇인가! 이것을 알아보기 위해 다음과 같은 순서로 설명해 볼까 합니다. SPA 프레임워크 Vue.js - Vue의 탄생 Vue의 장점 Vue의 특징 1. SPA 프레임워크 예전에는 PC용 웹사이트 하나만 만들면 되었지만 모바일 시대가 열리고, 앱이나 스마트폰 브라우저로 서비스들이 이용되기 시작하면서 이제는 어느 정도 갖춰진 사업을 하는 회사에서는 개발자들이 PC용 웹, 모바일용 웹 그리고 iOS와 안드로이드 앱과 서버까지 개발해야 하게 되었습니다. 먼저 PC용 사이트의 경우에는 접속이 들어오면 데이터베이스에서 정보들을..