본문 바로가기

분류 전체보기190

[vue] 웹팩 사용하기 해당 포스팅은 인프런 웹 게임을 만들며 배우는 Vue 강의를 참고하여 작성하였습니다. https://www.inflearn.com/course/web-game-vue [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com 해당 포스팅은 vue3 기준으로 작성되어 강의 내용과 상이한 부분이 있습니다! 🎯 스크립트 관리하기가 힘들어 질때 webpack를 설치 ==> npm으로 패키지 관리를 함 📌 사전 설치 목록 node.js npm (node.js 설치 시 자동으로 설치됨) npm이란? Node Package Manager의 .. 2022. 12. 28.
[vue] 컴포넌트의 필요성과 특성 해당 포스팅은 인프런 웹 게임을 만들며 배우는 Vue 강의를 참고하여 작성하였습니다. https://www.inflearn.com/course/web-game-vue [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com 🔎 왜 컴포넌트를 사용하나요? 만약 반복되는 div를 사용하고 싶을때 가장 먼저 떠올리는 방식은 복붙 이런식으로 전부 복붙하고 하나하나 변수를 달리 설정해줘야 할 것이다.. 하지만..너무 불편해! 귀찮아! 심지어 지저분해보여... 그래서 도입된 것이 컴포넌트! Vue 컴포넌트는 아래와 같이 작성한다. Vue.. 2022. 12. 12.
[vue] v-model, v-on:submit, ref 해당 포스팅은 인프런 웹 게임을 만들며 배우는 Vue 강의를 참고하여 작성하였습니다. https://www.inflearn.com/course/web-game-vue [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com 바로 태그 설명으로 가기 📑 todo 랜덤으로 숫자 2개를 불러와서 사용자에게 구구단을 시키고, 맞으면 '딩동댕' 틀리면 '땡'을 외치는 게임, 단, 맞으면 새로운 문제를 출제하고 틀리면 맞출때까지 문제 출제 X {{ first }}곱하기 {{ second }}는? 입력 {{ result }} 📌 v-mod.. 2022. 12. 12.
[vue] data와 v-if, v-else 해당 포스팅은 인프런 웹 게임을 만들며 배우는 Vue 강의를 참고하여 작성하였습니다. https://www.inflearn.com/course/web-game-vue [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com 간단한 예제이므로 cdn을 사용하여 작성한 코드입니다. 좋아요 눌렀음 Like 📌 el 속성 위 코드에서 첫번째 div의 id를 root로 정해주었고, el 속성에 #root를 넣어줌 이를 통해 해당 div 안에서는 생성된 Vue 인스턴스를 사용할 수 있지만, 해당 div 밖에서는 사용할 수 없음 📌 dat.. 2022. 12. 11.
[vue] vue는 무엇인가? / mvvm 패턴 / vue 3.0 설치부터 서버 띄우기까지!(+포트 변경) 먼저 vue를 설치하기 전에, 왜 vue를 쓰는지? vue가 왜 편한지 살펴봅시당🫠 vue.js는 무엇인가? 💚 Vue.js의 장점 쉬운 학습 곡선 Vue.js는 간단한 문법과 직관적인 디자인으로, 새로운 개발자가 빠르게 배우고 사용할 수 있습니다. React나 Angular보다 학습 곡선이 낮은 편입니다. 유연성과 경량성 Vue.js는 작고 가벼운 라이브러리로서, 다른 프로젝트에도 쉽게 통합할 수 있고 필요한 부분만 사용할 수 있습니다. 단일 파일 컴포넌트 Vue.js는 .vue 확장자를 사용하는 단일 파일 컴포넌트를 지원합니다. 이는 HTML, CSS, JavaScript를 하나의 파일로 구성하여 관리할 수 있게 해주며, 모듈화와 재사용성을 높여줍니다. 반응성 Vue.js는 데이터 바인딩과 가상 DO.. 2022. 12. 9.
[Linux] vmware 네트워크 설정하기(호스트 전용 네트워크+NAT / NAT 네트워크 등) 📝 목차 해당 목차를 클릭하면 해당 탭으로 이동합니다. NAT 네트워크 방식으로 설정하기 HOST 전용 네트워크 + NAT 방식으로 설정하기 https://superuser.com/questions/227505/what-is-the-difference-between-nat-bridged-host-only-networking What is the difference between NAT / Bridged / Host-Only networking? VMWare: What is NAT vs. Bridged vs. Host-Only? superuser.com Q. NAT/ Bridged / Host-Only 네트워킹(호스트 전용 네트워크)의 차이점은 무엇입니까? A. Host-Only 네트워킹은 호스트(내 컴퓨.. 2022. 12. 8.