전체 글

[HTML5&CSS3] SVG

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

[HTML5&CSS3] Less 스타일시트 - 내장 함수

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

[Windows 10] UnInstall Display Language(설치된 언어팩 삭제하기)

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

레고 호환 블럭 - 멀티블럭 도시건설

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

[2020-01-28] MySQL Replication - DBMS 단방향 이중화

※ MHA와는 관련 없는 순수 Replication 구성임 1. Replication 설명 - Master와 Slave로 나뉜다. - Master에서 DB변경사항이 발생하면 바이너리 로그(Binarylog)를 생성하여 Slave 서버로 전달한다. - Master에서 가져온 바이너리로그를 반영한다. - 보통 Master를 등록/변경/삭제로 사용하고 Slave를 조회용으로 사용한다. 2. Master 작업 - 이중화로 사용될 DB를 생성 mysql> create database [DB명] default character set utf8; - 해당 DB의 계정생성 mysql> create user [아이디]@'%' identified by '[비밀번호]'; - 권한 처리 mysql> grant all priv..

[2020-01-23] RPM과 Yum의 이해 / MariaDB 설치

1. CentOS 설치 - 이전날과 동일한 조건으로 설치 (IP 설정 부분만 다르게 설정) - 이전날 설치OS를 CentOS1으로 오늘 설치한 OS를 CentOS2로 함. (MHA 테스트를 위해) 2. RPM과 Yum - RPM은 ReadHat Package Manager의 약자로 리눅스에서는 프로그램단위를 패키지(확장자가 rpm)라고 하며 패키지를 시스템에 설치함, 삭제나 기타 다른 동작도 RPM을 통해서 이루어짐. 단 RPM에서는 패키지설치를 위해 그 패키지에서 필요한 요소 즉, 다른 패키지를 각각 따로 받아 설치해야함. - Yum은 RPM의 패키지의존성을 해결한 것으로 필요한 요소를 저장소에서 모두 자동으로 받아 설치함. 3. CentOS에 MariaDB설치 - MariaDB 다운로드는 여기서 가능..

[2020-01-22] Cent OS 설치및 ssh, 네트워크 설정 / WSL 설치

1. Cent OS 내려받기 - Cent OS 7.7이 가능한 안정 버전이라고 판단 http://mirror.navercorp.com/ 여기서 내려받음(속도가 가장 좋음) 2. Hyper-V에서 Cent OS 설치 - 가상 머신은 2세대로 생성, 이때 Serure Boot(보안 부팅)은 해제하고 펌웨어에서 부팅 우선순위를 DVD에 놓음(물론 DVD는 생성해야 함) - 메모리 2기가에 하드디스크 60기가 정도로 맞춤 - 위에서 내려받은 ISO 파일을 DVD에 포팅시키고 부팅 시작 - 파티션은 자동으로 설정 - 네트워크 어댑터 사용으로 설정 - 로그인 계정은 root로 암호는 늘 먹던 걸로... 3. 윈도 10에서 관리 목적의 WSL(Windows Subsystem for Linux)을 설치(Ubuntu 1..

[HTML5&CSS3] Less 스타일시트 - 변수, 연산, 선택자

1. 변수 @ 문자를 사용하면 특정 값을 담아두는 변수를 사용할 수 있습니다. @color : red; @size : 12px; div { background-color: @color; } span { font-size: @size; } 2. 연산 정수형 데이터에 대해 사칙연산이 가능합니다. @color : red; @size : 12px; @size2 : 10px; div { background-color: @color; } span { font-size: @size + @size2; } 3. 선택자 less는 {} 블록 안에 {} 블록을 포함시키는 방법으로 내부 블록에서 &선택자를 사용하면 자기 자신을 의미하게 됩니다. @color : red; @size : 12px; div { background-..