전체 글 (171) 썸네일형 리스트형 DB Sharding 샤딩(Sharding)은 같은 테이블 스키마를 가진 데이터를 다수의 데이터베이스에 분산 저장하는 방법을 말한다. Horizontal Partitioning 이라고 볼 수 있다. 샤딩(Sharding)을 적용하게 되면 프로그래밍, 운영적 복잡도는 증가. 분산이 잘 되지 않을 경우, 한쪽으로 Data 가 집중되어 Hotspot 이 발생. 샤딩은 Shard Key를 어떻게 정의하는지에 따라 데이터의 효율적인 분산을 결정. - Hash Sharding Shard Key : Database id 를 Hashing (Cluster 안의 Node 개수로 Hash 크기 결정) Cluster 의 Node 개수의 변경에 따라 ReSharding 이 필요할 수 있다. - Dynamic Sharding Naming 을 기준으.. Nginx CORS 활성화 # cors configuration # whitelist of allowed domains, via a regular expression # if ($http_origin ~* (http://localhost(:[0-9]+)?)) { if ($http_origin ~* .*) { # yeah, for local development. tailor your regex as needed set $cors "true"; } # apparently, the following three if statements create a flag for "compound conditions" if ($request_method = OPTIONS) { set $cors "${cors}options"; } if ($reque.. MySQL 8.0 Remote 설정 1. /etc/mysql/mysql.conf.d/mysqld.cnf 파일 내 아래 부분 수정 bind-address = 0.0.0.0 혹은 bind-address 부분 주석 처리 # bind-address = 127.0.0.1 2. remote 접속용 user 생성 CREATE USER 'USERNAME'@'HOSTNAME' IDENTIFIED BY 'PASSWORD'; MySQL 8.0 Requested authentication method unknown to the client 이슈 해결 1. /etc/mysql/my.cnf 에 다음 내용 추가 [mysqld] default_authentication_plugin= mysql_native_password 2. mysql 에서 root 사용자로 다음 명령 실행 FLUSH PRIVILEGES; python azure blob storage download import os, uuid from azure.storage.blob import BlobServiceClient, BlobClient, ContainerClient, __version__ try: print("Azure Blob storage v" + __version__ + " - Python quickstart sample") # Quick start code goes here # Retrieve the connection string for use with the application. The storage # connection string is stored in an environment variable on the machine # running the application called A.. wavesurfer events (이벤트) wavesurfer 인스턴스 생성 후 다음 이벤트를 사용 가능 예시) wavesurfer.on('pause', function () { wavesurfer.params.container.style.opacity = 0.9; }); 1. 이벤트 목록 audioprocess - 오디오 재생중, 재생 커서 위치 지정시 이벤트 발동 dblclick - 인스턴스 더블클릭시 이벤트 발동 destroy - 인스턴스 파괴시 이벤트 발동 error - 오류 발생시 이벤트 발동, 콜백은 문자열 형식의 오류 메시지를 수신 finish - 재생이 끝나면 이벤트 발동 interaction - 파형과 상호작용시 이벤트 발동 loading - 가져오기, 드래그 앤 드롭 등으로 로드 시 계속 이벤트 발동, 콜백은 [0..100] 퍼.. wavsurfer.js method(메서드) wavsurfer 인스턴스 생성 후 다음 메서드를 사용 가능 1. 메서드 목록 cancelAjax() - 오디오 파일로드 포르세스 취소 destroy() - 이벤트, 요소를 제거하고 웹 오디오 노드 연결 끊음 empty() - 길이가 0인 오디오가 로드된 것처럼 파형을 지움 getActivePlugins() - 현재 초기화된 플러그인 이름의 맵 반환 getBackgroundColor() - 파형 컨테이너의 배경색을 반환 getCurrentTime() - 현재 진행 상황을 초 단위로 반환 getCursorColor() - 재생 헤드 위치를 나타내는 커서의 채우기 색상 반환 getDuration() - 오디오 클립 길이 초 단위 반환 getPlaybackRate() - 오디오 클립 재생속도 반환 getPro.. wavesurfer.js 1. wavesurfer 설치 1-1. script 로드 1-2. github 저장소 포크 or 다운로드 https://github.com/katspaugh/wavesurfer.js 1-3. CDN (Content Delivery Network) 1-4. wavesurfer 을 사용할 컨테이너 생성 1-5. javascript 에서 wavesurfer 객체 인스턴스 생성 var wavesurfer = WaveSurfer.create({ container: '#waveform', waveColor: 'violet', progressColor: 'purple' }); 1-6. 오디오 로드 wavesurfer.load('audio.wav'); 2. wavesurfer create option 옵션 타입 기본값.. 이전 1 ··· 7 8 9 10 11 12 13 ··· 22 다음