알렉스 페레이라의 격투 블로그

jQuery에서 제공하는 $(document).ready()는 js개발을 할때 매우 유용하게 사용되곤 하는데, DOM(Document Object Model)이 완전히 불러와지면 실행되는 Event이다. 일반적으로 브라우저가 HTML을 보여주기 위해서는 먼저 문서 구조를 만들고 만들어진 문서 구조 위에 디자인을 입히는 형식을 취하는데, 이 과정에서 디자인이 입혀지지 않은 상태로 문서 구조가 만들어진 시점에 실행되는 Event가 바로 ready(). 사용법 $(document).ready(function(){ // 실행할 기능을 정의해주세요. }); 참고 jQuery 3.0 버전 이후부터는 첫 번째에 해당하는 구문만 사용하는 것을 권장드립니다. .ready() Event는 1.8 버전에서는 deprecat..

ajax란? 아래 링크 참조 쉽게 말하면 js환경에서 비동기통신으로 데이터를 가져와 뿌려주는것. https://developer.mozilla.org/ko/docs/Glossary/AJAX AJAX - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN AJAX (Asynchronous JavaScript와 XML)는 XMLHttpRequest 기술을 사용해 복잡하고 동적인 웹페이지를 구성하는 프로그래밍 방식입니다. developer.mozilla.org vue-resource란? 원래는 공식 라이브러리였지만 3년전쯤부터 관리하지 않는 라이브러리 https://github.com/pagekit/vue-resource GitHub - pagekit/vue-resource: The HTTP clie..

이 포스트에서는 Vue.js 2와 Vue.js 3의 차이점을 몇 가지 픽업해서 간단하게 소개하고자한다. Composition API Vue.js 2와의 가장 큰 변경점이라고 한다면 Composition API가 도입된 것이다. 이로 인해 Vue의 그러나 Composition API를 사용하면 아래와 같이 바뀐다. 상세한 내용에 대해서 설명하자면 길어지므로 다음에 기회가 된다면 구체적으로 설명하도록 하겠다. Fragments Vue.js 2에서는 컴포넌트의 루트 요소가 1개일 필요가 있었다. ... ... ... ({ ... }) }).mount('#app') 라이프 사이클 Vue3에서는 라이프 사이클의 일부 명칭이 변경된다. 역할 자체는 변경되지 않는다. beforeDestroy → beforeUnmou..

https://joshua1988.github.io/es6-online-book/guide.html Vue.js 개발자를 위한 ES6 입문서 | Vue.js + ES6 Vue.js 개발자를 위한 ES6 입문서 Vue.js로 코딩할 때 코드를 더 간편하고 빠르게 구현할 수 있는 방법인 ES6 문법에 대해 알아봅니다. 살펴볼 주요 문법은 다음과 같습니다. TIP ES6는 ECMAScript 2015를 의 joshua1988.github.io

뷰 라우터란? 뷰 라우터는 뷰 라이브러리를 이용하여 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리. https://router.vuejs.org/guide/ Vue Router | The official Router for Vue.js The official Router for Vue.js router.vuejs.org 뷰 라우터 설치 프로젝트에 뷰 라우터를 설치하는 방법은 CDN 방식과 NPM 방식 2가지가 있음. CDN 방식 NPM으로 프로젝트를 생성하지 않고 HTML 파일에서 라우터를 사용하려면 아래 CDN 링크를 추가. NPM 방식 Vue CLI로 프로젝트를 생성하거나 NPM 기반으로 프로젝트를 생성한다면 아래 명령어를 사용한다. npm install vue-router@4 TIP Vu..

※이벤트는 올라가고 데이터(props)는 내려온다 하위 컴포넌트로 데이터(props)내려주기 상위 컴포넌트로 이벤트(emit)발생시키기 같은 컴포넌트 레벨간의 통신방법 컴포넌트에서는 데이터를 root로 emit하고, root에서는 props를 통해 데이터를 특정 컴포넌트로 내려준다.

1. Repository를 만든다. 2.F1키를 클릭하고 'Git Clone'을 검색한다 GitHub에서 복제 클릭 초록버튼 클릭 열기 클릭 열기 클릭 git Repository로 사용할 폴더를 선택 열기 클릭 완료

https://developer.mozilla.org/ko/docs/Glossary/IIFE IIFE - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다. developer.mozilla.org

Vue란? Reactivity(반응성) HTML의 데이터 변화를 Vue라이브러리에서 감지해서 View를 자동으로그려주는것. 인스턴스(Vue 객체) Vue API를 사용하기 위해선 아래와같이 Vue객체를 선언한 뒤 사용해야 한다. {{ message }} Vue 컴포넌트 Vue.component('컴포넌트 이름', 컴포넌트 내용)메소드를 아래와 같이 사용한다. 아래와같이 Root 컴포넌트의 아래에 입력된다.

1. node.js https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. VSC https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform -..