본문 바로가기

Total

Vue.js 시작하기 : (3) Router & Axios 라우터 & Axios 5. 라우터 Vue 라우터는 Vue.js의 공식 라우터입니다. Vue.js를 사용한 싱글 페이지 앱을 쉽게 만들 수 있도록 Vue.js의 코어와 긴밀히 통합되어 있습니다. 아래의 기능을 포함합니다. 중첩된 라우트/뷰 매핑 모듈화된, 컴포넌트 기반의 라우터 설정 라우터 파라미터, 쿼리, 와일드카드 Vue.js의 트랜지션 시스템을 이용한 트랜지션 효과 세밀한 네비게이션 컨트롤 active CSS 클래스를 자동으로 추가해주는 링크 HTML5 히스토리 모드 또는 해시 모드(IE9에서 자동으로 폴백) 사용자 정의 가능한 스크롤 동작 5-1. 라우터 코드 정의 new VueRouter({}) 를 이용하여 라우터 인스턴스를 정의할 수 있습니다. 그리고 new Vue({}) 객체의 router 속.. 더보기
Vue.js 시작하기 : (2) Instance & Comoponent 인스턴스 & 컴포넌트 3. 인스턴스 인스턴스는 뷰로 개발할 때 필수로 생성해야하는 코드입니다. 3-1. 인스턴스 소개 아래 코드에서 Vue로 인스턴스를 생성하는 것을 보여줍니다. 3-2. 인스턴스와 생성자 함수 인스턴스와 생성자 함수를 사용하는 예는 다음과 같습니다. function Vue() { this.logText = function() { console.log('hello'); } } var vm = Vue(); vm.logText(); 출력 -> hello 3-3. 인스턴스 옵션 속성 new Vue({ el: , template: , data: , methods: , created: , watch: }) el : 인스턴스가 그려지는 화면의 시작점 (특정 HTML 태그) templa.. 더보기
Vue.js 시작하기 : (1) 소개 & Reactivity 개발환경 설정 & Vue 소개 1. 개발환결 설정 1-1. Vue.js 설치하기 Chrome Visual studio code Node.js Vue.js devtools 1-2. Plug-In 설치하기 Vetur Night Owl Material Icon Theme Live Server ESLint Prettier Auto Close Tag Atom Keymap 2. Vue 소개 2-1. Vue는 무엇인가? MVVM 패턴의 ViewModel Layer에 해당하는 View단 라이브러리 DOM Listeners View에서 DOM에 있는 Event를 수신하여 DOM Listeners를 통해 Model에 전달 Data Bindings Model 에서 Business Logic을 처리후 Data Bindings.. 더보기
Linux : FTP 접속 관련 Linux Centos7 - FTP 접속 관련 Centos7 를 설치할 때, FTP 를 옵션으로 선택하였음에도.. 접속이 안되는 경우가 있습니다. systemctl 명령어로 vsftpd를 시작/중지/상태확인합니다. systemctl status vsftpd.service 더보기
Linux : FTP 접속 오류 Linux Centos7 - FTP 접속 Centos7 를 설치할 때, FTP 를 옵션으로 선택하였음에도.. 접속이 안되는 경우가 있습니다. systemctl 명령어로 vsftpd를 시작/중지/상태확인합니다. systemctl status vsftpd.service 더보기
Linux : IP 고정방법 Linux Centos7 - IP 고정방법 네트워크 설정 파일은 /etc/sysconfig/network-scripts/ifcfg-enp0s3입니다.(파일 이름은 다를 수도 있습니다.) 설정 파일을 텍스트 에디터로 엽니다. TYPE="Ethernet" PROXY_METHOD="none" BROWSER_ONLY="no" DEFROUTE="yes" IPV4_FAILURE_FATAL="no" IPV6INIT="yes" IPV6_AUTOCONF="yes" IPV6_DEFROUTE="yes" IPV6_FAILURE_FATAL="no" IPV6_ADDR_GEN_MODE="stable-privacy" NAME="enp0s3" UUID="91af51db-7cf0-4069-9433-77d356b31bca" DEVICE=.. 더보기
Linux : 한글깨짐현상 수정 Linux Centos7 - 한글깨짐 현재 설정된 인코딩 설정 확인 [root@localhost etc]$ echo $LANG ko_KR.UTF-8 인코딩 설정 해제 [root@localhost sysconfig]# unset LANG [root@localhost sysconfig]# LANG=C 사용 가능한 인코딩 설정 확인 [root@localhost etc]$ locale -a | grep ko ko_KR ko_KR.euckr ko_KR.utf8 korean korean.euc ru_RU.koi8r ru_UA.koi8u tg_TJ.koi8t uk_UA.koi8u /etc/sysconfig/i18n 파일 수정 1) centos 7 이전 [root@localhost sysconfig]# vi i18n .. 더보기
Linux : Booting Mode 변경 (Centos7기준) [Centos 7] 부팅모드 변경 방법​​ 이전 버전과 다르게 CentOS 7 에서는 /etc/inittab 에 들어가도 부팅 순서 변경이 보이질 않는다. 여기서는 systemctl을 이용한 변경을 해야 한다. 현재의 런레벨을 확인하는 방법 runlevel who -r 런레벨 3(text mode)으로 변경 systemctl set-default multi-user.target systemctl get-default reboot 런레벨 5(graphic mode)으로 변경 systemctl set-default graphical.target systemctl get-default reboot 바꿀 수 있는 런레벨 출력 systemctl list-units --type=target 출처 : https://.. 더보기