miiingo riiingo

■ Docker Compose 설치 Docker Compose 버전 확인: https://github.com/docker/compose/releases Releases · docker/compose Define and run multi-container applications with Docker - docker/compose github.com # Docker Compose 1.27.2 버전 설치 sudo curl -L "https://github.com/docker/compose/releases/download/1.27.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose # 바이너리에 실행 권한 추가 sudo chmod..

문제 원본 사이트 : programmers.co.kr/learn/courses/30/lessons/42587?language=javascript 코딩테스트 연습 - 프린터 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린 programmers.co.kr 문제 설명 일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린터를 개발했습니다. 이 새롭게 개발한 프린터는 아래와 같은 방식으로 인쇄 작업을 수행합니다. 1. 인쇄 대기목록의 가장 앞에 있는 ..

Array.some() 기본 정리 some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다. arr.some(callback[, thisArg]) 매개변수 callback : 각 요소를 시험할 함수. 다음 세 가지 인수를 받습니다. currentValue : 처리할 현재 요소 index (Optional) : 처리할 현재 요소의 인덱스 array (Optional) : some을 호출한 배열 thisArg (Optional) : callback을 실행할 때 this로 사용할 값 반환값 callback이 어떤 배열 요소라도 대해 참인(truthy) 값을 반환하는 경우 true, 그 외엔 false. ※ 빈 배열에서 some()을 호출하면 무조건 false를 반환합니다. 사용..

문제 원본 사이트 : programmers.co.kr/learn/courses/30/lessons/42840?language=javascript 코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 programmers.co.kr 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4..

문제 원본 사이트 : programmers.co.kr/learn/courses/30/lessons/42583 코딩테스트 연습 - 다리를 지나는 트럭 트럭 여러 대가 강을 가로지르는 일 차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 트럭은 1초에 1만큼 움직이며, 다리 길이 programmers.co.kr 문제 설명 트럭 여러 대가 강을 가로지르는 일 차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 트럭은 1초에 1만큼 움직이며, 다리 길이는 bridge_length이고 다리는 무게 weight까지 견딥니다. ※ 트럭이 다리에 완전히 오르지 않은 경우, 이 트럭의 무게는 고려하..

문제 원본 사이트 : programmers.co.kr/learn/courses/30/lessons/42586?language=javascript 코딩테스트 연습 - 기능개발 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 programmers.co.kr 문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배..

문제 발생 클라이언트에서 oathkeeper를 호출할 때에도 어김없이 CORS 문제가 발생했다. oryd/hydra에서처럼 Docker 컨테이너 환경변수를 설정하면 될 것 같았는데, 환경변수가 뭔가 부족했던건지 제대로 적용이 되지 않았다. 그리고 환경변수에 대한 설명도 제대로 나와있지 않아 어떤 환경변수에 어떤 내용을 넣어야하는지 또한 문제였다. 결국 찾아서 해결한 방법은 oathkeeper의 config.yaml 파일에 CORS를 적용하는 것이다. oryd/oathkeeper에 CORS 적용하기 oryd/oathkeeper:v0.35.1-alpine 이미지를 Docker 컨테이너로 실행한다. oathkeeper-proxy: image: oryd/oathkeeper:v0.35.1-alpine ports:..

oryd/hydra에 CORS 적용하기 클라이언트에서 hydra를 호출할 때, CORS 문제가 발생했다. CORS 문제를 해결하기 위해서는 oryd/hydra:v1.3.2-alpine 이미지를 Docker 컨테이너로 실행할 때, 다음과 같은 환경변수를 추가해줘야 한다. - SERVE_PUBLIC_CORS_ENABLED=true - SERVE_PUBLIC_CORS_DEBUG=true - SERVE_PUBLIC_CORS_ALLOWED_ORIGINS=https://*.trustbloc.local - SERVE_ADMIN_CORS_ENABLED=true - SERVE_ADMIN_CORS_DEBUG=true - SERVE_ADMIN_CORS_ALLOWED_ORIGINS=https://*.trustbloc.loca..

문제 발생 Vue.js로 만든 클라이언트에서 OAuth2를 적용하기 위해 hydra를 사용했다. auth_code 발급까지는 성공했는데, 이 auth_code를 기반으로 access_token을 발급받는데 자꾸 invalid_client 에러가 발생했다. time="2020-11-10T01:55:43Z" level=error msg="An error occurred" debug="crypto/bcrypt: hashedPassword is not the hash of the given password" description="Client authentication failed (e.g., unknown client, no client authentication included, or unsupported ..

qs 사용 방법 qs 설치 # node v12 필요 npm install qs .vue 파일 수정 Vue.js로 만든 quasar 클라이언트에서 qs 모듈을 사용하는 방법 LoginGroupware.vue 그룹웨어 로그인 주의사항 import할 때, qs를 {}로 묶어서 하면 qs.stringify 실행 시 오류가 발생한다. vue.runtime.esm.js?5593:1888 TypeError: Cannot read property 'stringify' of undefined at VueComponent.created (LoginGroupware.vue?b71e:65) at invokeWithErrorHandling (vue.runtime.esm.js?5593:1854) at callHook (vue.r..

문제 발생 Vue.js에서는 기본으로 Hashbang 모드를 사용해 url에 #이 붙게 된다. 처음엔 상관없었는데 나중에 서비스 개발이 복잡해지면서 hydra와 연동해 User Agent를 리다이렉트 URL(Redirect URL)로 설정해야하는 상황이 왔다. 문제는 여기서부터 시작됐다. hydra를 호출할 때 redirect_url을 파라매터에 묶어서 보내는데, 이 redirect_url이 client 생성 시에 미리 지정한 callback URL과 정확히 일치하지 않으면 오류가 발생한다. 하지만 hydra client를 생성할 때 --callbacks URL에는 특수문자가 포함될 수 없다. #이나 %를 넣거나 urlencode 값으로 변경해서 넣으면 오류가 발생한다. 따옴표를 붙이고 환경변수로 설정해..

최근 Ubuntu에서 사용하던 크롬(Chrome)이 업데이트 되었다며 업그레이드 하라는 알림이 떴다. 그래서 별 생각 없이 업그레이드를 했는데, 업그레이드를 하고 나자 기존에 개발하던 프로그램이 뭔가 제대로 동작하지 않는 오류가 발생했다. (업데이트한 Chrome 버전: 86.0.4240.111-1) 결국 다시 다운그레이드행... 크롬(Chrome) 버전 다운그레이드 및 업데이트 중지 설치할 다운그레이드 버전 확인 아래의 다운로드 사이트에서 내가 설치하고자 하는 버전을 선택해 다운로드한다. 나는 Google Chrome Linux Version 64-bit deb for Ubuntu/Debian에서 84.0.4147.135 버전을 다운로드 했다. www.slimjet.com/chrome/google-ch..

문제 원본 사이트 : programmers.co.kr/learn/courses/30/lessons/60057 코딩테스트 연습 - 문자열 압축 데이터 처리 전문가가 되고 싶은 어피치는 문자열을 압축하는 방법에 대해 공부를 하고 있습니다. 최근에 대량의 데이터 처리를 위한 간단한 비손실 압축 방법에 대해 공부를 하고 있는데, 문자 programmers.co.kr 문제 설명 데이터 처리 전문가가 되고 싶은 어피치는 문자열을 압축하는 방법에 대해 공부를 하고 있습니다. 최근에 대량의 데이터 처리를 위한 간단한 비손실 압축 방법에 대해 공부를 하고 있는데, 문자열에서 같은 값이 연속해서 나타나는 것을 그 문자의 개수와 반복되는 값으로 표현하여 더 짧은 문자열로 줄여서 표현하는 알고리즘을 공부하고 있습니다. 간단한..

기본 내용 ● forEach() forEach()는 Array의 메서드로 주어진 함수를 배열 요소 각각에 대해 실행 ES6부터는 Map이나 Set에서도 지원 arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) callback : 각 요소에 대해 실행할 함수. 다음 세 가지 매개변수를 받음 currentValue : 처리할 현재 요소 index (Optional) : 처리할 현재 요소의 인덱스 array (Optional) : forEach()를 호출한 배열 thisArg (Optional) : callback을 실행할 때 this로 사용할 값 forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행..

기본 정리 ● Array.map() callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 생성 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback : 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가짐 currentValue : 처리할 현재 요소 index (Optional) : 처리할 현재 요소의 인덱스 array (Optional) : map()를 호출한 배열 thisArg (Optional) : callback을 실행할 때 this로 사용할 값 ● Array.forEach() 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행 arr.forE..