Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

05. 화면을 개발하기 위한 기본 지식과 팁 #5

Open
jiyeong1004 opened this issue Aug 28, 2021 · 2 comments
Open

05. 화면을 개발하기 위한 기본 지식과 팁 #5

jiyeong1004 opened this issue Aug 28, 2021 · 2 comments
Assignees
@jiyeong1004
Labels
enhancement New feature or request
Milestone
Vue.js 필수 기술 살펴보기

Comments

@jiyeong1004
Copy link
Owner

  • 템플릿 & 프로젝트 구성

< 05-1 뷰 템플릿 >

  • 뷰 템플릿이란?
  • 데이터 바인딩
  • 자바스크립트 표현식
  • 디렉티브
  • 이벤트 처리
  • 고급 템플릿 기법

< 05-2 뷰 프로젝트 구성 방법 >

  • HTML 파일에서 뷰 코드 작성 시의 한계점
  • 싱글 파일 컴포넌트 체계
  • 뷰 CLI
  • 뷰 CLI로 프로젝트 생성하기
  • 뷰 로더
@jiyeong1004 jiyeong1004 changed the title 5. 화면을 개발하기 위한 기본 지식과 팁 05. 화면을 개발하기 위한 기본 지식과 팁 Aug 28, 2021
@jiyeong1004 jiyeong1004 self-assigned this Aug 28, 2021
@jiyeong1004 jiyeong1004 added the enhancement New feature or request label Aug 28, 2021
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 v-bind 예제
16e94e4
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 자바스크립트 표현식 예제
8fcd0c5
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 자바스크립트 표현식 사용 시 주의할 점
7c34aac
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 많이 사용되는 디렉티브 다루기
7e9b08c
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 v-on 디렉티브 이용해 이벤트 처리하기
6204775
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 v-on 디렉티브로 메서드 호출할 때 인자 값 넘기기
b93fc20
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 event 인자를 이용해 돔 이벤트에 접근하기
e92e87c
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 computed 속성과 methods 속성의 차이점
93691aa
jiyeong1004 added a commit that referenced this issue Aug 29, 2021
@jiyeong1004
#5 watch 속성 예제
7767971
@jiyeong1004
Copy link
Owner Author

7767971

인풋박스입력

  • 간단한 인풋 박스(input box)의 입력 값을 v-model 디렉티브로 연결하여 입력 값에 변화가 있을 때마다 watch 속성에서 변화된 값을 로그로 출력합니다.

@jiyeong1004
Copy link
Owner Author

jiyeong1004 commented Aug 29, 2021 •
edited
Loading

v-model 디렉티브는 앵귤러의 양방향 데이터 바인딩을 본따 만든 뷰의 기능입니다. 앵귤러와 동일한 방식으로 화면단의 데이터를 스크립트단의 특정 데이터와 일치시켜 줍니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jiyeong1004 jiyeong1004

Labels
enhancement New feature or request
Projects
None yet
Milestone
Vue.js 필수 기술 살펴보기
Development

No branches or pull requests
1 participant
@jiyeong1004