HTML5 Fullscreen API 응용 및 Custom control UI (hide control css)

HYEONG HWAN, MUN/ 8월 18, 2016/ 미분류/ 0 comments

** 초고입니다.** 구글 검색결과 명확한 해설이 딱히 없길래, 내가 이곳에 직접 요약 정리해 본다.   1. UserAgent StyleSheet 의 이해 웹브라우저를 컴퓨터공학 용어로 UserAgent 라고 부른다. 굳이 풀어서 설명하자면, 사용자 접속기? <strong>  태그를 입력할때 화면에 글자가 굵게 표시되는 이유는 브라우저의 CSS(UserAgent StyleSheet)에 strong  요소에 대해서 font-weight: bold; 가 설정되어 있기 때문입니다.   2. Reset.css 와 Nomalize.css 의 이해 브라우저의 기본스타일시트(UserAgent StyleSheet)는 각각의 브라우저마다 조금씩 다릅니다. 대체로 비슷한데 조금씩 다릅니다. 이것을 해결하기 위해 나온 방법이 Reset.css 와 Nomalize.css 입니다. 먼저 Reset.css 의 목적은 Unstyling  입니다. 즉 브라우저의 기본 스타일 시트인 UserAgent StyleSheet 를 모두 취소시키는 것입니다. 이렇게 될 경우 모든 태그의 스타일 효과 (H1 이 굵고 크게)      

항상 최상의 속도로 국제데이터를 이용하는방법(리눅스 데이터 포워딩)

HYEONG HWAN, MUN/ 6월 12, 2016/ 미분류/ 17 comments

알면 쉽고 모르면 어려운 것이다. 엄청 대단한건 아니지만 알아두면 유용한 지식을 공유하고자 한다. [노하우] + [상황에 맞는 적절한 프로그램 사용] 으로 문제를 해결할 것이다. 먼저 몇가지 이론을 알고 가도록 하자.   몇가지 이론 1. TCP 와 UDP 장황한 컴퓨터공학 이론 말고 대강의 뜻만 이해하도록 하자. 그림 및 내용 참조 : https://www.pluralsight.com/blog/it-ops/networking-basics-tcp-udp-tcpip-osi-models TCP 는 신뢰된 데이터 전송을 위한 프로토콜이다. 100개의 데이터를 올바르게 순서대로 모두 전송할 때 쓰는 것이다. UDP 는 신뢰되지 않은 데이터 전송을 위한 프로토콜이다. 100개의 데이터를 보내지만 도착여부등을 전혀 신경쓰지 않는다. TCP 는 웹문서(예를들어 HTML) 등을 읽을때 사용한다. UDP 는 인터넷 동영상 재생시에 사용한다. (손실을 허용하는 통신) 라고 배웠으나, 인터넷 동영상도 TCP 통신하더라. (99.99% 이상) DNS 서비스는 UDP 를 사용한다. (0.01% 이하) 아무튼 “통신한다” 라는 말을 듣게되면 모두 TCP 라고 추정하면 된다. 참고로…

서버 성능측정

HYEONG HWAN, MUN/ 3월 28, 2016/ 미분류/ 0 comments

다음은 https://blog.lael.be/post/44 에서 각 상품군의 성능 벤치마크시 사용했던 지표입니다. Ubuntu 기준. Windows 는 Novabench(https://novabench.com/) 를 사용하도록 하자. 벤치마크 점수에 너무 신경쓰지 말아야 한다. 점수는 점수일 뿐 당신의 체감 속도가 가장 중요하다. 아래 스크린샷은 라엘이가 개인용도로 사용하고 있는 직접 구축한 클라우드 서버에서 Sysbench 를 실행한 것이다. 서버는 Hyper-V 기반이며, 6코어 5GB RAM, 100GB SSD 사양이다. # 제 서버를 기준 지표로 설정하지 마시고, https://blog.lael.be/post/44 의 업체를 기준 지표로 삼으세요.   1. 벤치마크 프로그램 설치 apt-get install sysbench 2. CPU 테스트 sysbench –test=cpu –cpu-max-prime=20000 run total time 을 계산한 후 100을 곱한다. 22.3451s -> 2234점 (걸린 시간이기 때문에 낮을 수록 좋다.)   3. 메모리 테스트 Read Test sysbench –test=memory –memory-block-size=1K –memory-scope=global –memory-total-size=100G –memory-oper=read run 2779점 Write Test sysbench –test=memory –memory-block-size=1K –memory-scope=global –memory-total-size=100G –memory-oper=write run…

Windows RDP 보안 인증서 설정하기 (install Certificate)

HYEONG HWAN, MUN/ 3월 3, 2016/ 미분류/ 0 comments

윈도우 서버 (또는 데스크탑)에 원격 연결을 사용할 때 보안인증서를 사용하는 방법에 대해 알아보자. 물론 이 작업(보안인증서 설정)을 하지 않아도 원격연결은 보안통신을 한다. 가장 편한 방법은 보안경고를 무시하는 것이다.   1. pk12 인증서 생성 Windows 에서 인증서를 사용하려면 .p12(.pfx) 확장자의 파일이 필요하다. openssl 툴을 사용해서 인증서와 개인키를 조합하여 .p12(.pfx) 파일을 만들도록 하자. 나의 경우 인증서 발급 회사에서 제공하는 온라인 p12 생성기를 사용한다.   2. mmc 에서 인증서 설정 후 개인용 > 인증서 > 에 import. 원격데스크톱 > 인증서 > 는 할 필요 없음.     3. cmd 에서 명령입력. 인증서 경로 검사를 하기 때문에 인증서가 없거나 인증서 지문(thumb)을 잘못쓰면 invalid parameter error 가 나온다. 레지스트리를 통해 강제로 변경하는 방법도 있긴한데, 실수하면 서버가 먹통이된다. 따라서 어려운 레지스트리 변경 하지 말고 유효성 체크까지 하는…

리눅스 부팅시 프로그램/명령어 실행하기 (Linux Init script)

HYEONG HWAN, MUN/ 2월 19, 2016/ 미분류/ 0 comments

서버가 완전히 부팅된 후에 무언가 자신만의 특별한 작업을 하고 싶을 때가 있다. Windows 서버의 경우 [관리 도구]의 [작업 스케줄러]를 이용하면 된다. (자세한 설정 방법은 구글 검색을 이용해 보도록 하자.) 리눅스의 경우 다음과 같은 방법으로 설정 할 수 있다.     리눅스는 매우 다양한 설정지점(hooking point)이 있다. 부팅 시작시, 서비스 시작 (전, 중 후), 네트워크 연결 (전, 후), 부팅 후 등이 대표적인 설정지점이다.   이 중에서 가장 많이 쓰이는 “서버가 완전히 부팅된 후” 특정 작업을 실행하는 것을 실습해 보도록 하겠다. Run init-script when server fully startup.   예제는 root 계정에서 실행한다. Ubuntu 14.04 LTS 기준으로 작성되었으며, CentOS나 Fedora 등에서는 명령어가 다를 수 있다. (대략적인 방법은 동일)   1. 예제 실행을 위해 몇가지 프로그램 확인 a) 시간 동기화 프로그램 확인 # ntpdate 만약…

MariaDB 10.0 의 이유 (MariaDB 유래)

HYEONG HWAN, MUN/ 2월 17, 2016/ 미분류/ 0 comments

잡담입니다.   MySQL-Company 가 Oracle-Company에 인수되면서 기대치만큼 발전하지 않자, MySQL 창업자인 마이클 와이드니어스는 Oracle(에 팔린 MySQL 회사)를 나와서, 동료 개발자들과 함께 MariaDB-Company를 설립합니다.   마이클 와이드니어스의 첫째딸 이름이 My, 막내딸이름이 Maria, 첫째아들 이름이 Max 입니다. 실제로 이 때문에 MySQL, MariaDB, MaxDB가 있습니다. (네이밍 참 쉽죠?) 참조 : https://en.wikipedia.org/wiki/Michael_Widenius   그는 MariaDB 초기에는 API 인터페이스만 호환되도록 하고 내부엔진을 바꾸었으며, 이후에는 공격적인 기능 도입을 위해 버전을 많이 건너뜁니다. 그래서 MySQL 5.5 다음 버전은 -> MySQL 5.6 이지만, MariaDB 5.5 다음 버전은 -> MariaDB 10.0 입니다.   MariaDB 10.0 과 MySQL 5.6 은 완전히 다른 것이 아니고 호환 안되는 기능이 있음을 의미합니다.(MariaDB가 훨씬 빠르고, 기능도 더 많습니다.) 일부는 MariaDB 10.0 이 MySQL 5.6 보다 꽤 많이 (버전 번호상 두배쯤?) 좋을 것이라고 하는데, 그렇지는 않습니다. 그냥 버전 번호를 다르게 가는 것일뿐. MariaDB…

대용량 검색 처리를 위한 inverted index (역색인) 설명

HYEONG HWAN, MUN/ 1월 11, 2016/ 미분류/ 0 comments

나름 쉽게 설명한다고 적었는데, 비전공자에게는 어려울 수도 있다. – 빅데이터 먼저 “빅데이터“란 무엇일까? http://en.wikipedia.org/wiki/Big_data 위키피디아에서는 “매우 양이 많고 복잡해서 기존에 사용하던 분석방식으로는 처리하기 힘든 데이터들(Data-Set)” 이라고 정의되어 있다. 과거에 비해서 인터넷이 비약적인 성장을 하였고, 언제 어디서나 인터넷에 접속할 수 있는 “유비쿼터스”의 시대 도래로 인해 우리는 항상 인터넷에 연결되어 있다.그러다 보면 많은 종류, 많은 수의 document 를 생성하게 된다.“빅 데이터”(=BIG DATA)(=HIGH VOLUME DATA) 라고 함은 보통 million(백만) document 이상의 data-set을 말하는데 이런 환경에서 사람들은 useful 한 information 을 찾으려고 한다. (중요한 단어는 영어로 쓰겠다.) 따라서 데이터 덩어리(Data-Set)에서 유용한 정보(Useful-Information)을 채굴하는(찾아내는,mining) 것이 중요한 영역이 되었고, 이것에 대해 주로 연구하는 “데이터마이닝(Data Mining)” 분야가 발전하게 되었다. 사용자들은 백만개가 넘게 쌓여진 document 에서 자신에게 필요한 document를 찾고자 한다. 예를들어 100만개의 글(documents)이 있는 게시판에서 User가  “Buying a Home” 이라고…

Ubuntu 16.04 LTS 웹서버 세팅방법 (Nginx + PHP7-FPM + MariaDB)

HYEONG HWAN, MUN/ 11월 28, 2015/ 미분류/ 56 comments

Last updated : 2016-08-08 [주의] 기존의 Ubuntu 14.04 세팅방법 글은 : https://blog.lael.be/post/4886 로 이전되었습니다. 글 비밀번호는 ubuntu 입니다. [주의] 이 글은 Ubuntu 16.04 LTS 에 맞추어 작성되었습니다. – English version is also available. [Bing Translator] * Nginx 가 아닌 Apache 로 PHP 웹서버를 구축하시려면 https://blog.lael.be/post/73 글로 이동하세요. (쉽고 편함) * Ubuntu 에서 JSP 웹서버 세팅을 원하시면 https://blog.lael.be/post/858 글로 이동하세요. * Ubuntu 에서 PHP와 JSP를 동시 구동하고 싶으시면 https://blog.lael.be/post/1023 글로 이동하세요. * Ubuntu 가상서버호스팅을 찾는 중이라면 https://blog.lael.be/post/44 글로 이동하세요. Nginx 공식사이트는 http://nginx.org/ 이다. 엔진엑스 라고 부른다. Igor Sysoev (이고르 시소에브) 라는 러시아 개발자가 개발했으며, 이 소프트웨어의 주요 개발 목표는 “동시접속 처리에 특화된 웹서버 프로그램” 이다.   – Nginx 가 Apache 보다 동시접속 처리에 좋은 이유 Nginx 는 Apache 에서 널리 사용되는 기능만 구현하였다. 즉 기능이 많지 않다. 동작이 단순하다. Nginx 자체는 별로 많은…

Laravel 이해 시작단계. Static 호출로 객체 사용하기.

HYEONG HWAN, MUN/ 11월 17, 2015/ 미분류/ 2 comments

Laravel(라라벨) 이라는 프레임웍을 뜯어보고 있다. 대세 트랜드 코드를 보면 “이런 것도 되는구나” 라는 것을 느낀다.   프로그래밍 언어에 따라서 규칙이 약간씩 다른데, 불변의 진리라고 알고 있었던 것들이 바뀌는 것을 보면 혼란이 일어나곤 하더라. PHP의 경우 선언 안한 메소드를 호출할 수 있고 (정적호출, 객체호출 등의 분기도 가능하다), 선언되지 않은 프로퍼티(속성값)에 값을 할당할 수 있는 등 신기한 것들이 되더라. 나중에 다룰 것인데 먼저 이론을 보고 싶은 사람은 PHP Magic Method 를 살펴보아라. (http://php.net/manual/en/language.oop5.magic.php)   Laravel 의 주요 사용 방법인 Facade(파사드)에 대해 이해하려면 몇가지를 알아야 한다. 먼저 Facade 의 의미를 알아보도록 하자. 길고 장황하고 정확한 설명이 있겠지만 내가 의역하고 요약해서 Facade 를 설명하자면 static 함수 호출을 객체의 클래스(=서비스 라고 부르더라)와 연결시켜 주는 것 이다.       아무튼 Facade 이해의 첫번째 단계인 “static 호출로…

XECon 2015에 참여합니다.

HYEONG HWAN, MUN/ 11월 3, 2015/ 미분류/ 0 comments

XpressEngine(이하 XE) 은 네이버 주식회사에서 유지/개발 하는 오픈소스 컨텐츠 관리 소프트웨어 입니다. 이 소프트웨어의 개발팀에서 XECON2015를 개최합니다! 당연히 이것은 개발자 대상의 행사입니다. 일단 지인과 함께 참가 신청은 했습니다.   참가 신청 및 프로그램 소개 페이지 : https://xecon2015.xpressengine.com/ 날짜 : 2015년 11월 14일 토요일 오후 1시 장소 : 서울시 마포구 상암동 누리꿈스퀘어 3층 인원 제한 : 선착순 600명     얼마나 멋진 분들이 오실지 벌써부터 기대가 되네요.  

Ubuntu 서버에서 PHP7 설치 적용하기

HYEONG HWAN, MUN/ 10월 22, 2015/ 미분류/ 17 comments

[Deprecated] 이 문서는 Ubuntu 16.04 LTS 가 출시됨에 따라 폐기되었습니다. PHP 7.0 을 설치하시려면 운영체제 Ubuntu 16.04 LTS 를 사용해주세요. 다음으로 이동 : https://blog.lael.be/post/73   이 글은 한번에 끝내는 Ubuntu 웹서버세팅 (우분투 서버세팅) 9번 항목의 PHP 5.5.9 설치 대신에 PHP 7.0 을 설치하는 방법을 설명합니다.   PHP7 공식 위키 참조 (https://wiki.php.net/todo/php70#timetable)   PHP7 은 2015년 6월 11일에 최초 개발 버전이 공개되었으며 최종 공식 정식버전 발표일은 2015년 12월 3일 입니다.   현재 PHP 언어로 개발된 자체 솔루션을 운영중이라면 업그레이드를 하지 마시기 바랍니다. 속도는 빨라지는데… 구동되지 않을 것입니다. (하얀 공백 화면을 보게 될 것입니다.)   현재 WordPress, Drupal, XpressEngine, 그누보드(영카트) 가 PHP7 환경에서 동작하는 것을 확인하였습니다. 다만 일부 WordPress 플러그인, Drupal 플러그인, XpressEngine 모듈, 그누보드 플러그인(빌더등) 가 PHP7 환경에서 동작하지 않는 것을 확인했으며 결과적으로 이 플러그인/모듈/빌더…

Ubuntu Varnish Cache 를 구축하여 웹서비스를 가속화시키기

HYEONG HWAN, MUN/ 10월 19, 2015/ 미분류/ 6 comments

웹 사이트를 잘 운영하면 방문자 수가 늘어나고, 어느 순간 사이트가 급격히 느려지게 된다. 어느 순간 답답함이 느껴지고 그 답답함이 점점 커지며, 급기야 방문자의 항의 글을 보게되면 혼란에 빠지게 된다.   당신의 웹서비스를 가속화(튜닝) 하는 방법에는 다음의 3가지 단계가 있다.   1. 서버 사양 올리기. 1코어 1기가 서버를 4코어 4기가 서버로 올리는 것이다. 매우 간단하고 빠르고 쉽다. 자동차로 비유하자면 엔진을 하나 더 다는 것이다. 그런데 엔진이 무한정 달리는 것도 아니고, 엔진이 2개가 된다고 속도가 2배가 되지도 않는다. 엔진 사는데 돈이 든다.   2. 서버 구동 소프트웨어 최적화하기. 서버 구동 소프트웨어 설정 값을 조정하여 더 효율적으로 동작할 수 있게 한다. 자동차로 비유하자면 엔진 연비를 향상시키는 것이다. 급출발, 급정거 하지 않고 브레이크를 적게 밟으며 권장속도로 운전한다. 돈이 들지는 않지만 연비향상 방법을 알고 있어야…

Ubuntu 추가 랜카드 설정 및 사설네트워크 구축하기

HYEONG HWAN, MUN/ 9월 13, 2015/ 미분류/ 0 comments

  # 용어 설명 # 랜카드 = Network Interface Card = NIC = Interface Card = Interface 네트워크 하는 사람이 “두번째 인터페이스 아이피가 뭐야?” 라고 물어보면 “두번째 슬롯에 꼽혀진 랜카드에 할당된 아이피를 물어보는 것이다.”   1. 추가 랜카드를 장착할 수 있는 업체 조사 * 편의상 1달러는 1000원, 100엔은 1000원 으로 계산하여 표시하겠다. (2015년 9월 10일 기준 실제 환율은 1달러 = 1180원, 100엔 = 980원 이다.) * 모든 클라우드 서버 호스팅 업체의 내부아이피 트래픽은 과금되지 않는다. 아예 측정하지 않거나(unmetered), 측정한 후에 0원을 곱해서 청구(zero cost)한다. 공인아이피 통신 트래픽은 과금된다. 같은 호스팅 회사라고 하더라도  과금되지 않기위해서 되도록 서버간에는 내부아이피로 통신하도록 하자.   클라우드 업체 목록은 이곳에서 찾을 수 있다. (https://blog.lael.be/post/44) Vultr (공인아이피 : 2000원, 사설아이피 : 무료) ConoHa (공인아이피 : 3500원, 사설아이피…