会社 회사/Frontend(4)
-
[VUE, JS] Vue.js에서 Vuex와 함께 동적 컴포넌트(다이나믹 컴포넌트) 사용하기
____ 기존소스 ____ Line 622 import 문 Softphone 이라는 변수에 components/Softphone.vue 를 선언 Line 628 components 문 Softphone 이라는 변수는 componenets 로 사용할것을 선언 Line 634 level: 1, 레벨값을 Softphone 부모 vue 이며 자식 컴포넌트로 softphone 을 불러올 수 있도록 선언해준다. 페이지가 열리면서 동시에 실행되는 components 들이 데이터를 공유받을 수 있도록 data(){return} 이 있다. 부모 vue 이며 자식 컴포넌트로 softphone 을 불러온다. 자식 vue 로 부모 MainLayout 에서 불러와지며, 추가로 Lint 17 에서 부모에게 받은 level 값에 ..
2023.02.13 -
[VUE, JS, ES6] Arrow Function 화살표 함수 사용법
화살표 함수(Arrow Function)는 무엇인가? 화살표 함수(Arrow Function)가 필요한 이유는? 화살표 함수(Arrow Function)를 어떻게 사용하는가? 화살표 함수(Arrow Function)의 사용 예시! 1. 화살표 함수(Arrow Function)는 무엇인가? 화살표 함수 표현(arrow function expression)은 전통적인 함수표현(function)의 간편한 대안입니다. 하지만, 화살표 함수는 몇 가지 제한점이 있고 모든 상황에 사용할 수는 없습니다. this나 super에 대한 바인딩이 없고, methods 로 사용될 수 없습니다. new.target키워드가 없습니다. 일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할..
2023.02.10 -
vue JS - 프로젝트 생성후 브라우저에 띄워보자.
프로젝트 생성 방법이 필요하시면 아래 링크 먼저 따라해주세요. https://vlog-my-story.tistory.com/20 vsCode vue.js - 시작 & 준비 & 꿀팁 시작하기 전, 먼저 알고 가면 엄청 좋은 정보 읽고 가요 vsCode는 Visual Studio Code - Code Editing. Redefined 로 마이크로소프트에서 배포한 다양한 운영체제에서 코딩을 하기 위해 만든 코딩 프로그램이에 vlog-my-story.tistory.com 터미널을 열고 ( * 웬만하면 터미널 단축키 외워 두세요.) Ctrl C 입력해서 초기화 시켜주세요. 그다음 터미널에서 프로젝트경로로 이동 해야해요. cd ex001 입력 하세요. 먼저 하시고 그다음 sudo npm run serve 입력하시고..
2021.11.25 -
vsCode vue.js - 시작 & 준비 & 꿀팁
시작하기 전, 먼저 알고 가면 엄청 좋은 정보 읽고 가요 vsCode는 Visual Studio Code - Code Editing. Redefined 로 마이크로소프트에서 배포한 다양한 운영체제에서 코딩을 하기 위해 만든 코딩 프로그램이에요. 참고로 'vsCode'는 IDE(통합 개발 환경(Integrated Development Environment, IDE)) 가 아니므로 별도의 개발환경을 구축해서 본인이 원하는 프로젝트 환경 및 코딩 환경을 구축해줘야 사용 가능해요. vue.js 는 Vue는 수많은 프로젝트에서 AngularJS를 사용하여 구글을 위해 작업하던 Evan You에 의해 개발되었어요. 자바스크립트가 주로 사용됩니다. 1________________ vsCode를 설치해줍시다. 버전은 ..
2021.11.24