검색 본문
gall.dcinside.com mgallery github Webstorm 에서 Vue.js 하는 사람 있음? Unresolved Webstorm 으로 Vue.js 공부하고 있는데 이상한게 뜨는데 왜 이런지 모르겠음 코드 밑에 있는데 이거 왜 Vue 가 Unresolved variable or type Vue 라고 뜨는지 모르겠음 스택 오버플로우 가면 나 말고도 이런 문제... 2024.04.07 웹문서 검색 더보기 vue.js랑 리엑트 좀 알고있는사람 질문점 vue.js chart 질문 happy-jjang-a.tistory.com jjang-a 블로그 Vue.js 카카오 로그인 연동하기 12 Vue.js에서 카카오 로그인 연동하는 방법을 알아본다. 카카오 로그인 연동 프로세스는 다음과 같다. 1. 카카오톡 연동을 통해 동의를 거친 후 인가코드를 발급 받는다 2. 발급 받은 인가코드를 통해 토큰을 발급 받는다 3. 발급 받은 토큰으로 사용자 정보를 조회 한다. 출처... vue.js vue kakao 로그인 vue 카카오 로그인 vue kakao login 카카오 개발자 센터 2024.03.17 블로그 검색 더보기 Vue.js Google 로그인 연동하기 Vue.js 네이버 로그인 연동하기 yongcoding.tistory.com 용코딩 [Vue.js] 핵심문법2 - Data Event Handler 인라인 핸들러 이벤트가 트리거될 때, 실행되는 인라인 JavaScript 기능 인라인 핸들러는 말 그대로 어떤 기능을 동작하는 코드가 HTML Element 내에 직접 할당되는 것을 의 const count = ref(0) <button @click="count++">1 추가</button> <p>숫자 값은: {{ count }} 메서드 핸들러 컴포넌트 script 부분에 정의된 메서드(함수)를 이벤트 핸들러에 할댕해주는 방법 const name = ref("Vue.js") function greet(event) alert Computed 정의 : 함수처럼 코드를 작성하지만, return 시키는 데이터를 사용하기 때문에 데이터 취급을 하는 공통적으로 사용되는 로직 혹은 복잡한 로직을 미리 처리하여 반복된 로직처리를 방지하는 계산된 형태의 데이터 만드는 속성 사용 이유 : 너무 많은 연산을 스크립트 혹은 탬플릿 HTML 안에서 처리하면 코드가 비대해지고, 유지보수가 어렵다는 치명적인 단점, 때문에 연산이 복잡한 형태라면 계산된 데이터 형태로 만드는 computed 속성 사용 Watch Watch 속성은 어떤 데이터를 감시하고 있다가 그 데이터의 값이 변했을 때, 감지하여 그와 관련된 함수, 로직, 연산 등 다양한 기능을 추가적으로 활용할 수 있도록 도와주는 속성 ex) 게시판 페이지 변경한 후 선택한 페이지에 대한 리스트만 불러올 경우 <template> <div> <button @click="changeMessage">{{ message }}</button> {{ watchMessage }} </div> </template> <script> export def Props - Composition API // ============================ App.vue ====================================== <template> <div> <ChildComponent v-bind:sendProps1="title" v-bind:sendProps2="createAt" :sendProps3="obj"/> </div> </template> <script setup lang="ts"> import { reactive, ref } from 'vue' import ChildComp Emit - Composition API // =========================== ChildComponent ================================= <template> <div> <button @click="sendEvent">자식컴포넌트에서 만든 버튼</button> </div> </template> <script setup lang="ts"> import { ref } from 'vue' const data = ref<string>('자식컴포넌트에서 선언된 데이터입니다.') // 전달할 데이터를 배열 Emit - Options API // ============================= ChildComponent ============================== <template> <div> <button @click="sendEvent">자식컴포넌트에서 만든 버튼</button> </div> </template> <script> export default { data() { return { text: '자식컴포넌트에서 선언된 데이터입니다.', } }, v-model 컴포넌트에서 데이터 호출 방법 data 메서드 활용 이중 중괄호 {{ data }} 데이터 주고 받기 data 메서드 활용 > 임의의 변수에 데이터 담아 return Vue.js에서는 선언 전 렌더링을 통해선언한 데이터 호출 Vue.js에서는 컴포넌트 간데이터 주고 받기 가능 Options API > data 메서드에서 returnComposition API > return 키워드 없이 보간법을 사용해 이중 중괄호를 통해 데이터 호출 상위 컴포넌트 > 하위 컴포넌트하위 컴포넌트 > 상위 컴포넌트 v-model > 동시다발적으로 데이터 흐름 이루어진다. ※ 8 인라인 핸들러 이벤트가 트리거될 때, 실행되는 인라인 JavaScript 기능 인라인 핸들러는 말 그대로 어떤 기능을 동작하는 코드가 HTML Element 내에 직접 할당되는 것을 의 const count = ref(0) <button @click="count++">1 추가</button> <p>숫자 값은: {{ count }} 메서드 핸들러 컴포넌트 script 부분에 정의된 메서드(함수)를 이벤트 핸들러에 할댕해주는 방법 const name = ref("Vue.js") function greet(event) alert 2024.03.30 [Vue.js] UserInterface [vue.js] vue.js 사용해보기 miscellaneousknowledge.tistory.com 잡다한 지식의 블로그 Vue.js CLI 10 빠르게 시작하고, 번들링, 테스팅 및 배포등의 작업을 쉽게 처리 가능. - 프로젝트에 필요한 라이브러리와 도구 등을 자동으로 설치하고 구성가능. Vue.js CLI 설치 - 먼저 CLI를 설치하기 위해서는 node.js가 설치가 되어 있어야 한다. 따라서 아래의 주소에서 사용자의 환경에 맞게 설치. https://nodejs.org/en Node... 2024.04.30 Vue.js Component Vue.js Computed 속성 s-o-o-min.tistory.com 수빡이의 개발 [Vue.js] Movie-search Project 6 🎞 영화 검색 웹 애플리케이션 프로젝트 프로젝트 개요 영화 검색 웹 애플리케이션은 Vue.js 3.X를 사용하여 개발된 웹 애플리케이션입니다. 이 애플리케이션은 사용자가 원하는 영화를 검색하고 해당 영화에 대한 정보를 제공하는 기능을 제공합니다. 한국영화진흥위원회(KOFIC)의 영화진흥위원회 API를 활용하여 영화... 프론트엔드 Vue.js 2024.03.18 [Vue.js] Side Project Tools 만들기 (1) [Vue.js] Side Project Tools 만들기 (2) 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 kimjw94.tistory.com kimjw94 Vue.js 입문 기초 정리하기_(1)왜 Vue.js 를 사용할까 Vscode를 사용하여 Vue실행하기 18 장점 + vue.js 특징 2. Vue 개발환경 셋팅 + 프로젝트 생성하기 + Vue 프로젝트 기본 구조 + .vue 파일 기본 구조 + vue 코드 미리보기(npm run serve) Vue.js 왜쓸까? 웹 사용자 인터페이스를 만들기 위한 쉽고 강력하고 다재다능한 프레임 워크 타 프론트엔드 툴(React,Angular,Svelte 등)과 견주어도 뒤지지 않는... 2024.04.27 티스토리 검색 더보기 story.kakao.com 에이콘아카데미 강남캠퍼스 에이콘아카데미 강남캠퍼스 - 카카오스토리 백엔드 : Java, Spring Framework, Spring Boot, DB 프론트엔드 : JavaScript, EcmaScript6, React, Vue.js 빅데이터 : Python, ML, DL 특강 : Git/Github, AWS 훈련비 9,147,840원 전액무료 훈련수당 지급 (11만... 2023.11.17 카카오스토리 검색 더보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 Vue.js 저자 온개발팀 출간 2023.8.11. e북 10,800원 Vue.Js 도서 61,840원 Vue.Js 저자 Macrae Callum 출간 2018.3.23. 도서 48,360원 Vue.js 퀵 스타트 저자 원형섭 출간 2017.9.5. 도서 27,000원 Full-Stack Vue.Js 2 and Laravel 5 저자 Packt Publi... 출간 2018.6.4. 도서 74,260원 실전! 스프링 5와 Vue.js 2로 시작하는 모던 웹 애플리케이션 개발 저자 제임스 J 예 출간 2020.1.21. 도서 32,400원 Do it! 프런트엔드 UI 개발 with Vue.js 저자 김윤미 출간 2023.8.8. 도서 22,500원 e북 16,200원 원쌤의 Vue.js 퀵스타트 저자 원형섭 출간 2023.5.14. 도서 28,800원 Mastering Vue.js - Create Stunning Applications with Vue.js and Vuetify 저자 Melehi Daniel 출간 2023.5.7. 프론트엔드 개발 첫걸음 저자 Hara Kazuhiro 출간 2018.11.15. 도서 16,200원 e북 10,800원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
코드부기 코딩 www.developier.com 신청자 작성 코드부기 코딩 개발 지식 Doing Coding. 코딩, 개발, 웹개발, JavaScript, Vue JS, React JS, 코딩테스트 백준에 관한 모든것. 번들 모듈러 웹팩(WebPack), Front-end Development 윤형도 brunch.co.kr/@henen 브런치스토리 라이트 프로그램을 개발 유지보수하고있고, 최근 스프링 부트와 VUE.JS 에 관심을 가지는 개발자입니다. Vue.js ko.vuejs.org/ 웹수집 Vue.js - The Progressive JavaScript Framework 사이트 더보기