홈런볼

① 기본 : 이벤트 설명 기본 CSS, JavaScript 에서는 OnClick 으로 button 에 이벤트를 설정 했으나, VUE 에서는 V-ON:click 를 사용 한다. 다음은 method 를 이용 버튼 클릭시 Alert 띄우는 기능을 만든 후 실행해 보겠다. ② 기본 보다 약간 심화된 이벤트 ③ 이벤트 핸들러 ( 참고 : kr.vuejs.org/v2/guide/events.html ) 다음은 공식 vue 가이드에서 제공하는 이벤트 핸들러를 통한 맛보기 코딩 form 태그안에 v-on:submit.prevent 를 사용하면 자동으로 reload는 되는걸 막아준다.

1. 뷰 데이터 (DATA) 위에 그림과 같이 {{ }} 를 먼저 입력한 뒤 {{ 선언한 데이터 명 입력 }} data 안에 person 이란 오브젝트 안에 name 과 age 를 선언 하면 이와 같이 브라우저 에서 입력값 확인 가능 ! 2. 메소드 (METHODS) 먼저 메소드를 선언하자 nextYear 에 보면 this.data.person.name 이라고 안한 이유는 vue 에서는 this.person으로 사용할 수 있도록 자동으로 찾아준다고 한다. (참고해서 보는 유투브 설명이 그랬음) 선언한 메소드를 사용하기위해 {{ 사용한 메소드 명과 인자 값을 입력했다. }} 그리고 브라우저를 보게 되면 !! 메소드에 선언한 내용이 잘 출력되는걸 확인할 수 있다. ( 정석적으로는 메소드 선언시 메소드명: f..

Vue JS 에서는 바인딩 하기 위해 정석으로는 v-bind:type="바인딩할 이름" 이런식으로 V-BIND: 를 붙여야 하나 너무 길기 때문에 첨부한 이미지와 같이 v-bind:type < 만 사용해도 자동 바인딩이 된다. 또한 바인딩할 부분을 선언해 줘야지 당연히 해당 값이 자동 바인딩이 된다.

Docker ? 도커는 컨테이너 기반의 가상화 기술이다. Docker는 기존의 가상화 기술과 구분하기 위해서 이미지와 컨테이너의 개념을 사용하고 있다. 이미지는 필요한 응용을 설치한 뒤에 파일형태로 만든 것이며, 컨테이너는 이미지를 실행한 상태를 말한다. 하나의 이미지를 사용해서 여러 개의 컨테이너를 만드는 것이 가능하다. 컨테이너 ( Container ) - 컨테이너는 격리된 공간에서 프로세스가 동작하는 기술입니다. 가상화 기술의 하나지만 기존 방식과는 차이가 있다. 기존의 가상화 방식은 주로 OS 를 가상화 하였습니다. VMware , VirtualBox 같은 가상머신은 호스트 OS 위에 게스트 OS 전체를 가상화하여 사용하는 방식. 이 방식은 여러가지 OS를 가상화 할 수 있고 비교적 사용법이 간단..

Redis ( REMOTE DICTIONARY SERVER) - 메모리 기본의 " 키 - 값 " 구조 데이터 관리 시스템 모든 데이터를 메모리에 저장 조회하기에 빠른 READ, WRITE 속도를 보장하는 비 관계형 데이터베이스 이다. 크게 ( String , Set, Sorted Set, Hash, List ) 의 데이터 형식을 지원 * 특징 1. 영속성을 지원하는 인메모리 데이터 저장소 2. 쓰기 성능 증대를 위한 클라이언트 측 샤딩(Sharding)을 지원한다. 3. 문자열, 리스트, 해시, 셋, 정렬된 셋과 같이 다양한 데이터형을 지원한다. * 장점 1. 리스트, 배열과 같은 데이터를 처리하는데 유용하다. value 값으로 문자열, 리스트, Set, Sorted set, Hash 등 여러 데이터 형..

서브쿼리 위치에 따른 명칭 - 스칼라 : SELECT 문에 위치해 있는 서브쿼리 - 인라인 뷰 : FROM 절에 위치 - 서브쿼리 : WHERE 절에 위치