전체보기
-
Vue.js) 연관없는 컴퍼넌트들끼리의 데이터 전송 Vue3.x (이벤트 버스)Programing Language/Vue.js 2021. 11. 26. 16:40
개발을 하다보면 부모-자식 뷰의 관계가 아닌 여러 자식 뷰 들 사이에서 데이터를 전송해야하는 일들이 발생한다. 이런경우 Vue2.0에서는 eventBus를 사용했지만 참고:https://v3.vuejs.org/guide/migration/events-api.html#overview Vue3.x 부터는 Mitt라는 라이브러리를 사용한다. 설치 npm i mitt --save ------------------------ //파일명 mitt.js import mitt from 'mitt' const emitter = mitt(); export default { install(Vue) { Vue.config.globalProperties.emitter = emitter } } -------------------..
-
Javascript) Array에서 value 값 제거하기(remove)Programing Language/JavaScript 2021. 11. 25. 15:08
일바적으로 javascript에서 array에 remove를하면 value값을 지울수 있다. 하지만 remove로 지우게 되면 array전체 length에 대한 값은 변하지 않는다. 하여 다음과 같은 방법으로 진행하면된다. const idx = array.indexOf(e) // e는 value 값 if (idx > -1) array.splice(idx, 1) 도움 되셨다면 하단의 광고 클릭 부탁드립니다:)
-
Vue.js) Docker(도커)를 이용해서 vue.js를 구동해보자Programing Language/Vue.js 2021. 11. 21. 18:48
기본환경 세팅! 윈도우 도커를 사용했으며 터미널에도 미리 도커가 설치된 상태이다. 도커는 리눅스 기반이기 때문에 윈도우에서 도커를 사용하게 되면 결국은 VM을 사용해서 도커를 돌리는 셈이라지만 그래도 로컬에서 충분히 지지고 볶아가며 연습을 해야하기 때문에 상관하지 않기로 했다. 윈도우 도커를 설치하고 터미널에도 미리 도커가 설치된 상태이다. (터미널을 통한 도커설치는 이전 포스트를 참고!) 이제 frontend 폴더로 이동했다. 폴더의 구조는 다음과 같다. ─frontend ├─node_modules ├─public └─src ├─api ├─assets │ ├─css │ └─img ├─components ├─plugins ├─views └─vuex Vue를 구동하기 위해서는 node 의 환경이 필요하다...
-
Docker) Dockerfile의 각 명령어 의미Programing Study/E.T.C 2021. 11. 21. 18:44
Dockerfile안에 작성된 명령어 FROM alpine:latest FROM 명령어로 베이스 이미지를 지정한다. 베이스 이미지란 이미지를 만들 때 바탕이 되는 이미지를 의미한다. 이미지가 로컬에 없으면 도커 허브에서 다운로드한다. alpine은 5MB 남짓한 리눅스의 기본적 커멘드만 설치되어있는 경량 리눅스 이미지이다. RUN apk update && apk figlet RUN은 컨테이너에서 실행할 명령어를 지정한다. 명령어의 뜻은 alpine의 패키지 매니저를 업데이트하고 figlet이란 커맨트를 설치한 것이다 figlet은 아스키 아트를 출력하는 커멘드다. ADD ./message /message ADD로 컨테이너에 배치할 파일이나 디렉터리를 지정한다. 현재 디렉터리에 있는 message라는 파일..
-
Docker) 자주 쓰는 Docker 명령어Programing Study/E.T.C 2021. 11. 21. 18:35
1. 시스템 상의 모든 Docker 컨테이너 삭제하기 docker rm -f $(docker ps -aq) 2. 시스템 상의 모든 Docker 이미지 삭제하기 docker rmi $(docker images -q) 3. Dockerfile로 이미지 파일 만들기 docker build -t [도커 이미지명] [경로] docker build -t test . 설명 -> 도커 이미지명을 test로 지정한다. 명령어 test 뒤에 .은 현재 폴더를 위치한다. 4. Docker Image 실행하기 docker run -d -p 80:8080 -v "$(pwd)":/app test 설명 [ -d -> 백그라운드 실행, -p(포트지정 ) -> 80(서버 컴퓨터 포트) : 8080(컨테이너 포트), -v -> 경로 마..
-
Docker) 우분투 18.04에 도커 설치하기Programing Study/E.T.C 2021. 11. 21. 16:03
sudo apt update sudo apt install apt-transport-https ca-certificates curl software-properties-common curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu bionic stable" sudo apt update apt-cache policy docker-ce sudo apt install docker-ce sudo service docker status // 도커 실행중인지 확인 도움 되셨다면 하단..
-
Docker) 도커에서 컨테이너 이미지의 차이 알아보기Programing Study/E.T.C 2021. 11. 20. 17:18
Docker Image(이미지) 도커에서 서비스 운영에 필요한 서버 프로그램, 소스코드 및 라이브러리, 컴파일된 실행 파일을 묶는 형태를 Docker Image라 한다. 다시 말해, 특정 프로세스를 실행하기 위한(즉, 컨테이너 생성(실행)에 필요한) 모든 파일과 설정값(환경)을 지닌 것으로, 더 이상의 의존성 파일을 컴파일하거나 이것저것 실치 할 필요 없는 상태의 파일을 의미한다. 예를 들어 Ubuntu이미지는 Ubuntu를 실행하기 위한 모-든 파일을 가지고 있으며, Oracle이미지는 Oracle을 실행하는데 필요한 파일과 실행명령어, port정보 등을 모-두 가지고 있다. 1) 따라서 도커 이미지의 용량은 보통 수백MB ~ 수GB가 넘는다. 하지만 가상머신의 이미지에 비하면 굉장히 적은 용량이다. ..