반응형으로 웹 화면을 개발하다 보면 모바일에서만 hover 스타일이 적용되지 않게 해야 하는 경우가 발생합니다. 모바일 기기에서 특정 이나 를 터치(클릭)를 했는데 해당 요소를 누르고 있는 것처럼 hover 스타일이 적용되어 있기 때문입니다. hover 스타일이 적용되는 이유 :hover 스타일이 해제되지 않고 지속적으로 적용되는 이슈는 모바일 화면이 아닌 모바일 기기 화면에서 발생하는 문제입니다. 모바일 기기에서만 이런 현상이 일어나는 이유는 모바일 기기가 상호작용 하는 방식 때문입니다. 마우스 커서와 같은 포인터가 DOM의 element 요소 위에 위치하면 적용되는 스타일이 바로 의사(Pseudo) 클래스인 :hover인데, 모바일 기기는 터치(Touch)가 포인터의 역할을 합니다. 즉 모바일 기기 ..
이번에는 디바운스(debounce) 혹은 디바운싱(debouncing)이라고 불리는 개념을 알아보도록 하겠습니다. 이 글에서는 debounce라는 단어를 사용하여 개념을 설명합니다. Debounce의 개념 debounce는 한 문장으로 요약정리하면 처리해야 하는 일들을 미루어두었다가 한 번에 실행하는 방법을 말합니다. 의미 그대로 하나의 방법이기 때문에 표현하는 방법이나 설명하는 방식은 여러 형태로 존재하지만, 단순히 이벤트 핸들러 혹은 이벤트 처리하는 기술에 국한되는 것이 아니라 포괄적인 개념으로 실행해야 하는 일련의 일들을 한 번에 처리한다고 이해하시면 좋을 것 같습니다. 위 그림은 일반적인 일을 수행하는 시점과 debounce를 적용한 일을 수행하는 시점을 시각화한 내용입니다. 처리해야 할 일이 생..
Node.js 디자인 패턴 바이블 책은 어떤 책일까요? 책 제목으로 Node.js 디자인 패턴 바이블의 내용은 Node.js와 디자인 패턴을 이야기한다는 것을 알 수 있습니다. 일반적으로 Node.js는 자바의 JVM처럼 Javasciprt의 런타임 환경이고, 디자인 패턴은 프로그래밍을 통해 문제 해결을 위한 형식화된 일종의 설계 구조를 의미합니다. 사실 그런 부분에 있어 Node.js와 디자인 패턴이라는 주제가 각 각 개별적으로는 이해가 가지만 조합된 내용은 쉽게 머릿속에 그려지지 않습니다. 그럼 Node.js 디자인 패턴 바이블이라는 책은 어떻게 이 내용을 다루었는지 이야기해보도록 하겠습니다. Node.js 디자인 패턴 바이블의 개요와 독자 대상 Node.js 디자인 패턴 바이블 책은 기본적으로 No..
자바스크립트 ES6에서 새롭게 추가된 내용 중 화살표 함수(arrow function)는 함수를 단축해서 사용하는 방법으로 유용한 문법입니다. 함수를 단축해서 사용하는 문법이 화살표 함수라고 말했지만, 사실 화살표 함수(arrow function)가 일반 함수(function)와는 결을 달리 합니다. 그럼 오늘은 자바스크립트 ES6에 새롭게 추가된 화살표 함수를 알아보도록 하겠습니다. 화살표 함수를 선언하는 방법 화살표 함수는 일반 함수와 다른 점이 몇 가지 있습니다. 대표적으로는 선언하는 방법과 this의 범위입니다. 오늘은 먼저 화살표 함수를 선언하는 방법을 알아보겠습니다. function fn1() { return 'Hello World!' } const arrowFn1 = () => 'Hello ..
온프레미스(on-premise)는 IT 서비스를 운영하는 회사가 자체적으로 보유한 공간에 물리적으로 하드웨어 장비를 가지고 직접 운영하는 방식을 말합니다. 온프레미스는 클라우드 컴퓨팅 기술이 나오기 전까지 일반적인 기업이 사용하던 일반적인 인프라 구축 방식이기도 합니다. 온프레미스 방식은 현대에 정의되고 사용되는 클라우드 컴퓨팅 기술의 이전 방식이기 때문에 인프라를 구축하는 전통적인(Traditional) 방법으로 통용되기도 합니다. 온프레미스 방식은 인프라를 구축하는 하나의 방법일 뿐 일종의 레거시(Legacy)로만 받아들이는 것은 잘못된 이해입니다. 온프레미스(On-premise)의 정의 온프레미스는 IT 서비스 운영을 위해, 직접적으로 인프라를 구축하는 방식을 말합니다. 클라우드 서비스를 어느 정도..
사전, 시대를 엮다. 책을 읽고 나서 이 책에서는 사전을 “여러 가지 사항을 일정한 순서로 배열하고, 그 각각에 해설을 붙인 책”이라고 이야기하고 있으며, 오늘날의 백과사전과 거의 유사한 ‘예전에 중국에서 경 사자 집의 여러 책들을 내용이나 항목별로 분류하여 편찬한 책을 통틀어’ 것을 유서라고 일컫습니다. 즉 사전 또는 유서는 만들어지고 쓰이던 당시 사회의 전반적인 지식을 나름의 규칙을 가지고 정리하고 기술한 것으로 문자를 통해 만들어진 그 사회의 모습이 아닐까라고 생각합니다. 한마디로 이 책을 정의한다면 “책의 역사”라고 할 수 있습니다. 일본의 대표적인 유서를 고대부터 근대까지 시대순으로 나열하여 그 시대의 모습을 상세하게 기술하였기 때문입니다. 각 장의 제목은 그 시대를 대표는 유서의 제목들을 쓰고..
가상 화폐라고 하면 무엇이 떠오르시나요? 최근 이슈가 뜨거웠던 도지코인? 아니면 비트코인? 이더리움? 오늘은 가상 화폐의 시초라고 할 수 있는 비트코인에 대해 알아보려고 합니다. 비트코인 - 가상 화폐의 시작 비트코인은 2008년 나카모토 사토시에 의해 만들어졌습니다. 지금도 본인이 사토시라고 이야기하는 사람들은 많이 있지만, 아직도 정확히 누구라고 특정되지 않았습니다. 본인이 사토시라면 첫 번째 코인을 확인시켜주면 될 텐데 현재까지 이 증거를 확인시켜준 사람은 없기 때문이기도 합니다. 누가 만들었는지는 밝혀지지는 않았지만, 전 세계적으로 가상화폐(비트코인, 도지코인, 이더리움)가 큰 이슈임에는 틀림이 없습니다. 그렇다면 비트코인은 정확히 무엇일까요? 비트코인은 새로운 지불 시스템이자 완전한 디지털 화폐..
지난번에 이어서 2021년 05월의 기술 블로그 운영 지표와 애드센스 수익을 분석해보려고 합니다. 블로그를 운영하진 이제 3개월 차인데 약간은 힘에 부치기도 어려운 것도 많은 것 같네요. 이 글은 지난 한 달간 블로그에 방문한 지표를 토대로 어떻게 블로그가 운영되는지 분석하기 위해서 작성한 글입니다. 애드센스 수익은 주가 아닌 부차적인 개념으로 다루고 있습니다. 5월 블로그 방문자 유입 분석 지난 4월에 블로그 방문객은 총 2,888명이고 5월의 블로그 방문객 수는 총 4,421명입니다. 그림에도 나와있지만 이전 달에 비해 방문객이 1,533명 늘어났음을 알 수 있습니다. 개인적인 생각으로는 총 방문객 수보다 중요한 지표는 검색을 통해 유입된 방문자수라고 생각합니다. 4월은 검색을 통해 유입된 방문자는 ..
화면을 개발할 때 자주 나오는 구성 요소 중 하나가 바로 모달(Modal) 창입니다. 팝업(Popup) 창과 약간 혼동해서 쓰는 경향이 있기는 한데 Modal과 Popup는 개념이 다릅니다. 팝업(Popup)은 현재 화면에 다른 화면을 하나의 창(Browser)으로 보여주는 기능이고, 모달(Modal)은 화면 위에 하나의 작은 화면을 더 만들어 부가적인 일들을 처리할 수 있게 만드는 기능입니다. 모달은 Winform에서 말하는 Dialog와 같은 개념이기도 합니다. 오늘은 자바스크립트를 사용해서 모달 창을 만드는 방법을 알아보도록 하겠습니다. 자바스크립트로 모달(Modal) 만들기 Modal Modal 띄우기 먼저 CSS를 사용해서 Modal이 되는 대상의 position을 absoulte로 설정하고, ..
맥북 프로를 구매한 시기는 2015년 여름입니다. 처음에는 Mac에 대한 호기심으로 맥북 에어를 구매해서 사용하게 되었습니다. 지금도 여전하지만 당시 주위의 개발자들이나 여러 프로그래밍 관련 콘퍼런스 혹은 인터넷 강의에서 맥북을 사용하는 모습이 꽤 멋져 보였고, 무엇 때문에 일반 노트북에 가격대가 높은 애플의 제품을 사용하는지 궁금했습니다. 그 당시 처음 구매해서 사용한 맥북 에어는 하나부터 열까지 많은 감탄을 자아내게 했습니다. 그때 맛 본 달콤함은 CTO 버전의 맥북 프로를 구매하게 했고, 지금도 그 편리함을 만끽하는 중입니다. 조금은 늦었지만 6년 만에 뒤늦은 맥북 프로 2014 mid 후기를 남겨봅니다. 후기는 매우 긍정적으로 주관적입니다. 맥북을 사용하면서 느낀 불편한 점은 거의 없습니다. 그렇..
금주 주간 목표 1일 1회 글쓰기 [완료] 책 읽기 - 한 권으로 끝내는 비트코인 혁명 [완료] 구글 애널리틱스 사용법 정리 [달성 못함] - 1일 1회 글쓰기 이번 주 1일 1회 글쓰기 목표는 달성했다. 이제는 약간 쉬어갈 때가 되었나?라는 생각이 든다. 이런 생각을 하는 가장 큰 이유는 내가 원하는 글의 내용을 쓰려면 시간이 너무 오래 걸린다. 그렇다고 시간을 줄일 수도 없고, 매번 기술적인 내용만 쓰는 것도 마음에 안 들고.. 뭘 이렇게까지 하나 싶기도 한 게 지금 내 심정이다.. 다음 주도해야 할지 고민이 된다. - 책 읽기 [한 권으로 끝내는 비트코인 혁명] 일주일에 책 한 권 읽기 [한 권으로 끝내는 비트코인 혁명]도 목표를 달성했다. 가상 화폐라는 단어가 자주 보이기도 하고 가상 화폐에 항상..
SI에 관한 이야기를 하기 위해서는 조금은 사전 지식이 필요하다고 생각해서, 먼저 SI 회사란 어떤 곳인지를 이야기해보도록 하겠습니다. SI 회사는 소프트웨어 용역을 하는 회사입니다. 약간 이 말이 바로 이해 가기가 어려울 수가 있을 것 같아 설명을 덧붙이자면, 지금은 소프트웨어가 많은 분야에 도입이 되고 활성화되면서 소프트웨어가 일상생활 전반에 자리매김하고 있습니다. 그렇지만 이렇게 소프트웨어가 일상에 있다고 해도 일반적으로 소프트웨어는 도구의 하나로 사용됩니다. 예를 들어 excel과 같은 소프트웨어가 있기 전에도, 우리는 수기로 문서를 작성하고 결제를 받는 등 문서와 관련된 일련의 행위들을 할 수 있었습니다. 다만 excel이나 power point 같은 문서 편집 기능을 가진 소프트웨어를 도입함으..