목록IT 기술/[Vue] 개발자 강의 (5)

Miracle Morning, LHWN

세 번째 수업. 210227

# 데이터의 흐름 (1) 상위(Root) → 하위 방향으로 데이터 넘기기 : props 를 사용하여 전달 (2) 하위 → 상위 방향으로 데이터 넘기기 : event 를 발생하거나, Vue 에서는 API 의 형식으로 전달 ​ # jQuery 사용해보기 → mounted 단계 이후에만 사용 가능하다. (DOM 에 접근이 가능해야 하기 때문) ... ... $('.h1-btn').on({ click: function() { alert('jQuery Click Event!') }, focusin: function() { console.log('jQuery focusin Event!'); }, mouseenter: function() { console.log('jQuery mouseenter Event!'); }..
IT 기술/[Vue] 개발자 강의 2021. 6. 25. 08:52
두 번째 수업. 210221

다른 User가 git에서 레파지토리를 복제하는 경우 'clone' git clone https://github.com/[Username]/xxx.git 이 User가 수정을 한 후 commit > push 까지 한 상태에서, 내가 변경 후 업로드하면 충돌이 난다! (에러!) 따라서, git에 올라가 있는 파일에 변경 사항이 있다면 그걸 다시 내려받아야된다. (.git이 들어있는 위치에서 pull 받아야함) git pull origin master # clone과 pull은 둘 다 원격저장소에서 → 로컬저장소로 가져오는 것이지만, git clone 은 로컬에 아무것도 없는 상태에서 원격저장소의 데이터를 가져오는 것을 의미하며 git pull 은 로컬에 이미 있는 상태에서 원격저장소의 수정상태를 반영하기 ..
IT 기술/[Vue] 개발자 강의 2021. 6. 2. 15:24
두 번째 수업. 210221_궁금해서 찾아본 이것저것

JavaScript 네이밍 규칙 # 변수, 함수명은 camelCase를 사용한다. - 첫 글자는 소문자, 문자 단위로 첫 글자는 대문자를 사용한다. - 중간에 언더바(_) 사용을 금지한다. var pageName; # 상수는 영문 대문자 스네이크 표기법을 사용한다. var SYMBOLIC_NAME; # 생성자 함수는 대문자 camelCase 를 사용한다. - 생성자 함수는 동사로 시작하지 않고 첫 문자를 대문자로 시작한다. function Func() { } # 지역변수 혹은 private 변수는 언더바(_)로 시작한다. var _private; # 예약어를 사용하지 않는다. var if; // (X) var for; // (X) var this; // (X) # 전역변수를 사용하지 않는다. 모든 컴파일..
IT 기술/[Vue] 개발자 강의 2021. 6. 2. 15:20
첫 번째 수업. 210220

# Vue..js Project 초기 설정 과정 ​ 1. Project Folder를 생성한다. 2. Project Folder/index.html 파일을 생성한 후, vue.js 라이브러리를 CDN 형식으르 Loading 해주어야 하는데 안정적으로 구현하기 위해 아예 라이브러리로 저장해서 Loading 하자 3. Project Folder/vue/lib 경로에 vue.js 파일을 생성하여 위 js 파일을 저장해놓고, index.html 에서 Loading 해주면 된다. 이 라이브러리가 정상적으로 로딩되었다면 아래에서 소개하는 Vue.js devtools Plugin이 실행될 것이다. ​ # Vue.js 개발자 도구 (Chrome Plugin) "Vue.js devtools" Vue.js로 만든 웹 앱의..
IT 기술/[Vue] 개발자 강의 2021. 6. 2. 15:18
첫 번째 수업. 210220_궁금해서 찾아본 이것저것

# var 변수는 전역변수로 사용할 때에만 사용하고, 최대한 자제하는 것을 권장한다. ​ # 객체 생성 방식 (1) 리터럴 방식 var obj = new Object(); obj.name = 'lhwn'; (2) 생성자 방식 var obj = { name: 'lhwn' }; # Emmet 문법 항목 기호 Emmet HTML 자식(하위)요소 > div>ul>li 형제요소 + div>p+span 올라가기 (반복 횟수만큼 올라감) ^ div>ul>li>^p+a 반복하기 * div>ul>li*3 그룹화 () div>(header>ul>li*2)+footer 그룹화를 하지 않고 div>header>ul>li*2+footer 클래스 .class div.container =========================..
IT 기술/[Vue] 개발자 강의 2021. 6. 2. 15:11
Prev 1 Next