CLIEL LAB

1. 개요 자바스크립트(javascript)는 기본적으로 클라이언트의 웹브라우저상에서 실행되는 프로그래밍 언어입니다. 썬 마이크로 시스템즈의 자바(JAVA)와 이름이 같지만 전혀 다른 언어임에 주의해야 합니다. 자바스크립트는 사실 ECMAScript가 본래 명칭입니다. 유럽 컴퓨터 제조 협회(European Computer Manufacturer's Association)가 붙인것으로 표준이기는 하지만 아직까지는 자바스크립트라는 명칭이 훨씬 더 많이 사용되고 있습니다. 2. 활용범위 자바스크립트는 처음에는 웹브라우저에서 실행되는 용도로 탄생했지만 현재는 데스크탑 응용프로그램부터 모바일 개발, 서버 개발, 게임 등 광범위하게 사용되는 언어로 발전했습니다. (1) 웹개발 단순한 HTML 문서를 벗어나 하나의..

Web/Javascript 2020. 3. 12. 14:04

1. Master 장비 복구 - 정상적으로 Master의 DB가 작동하는 상태로 전환 - 만약 Master장비가 다시 부팅이 되는경우 가상IP가 설정된 eth는 up상태가 되어서는 안됨(slave에서 가상IP가 이미 up된 상태이므로 Master도 up이 되면 IP충돌이 발생) -> 따라서 기본적으로 Master의 가상IP가 설정되는 eth도 Slave와 동일하게 IP를 제거하고 onboot를 no로 설정 2. Slave DB 상태 확인 show master status\G; show slave status\G; -> Empty set이면 현재 slave가 master로 승격되었음을 뜻함 3. Slave에서 아래 명령을 내림 tail -n1000 /var/log/mha.log|grep 'All other..

System/작업LOG 2020. 3. 3. 10:48

1. MHA 기동 (기동전 MHA check필수) masterha_manager --conf=/etc/mha.cnf & 2. Master DB 중지 systemctl stop mysqld 3. 확인 절차 (1) Slave DB show variables like 'read_only'; 결과 -> read_only가 OFF로 표시되면 Master DB로 승격되었음을 의미 MariaDB> show master status\G; *************************** 1. row *************************** File: mysql-bin.000004 Position: 677 Binlog_Do_DB: Binlog_Ignore_DB: 1 row in set (0.000 sec) ER..

System/작업LOG 2020. 2. 28. 18:00

1. 구성 및 시나리오 (1). 목적 Master DB의 장애 발생 시 Failover를 수행하여 Slave DB를 Master DB로 자동 승격하여 DB 다운타임을 최소화 (2). 동작 3초마다 Master DB의 상태를 MHA Manager가 Connect / Select / Insert 하여 확인 -> 3회 실패 시 Failover 수행 (3). 아래 모든 설정은 위의 구성에 따름. 2. 가상 IP 설정(멀티 IP 설정) (1) 하나의 랜카드에 WEBSERVER 접근용 IP 및 MHA용 IP를 추가 - Master / Slave - 추가할 이더넷 명칭은 eth3으로 설정 - 현재 Master eth3은 192.168.0.13, Slave eth3은 192.168.0.23으로 설정, 여기에 192.1..

System/작업LOG 2020. 2. 28. 18:00

SVG(Scalable Vector Graphics)는 벡터 그래픽을 표현하는 데 사용되는 태그입니다. 우선 SVG를 사용해 그래픽을 표현하려면 SVG태그를 통해 그래픽으로 표현할 영역을 잡아야 합니다. 그런 다음 svg태그 안에서 실제 표현할 그래픽을 작성합니다. 이번에는 원을 그려보도록 하겠습니다. SVG와 일반 이미지의 차이점은 이미지는 확대하면 품질이 깨지게 되지만 SVG는 벡터 방식이라 확대해도 깨지지 않고 품질을 계속 유지한다는 이점이 있습니다. 안타깝게도 본인이 이해하고 있는 SVG의 수준이 낮아서 본래 SVG에 관한 글을 올릴 생각이 없었으나 간단히 소개하는 정도로만 마무리하려고 합니다.

Web/HTML5 & CSS3 2020. 2. 27. 11:41

1. 색상 변환 관련 색상의 변환과 관련해 사용할 수 있는 함수로는 대략 다음과 같은 것들이 있습니다. lighten 지정된 색상을 밝게합니다. darken 지정된 색상을 어둡게 합니다. saturate 지정된 색상을 두드러지게 합니다. desaturate 지정된 색상을 두드러지지 않게 합니다. fadein 지정된 색상을 투명하게 합니다. fadeout 지정된 색상을 불투명하게 합니다. fade 지정된 색상을 반투명하게 합니다. spin 지정된 색상의 속성을 변경합니다. mix 지정된 색상을 섞습니다. 위 함수는 공통적으로 '색상, % 단위' 형식으로 값을 전달받으며 예외적으로 mix는 첫 번째와 두 번째 모두 색상을 파라미터 값으로 받습니다. @color : #FFF000; div:nth-child(1..

Web/HTML5 & CSS3 2020. 2. 25. 18:09

Windows 10에서 설치된 언어어팩중 Display Language 삭제방법 1. Win + R 2. lplsetup 3. 해당 언어 선택뒤 Display Language Unstall

ETC 2020. 2. 14. 12:39

마트 갔다가 아들놈 선물로 사준 블록입니다. 중국산 저가 블록으로 레고 블록과 호환되는 블록입니다. 1만 9천 원대 가격으로 레고 정품과 비교하면 확실히 싼 가격인 듯합니다. 박스에 보면 24+1이라고 되어 있는 부분이 있는데 1은 로봇을 의미하는 것 같고 사실상 기본 12가지 차량 조립 블록입니다. 24는 한 가지 차량에 모양만 조금 달리해서 다른 형태로 조립할 수 있는데 아마 이걸 가지고 24가지라고 뻥튀기를 한 것 같습니다.(그렇게 따지면 수백 가지는 될 듯...) 레고 정품 블록과 비교해 봤습니다. 약간 싼티가 조금 나기는 하지만 레고 로고가 있는 걸 제외하고는 큰 차이는 없었습니다. 의외로 괜찮았어요. 박스를 열어보면 이렇게 각 차량별로 조립할 수 있는 블록이 각각 포장되어 있습니다. 조립 설명..

Server/Review 2020. 1. 28. 16:01