본문 바로가기 메뉴 바로가기

개발자의 기록습관

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

개발자의 기록습관 GitHub

검색하기 폼
  • nroo's play (129)
    • Experience (12)
      • 2015 (2)
      • 2016 (3)
      • 2017 (1)
      • 2018 (3)
      • 2019 (3)
    • ICT Eng (116)
      • JAVA (11)
      • Spring (16)
      • JPA (17)
      • Vue.js (12)
      • ElasticStack (3)
      • Algorithm (29)
      • Linux (2)
      • Git (1)
      • Tools (7)
      • Database (2)
      • Bootstrap (2)
      • Raspberry PI (8)
      • Cloud (3)
      • IoT (3)
  • 방명록

vuejs (4)
[Vue.js] 04. Vue Component

Vue Components누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크컴포넌트는 화면에 비춰지는 뷰의 단위를 쪼개어 재활용이 가능한 형태로 관리하는 것이 주된 목적이다.컴포넌트 등록뷰 컴포넌트를 등록한 후, 뷰 인스턴스를 생성하면 등록된 컴포넌트에 의해서 my-component가 컴포넌트의 template 내용으로 치환되면서 화면에 뿌려진다.1234567891011121314151617181920212223 Vue Sample Parent Component Vue.component('my-component', { template: 'A custom component!' }); new Vue({ el: '#app' }) Colored by Color Scripte..

ICT Eng/Vue.js 2018. 9. 1. 02:09
[Vue.js] 03. Vue Instance

Vue Instance누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크인스턴스 소개Vue.js를 이용하여 UI 화면을 개발하기 위해서는 아래 절차를 따른다.Vue.js 라이브러리를 로딩했을 때 존재하는 Vue 생성자로 인스턴스를 생성해야 한다.123var vm = new Vue({ //...})cs풀어서 얘기하면 Vue 라이브러리 로딩 후 접근 가능한 Vue라는 기존 객체에 화면에서 사용할 옵션(데이터, 속성, 메서드 등)을 포함하여 화면의 단위를 생성한다라고 보면 된다.결론적으로 인스턴스는 뷰를 이용해서 개발하는데 가장 중요한 요소이며, 후반부에서 배우게 될 컴포넌트와도 밀접히 연관이 있는 기반 개념이다.인스턴스 생성Vue Instance 생성자Vue 생성자로 인..

ICT Eng/Vue.js 2018. 9. 1. 02:01
[Vue.js] 02. Vue.js 시작하기(MVVM 패턴)

Vue 시작하기누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Vue는 무엇인가?MVVM 패턴의 ViewModel 레이어에 해당하는 View 단 라이브러리MVVM(Model-View-ViewModel)모델과 뷰 사이에 뷰모델이 위치하는 구조DOM이 변경됐을 때, 뷰모델의 DOM Listeners를 거쳐서 모델로 신호가 간다.모델에서 변경된 데이터를 뷰모델을 거쳐서 뷰로 보냈을 때, 화면이 reactive하게 반응이 일어난다.Vue.js 는 이와 같이 reactive한 프로그래밍이 가능하게 끔 뷰단에서 모든 것을 제어하는 뷰모델 라이브러리이다.데이터 바인딩과 화면 단위를 컴포넌트 형태로 제공하며, 관련 API를 지원하는데에 궁극적인 목적이 있음Angular에서 지원하..

ICT Eng/Vue.js 2018. 9. 1. 01:46
[Vue.js] 01. Vue를 위한 개발환경 설정

Vue를 위한 개발환경 설정누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Text Editor - Atom 소개 및 설치100% 오픈소스이며 무료이다. 그리고 github에서 개발, 지원 한다.Atom 플러그인 테마 설치ctrl + comma : settings 진입Themes 설정Install 탭에서 원하는 테마를 설치UI Theme : SetiSyntax Theme : Atom Material DarkAtom 플러그인 패키지 설치atom-beautifycode 정렬autoclose-html시작 태그를 여는 순간 자동으로 닫는 태그 생성highlight-selected코드에서 동일한 텍스트를 강조, 같은 변수나 함수를 쫓아갈 때 유용한 플러그인color-pick..

ICT Eng/Vue.js 2018. 9. 1. 01:44
이전 1 다음
이전 다음


공지사항
  • 블로그명 변경
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • kakao 기술 블로그
  • 우아한형제들 기술 블로그
  • NAVER D2 개발 블로그
  • 라인 기술블로그
  • Meetup : NHN TOAST
  • 줌인터넷 기술블로그
  • 티몬의 개발이야기
  • jojoldu
  • Carrey`s 님의 기술블로그
  • 조대협의 블로그
  • beyondJ2EE님의 블로그
  • 조인석의 브런치
  • JBee 블로그
  • 소용환의 생각저장소
  • 권용근님의 블로그
  • Wisoft Lab.
  • ngelmaum notes
  • 폴라리언트 장 혁의 브런치
  • 자피킨치블로그
TAG
  • Algorithm
  • 한밭이글스
  • IT융합인력양성사업단
  • AWS
  • JPA
  • 알고리즘
  • Spring
  • Wisoft
  • Raspberry Pi
  • RBT
  • 레드블랙트리
  • springboot
  • vuex
  • github
  • Recursion
  • Java
  • 시간복잡도
  • ORM
  • 순환
  • 무선통신소프트웨어연구실
  • vuejs
  • 정렬
  • 스프링부트
  • Vue.js
  • 라즈베리파이
  • 인프런
  • 한밭대학교
  • Spring Boot
  • 자바
  • 젠킨스
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바