보호되어 있는 글입니다.
docker 구동
Dockerfile에 필요한것은-어떤 OS쓸건지-어떤 프로그램 설치할지-어떤 터미널 명령어 실행할지-어떤 파일 집어넣을건지 내프로그램 구동하려면 어떤짓을 해야하는지 FROM 명령어 어떤 OS 환경에서 내 프로그램을 실행할지부터 정해야하는데 FROM으로 정의가 가능하다.그래서 Dockerfile은 항상 FROM 부터 시작한다.FROM 뒤에 어떤 OS를 설치해서 시작할건지 정하면 되는데그건 Docker hub에서 찾아올 수 있다./*1.Node.js 설치2. express 설치3. 코드작성4. 코드실행 서버 실행---> 귀찮으니까 밀키트로 만들고 실행하게끔 docker image를 만든다.*/ npm install express를 해야하는 차례인데 RUN 명령어사용하는 라이브러리를 하나하나 RUN 명령어로..
Load = 서버가 받는 부하 : 서버가 받는 트래픽을 의미 트래픽이 늘어났을때? 선택할 수 있는 방법이 2개가있다. 1.Vertical Scale up 우리가 가지고있는 서버자체의 퍼포먼스를 늘리는 방법예를 들면RAM이 4GB 였다면 그것을 32GB로 늘릴수도있고, 혹은 CPU가 옛날것이면, 더 좋은 CPU로 더 많은 코어를 가지고있는 CPU로 바꿀 수 가 있다. ----------------------------> 기술의 한계에 부딪히게 된다. 2.Horizontal Scale out ✅ 한대로 처리할 것을, 여러대로 처리를 하는 방식.분산시스템을 구축 이때 중요한게 바로 로드밸런싱!! 어떻게, 분산 시키는지 결정하는 그 모듈이. 이 똑똑이가 바로 로드 밸런서 이다. 로드밸런싱 방식?? 1...
vue.config.js는 vue내부에서 언제 실행되나요? vue-cli-service가 실행될 때 초기 단계에서 로드됩니다.vue-cli-service serve (개발 서버 실행) 또는 vue-cli-service build (빌드 실행) 시 vue.config.js를 읽어 Webpack 및 기타 툴의 설정을 동적으로 변경합니다.vue.config.js는 Vue 프레임워크의 런타임이 아니라 빌드 타임에서 실행되며, Webpack을 포함한 빌드 프로세스의 일부로 동작합니다.vue-cli-service란 무엇인가요 vue-cli-service는 Vue CLI(@vue/cli)에 의해 설치되는 패키지로, Vue 프로젝트를 실행, 빌드, 테스트, 배포하는 데 사용됩니다.Vue 프레임워크 자체(vue 패..
TODO : 에러코드 통일화, 상황에 알맞는 에러코드 사용하기, 심화: 백엔드에서 들어오는 에러 메시지를 바로 팝업창에 보여줘서 굳이 프론트에서 코드에따라서 처리하지않아도 좋을것같다. 1. /api/v1/user/self2 - getUserInfo: () => { return get(GATEWAY_URLS.SELF, ""); }, TMS 사용하는곳세션확인을위해 router에서 접근할때마다 확인하는 용도 -TEST1: 로그인 안되어있어서 로그인페이지로 가야하는 상황(로그인 상태확인)에러코드: 27001 - user 아이디를 가져올수없음, 세션이 아이디x 세션 만료 혹은 확인할 수 없음. 수정사항(메시지) : 사용자 ID를 가져오는 데 실패했습니다. /혹은/ 접근권한이 없습니다..
vue - slot
vue는 slot을 사용하여 할 수 있는 일이 많이 있는듯 싶다.자식컴포넌트에게 간단하게 무언가를 전달할수가있는데그때 사용하고 싶은 구간에서 slot태그를 사용해서 넣어본다. 부모컴포넌트가이김 이렇게 해줬을때, 자식 컴포넌트안에 제출 이렇게 사용했어도 버튼모양은 제출이 뜨는것이 아니고부모컴포넌트가이김 이 나온다.즉, 부모컴포넌트에서 무언가를 넘겨줬으면 대체컨텐츠보다 위에서 넘겨준것이 우세하다는 이야기다. 좀더 심화하여, 이름이 있는 슬롯을 공부해보자. 위와같은 모양의 구조를 만든다고 가정해보자,name이라는 특수속성을 사용한다고 할때 마치 ID처럼 SLOT에게 이름을 부여해줄 수 잇다. ..
watch사용시에 유의해야할 점.1. 값참조 const obj = reactive({ count: 0 })// 이것은 작동하지 않습니다. watch()에 숫자를 전달하고 있기 때문입니다.watch(obj.count, (count) => { console.log(`Count는: ${count}입니다`)})// getter를 사용해야한다.watch( () => obj.count, (count) => { console.log(`Count는: ${count}입니다`) }) 2. 깊은감시 state.someObject.nestedProperty = 'another value'; 로 바꿀시에는, 깊은감시로 참조를 할 수 있고, 얕은 감시에는 state.someObject = { nestedProper..
도커
어플리케이션을 패키징 할 수 있는 tool 도커 :application, 그에필요한 system tools, 환경설정, dependencies를 하나로 묶어 = 컨테이너 (하나의 작은 소프트웨어 유닛)=>다른 서버, 다른 PC 그 어떤것에도 쉽게 배포하고, 안정적으로 구동할 수 있게 도와주는 tool 테크놀로지가 복잡해짐에 따라서, 우리 어플리케이션 구동에는 꽤 많은 것들이 필요하다node.js를 예로 들어보자, 우리의 소스파일(코드 친것) 만 서버에 배포하는것으로는우리의 어플리케이션을 구동하는데 문제점이 있다. nodejs, npm 여러 라이브러리를 사용한다면, 여러 dependencies, configs(환경설정) 하는 것이 모든 것들을 설정 해줘야한다. 서버마다, 개발자들의 pc마다 이런 모든것들..