분류 전체보기590 도커 컨테이너 VMWare, vbox나 같은 가상환경을 쓰지 않고, 도커 컨테이너를 사용하는 장점은? => 자바, 파이썬, 라이브러리, 버전 등등등 서로 다른 개발 환경의 프로젝트를 다른 컴퓨터에서 실행환경을 맞춰서 실행시키는데 어려움이 큰데 이것을 해결함. 일단 VMWare, VBox는 하이퍼바이저+OS를 설치하기 때문에 단점은 무겁다.도커 엔진이 들어가면 컨테이너를 만들어서 도커는 리눅스 탑제된 컨트롤 그룹(CGroups)을 사용해서 도커는 리눅스에서 가상화를 이뤄준다.윈도우에서는 하이퍼바이저를 사용한다. 도커는 리눅스 네임스페이스(Namespace)도 사용한다. 개발환경 모놀리식 구조의 단점1. 한 번 컴파일 할 때 굉장히 많은 시간이 걸린다. (작은 업데이트를 해도 다 빌드하고, 다 테스트 하고 해야 한다.).. 2024. 9. 25. 2-2. mixin mixin이란?아래처럼 일반적인 vue 컴포넌트에서 export default 부분을 별도 자바스크립트로 만드는 것이라고 보면 된다 많이 중요하다고 생각하는 함수를 mixin 파일 javascript 파일로 만들어 놓으면, 중복적으로 component method를 만들 필요가 없어진다. 아래와 같은 사용법으로 하나로 병합해준다. (created는 created 끼리, mounted는 mounted)그리고 mixin 자바스크립트 먼저 실행된다. ---------------전역으로 설정하기 index.jsimport axios from 'axios'export default { methods: { async $get(url) { return await axios.get(url).. 2024. 9. 21. 2-1. Custom Directive v-model, v-for, v-if, v-show 이런게 vue에서 지정해놓은 default directive 이다.그런데 custom directive라고 하는 것은, Vue에서 default로 만들어 놓은 디렉티브 외에도 개발자가 추가적인 디렉티브를 만들어서 선언해서 사용할 수 있게끔 제공을 해주는 것이다. 기본 사용법1. data를 아무것도 binding 안 해도 된다.아래에서 v-focus2. 하나의 값만 binding 해도 된다.아래에서 v-color3. key-value로 여러개 넣어도 된다.아래에서 v-demotemplate> div> div> label for="email" class="form-label">이메일주소label> input type="email.. 2024. 9. 20. 1-13. provide와 inject 일반적으로 하위 컴포넌트에 값 전달할 때 아래처럼 전달한다.다만 이럴 경우 최하위 컴포넌트에서만 필요한 값인 경우, 그 모든 상위 컴포넌트에서 값을 전달만 해주는 부분을 추가해줘야 하기 때문에 복잡해진다.특정 하위 컴포넌트에서만 값이 필요한 경우 provide와 inject를 사용할 수 있다.(depth가 아무리 깊어도!!) https://vuejs.org/guide/components/provide-inject.html#prop-drilling 아래는 provide/inject 사용 예시 2024. 9. 20. 이전 1 2 3 4 5 6 7 ··· 148 다음
