본문 바로가기

전체보기

event.target과 event.currentTarget 차이 Event 객체 속성 비교 event.target과 event.currentTarget 차이를 간단하게 정리합니다. event.target과 event.currentTarget 은 같을 수도 있고, 다를 수도 있습니다. Search 이벤트를 일으키는 대상과 핸들러를 연결한 대상이 같으므로 event.target을 사용하면 됩니다. event.currentTarget 은 이벤트 핸들러를 사용하는 객체를 가리킵니다. 이벤트 버블링에 의해 핸들러가 작동하기는 하지만 event.target 이 엉뚱한(?) 대상을 가리키므로 당황합니다. currentTarget 속성이 있는지 모른다면 다양한 방법으로 우회하려고 할 수 있습니다. 저도 target인 이미지부터 위로 찾아가는 방식으로 접근해 볼까 생각했었습니다. (.. 더보기
[리뷰] 개발자가 서있는 기반을 살피다 <혼자 공부하는 컴퓨터 구조+운영체제> 엔지니어의 특성을 건드리다 컴퓨터 박스 안에 있는 부품 안쪽에서 어떤 일들이 일어나고 있는지 알 수 있습니다. 컴퓨터가 있는 일상이 자연스럽다 못해 당연한 모습이 된 뒤부터 기계를 바라보는 시각이 바뀌었습니다. 기계의 동력이 전기인 게 이상하지 않은 지는 벌써 오래되었습니다. 전기로 움직이는 기계, 특히 일상에서 자주 접하는 제품들은 뭔가 알아서 움직이고 필요하면 사람에게 신호를 보내기도 하며 사람과 상호작용하는 걸 당연시하고 있습니다. 최근에는 상호작용의 수단으로 언어를 사용하기까지 합니다. 제품 안에 물리적 장치 말고 뭔가 더 있다는 걸 압니다. 개발의 도구이자 목표이기도 한 컴퓨터의 내부를 들여다봅니다. 주의, 요약서이지 전무 서적이 아닙니다. 그렇지만 충분히 그림을 그려볼 수 있습니다. 방대한 영.. 더보기
[리뷰] 효율성을 생각하는 <이펙티브 엔지니어> 목표, 지표, 반복, 실행 현명한 개발자가 되자고 합니다. 반복과 연습, 조정을 통해 프로세스를 정립해 나가는 얘기를 합니다. 목표를 정하고, 우선순위를 찾아서, 구간을 나누고 지표를 세웁니다. 빠르게 반복하고, 자동화하고, 측정하여 우선순위와 지표를 검증하며 루틴을 만들고, 프로세스를 정립하여 문화를 만들어 가자고 합니다. 저자의 경험과 실리콘밸리 IT 기업 현업에 종사하는 이들의 생생한 이야기를 통해 이펙티브 엔지니어들이 어떻게 하고 있는지 알려줍니다. 시간을 다시 생각합니다. 저자가 유한한 자원인 시간을 어떻게 바라보고 접근하는지 알 수 있습니다. 마치 시간을 다룰 수 있는 것처럼 얘기했지만 시간을 어디에 써야 하는지 알려줍니다. 개발자가 늘 아쉬워하지만 정작 제대로 사용하는지 궁금해하는 게 시간입.. 더보기
[리뷰] 애플리케이션 플러스 <클라우드 네이티브 애플리케이션 디자인 패턴> 클라우드 환경에서 애플리케이션이 갖추어야 할 일곱 가지 보통 디자인 패턴 하면 애플리케이션에서 다양한 요구사항에 대응하는 모습을 떠올립니다. 하지만, 이 책에서 말하는 디자인 패턴은 그 대상이 조금 다릅니다. 애플리케이션 기능을 위한 디자인 패턴이 아니라 클라우드 환경에서 운영을 위한 개발 패턴을 얘기합니다. 예를 들어, 익히 알고 있는 디자인 패턴이 집안에 방과 거실, 부엌을 배치하고 동선을 짜고 편의성과 뷰를 위한 고민이었다면, 이 책에서 말하는 디자인 패턴은 아파트 단지에서 동의 배치, 주차 공간과 동선, 세대 간 통신 같은 인프라와 커뮤니케이션 방식을 통해 단지 입주민들이 원활하게 잘 지낼 수 있는 방법을 고민합니다. 클라우드에서 움직일 애플리케이션이 필요로 하는 것들이 들어 있습니다. 애플리케이.. 더보기
[리뷰] 시작하는 이를 붙들어 주는 <소플의 처음 만난 리액트> 리액트가 처음인 사람들을 위한 안내서 저자가 생각하는 대상 독자는 둘인 듯합니다. 하나는 웹 개발을 처음 시작하면서 리액트 쪽으로 방향을 잡은 분들입니다. 다른 하나는 프로그래밍 경험은 있으면서 리액트를 빠르게 알아보고 싶은 분들입니다. 어디에 속하든 리액트가 처음이라면 괜찮은 선택이라고 생각합니다. 너무 무겁지 않으면서 리액트를 알아갈 수 있습니다. 알맞은 분량 미니 프로젝트인 마지막 장을 빼면 15개 장으로 리액트를 알려주고 있습니다. 각 장은 프리뷰, 내용 설명, 실습, 요약으로 이루어져 있습니다. 모든 장이 같은 구성 즉, 패턴을 반복합니다. 읽어갈수록 패턴에 익숙해지는데 이게 새로운 내용을 접하는데 꽤 도움이 됩니다. 모른다는 걱정보다 대략 어떻게 접근할 수 있겠다는 자신감을 가지게 합니다. 내.. 더보기
[tip] HeidiSQL ver 12 한글 깨짐 HeidiSQL 12 버전에서 한글 깨짐 현상 2022년 4월 12일 배포한 12.0 버전에서 발생하는 오류입니다. 확인 날짜는 2022년 5월 30일입니다. 12.0.0.6468 버전을 설치하였거나 업데이트하였으면 나타나는 현상입니다. DB 연결을 위한 세션 관리자에서 적용하는 라이브러리를 바꿔주세요. libmariadb.dll에 문제가 있는 것으로 보입니다. 한글이 깨지는 경우 세션 관리자에서 기본 라이브러리인 libmariadb.dll을 사용하면 테이블에 있는 한글이 깨져 보입니다. 한글이 깨져서 내용을 확인할 수 없습니다. 한글이 보이도록 설정 변경 세션 관리자에서 라이브러리를 libmysql-6.1.dll로 바꿉니다. 이제 한글을 확인할 수 있습니다. 더보기
[리뷰] 어떻게 AI 서비스를 만들어 가는지 보여주는 <쉽게 배우는 AWS AI 서비스> AI 기능을 적용한 서비스를 어떻게 만들어 가는지 보여줍니다. 크지 않은 팀이라면 짧게 잡아도 몇 개월은 걸릴 수 있는 작업을 플랫폼 서비스, AWS를 이용하여 풀어나갑니다. 서비스 아키텍처를 그립니다. 아키텍처가 필요로 하는 기능들을 서비스 단위로 묶어서 만든 아키텍처를 보여줍니다. 여러 가지 기능들을 서비스 단위로 그룹화합니다. 다양하게 묶을 수 있고 많은 조합이 나올 수 있는 경우라 경험과 고민에 따라 여러 가지 모습으로 그려볼 수 있습니다. 저자가 만들고자 하는 서비스의 아키텍처를, 그림을 볼 수 있습니다. 숲을 보여줍니다. 그리고 그 숲을 헤쳐나가는 방법을 하나씩 알려줍니다. 마치 게임에서 퀘스트를 완수하는 것처럼. 책을 그렇게 구성하고 있습니다. 그래서 처음부터 책에서 중간중간 필요한 부분만 .. 더보기
[javascript] html과 javascript로 달력 만들기 이전 달, 다음 달로 달력 바꾸기 html table로 달력 기본 틀 만들기 table 태그를 이용하여 달력 모양을 만듭니다. tbody에 id 값을 지정합니다. 달이 바뀔 때마다 tbody의 내용을 다시 그릴 때 사용합니다. 달력의 한 주인 행은 월의 앞뒤에 있는 빈칸을 고려했을 때 최소 4줄에서 최대 6줄까지 있을 수 있습니다. 셀 개수로는 28개에서 42개입니다. 2022.05 일 월 화 수 목 금 토 1 2 3 4 5 6 7 29 30 31 javascript로 월별 날짜 셀 만들기 주어진 날짜의 이전 달과 다음 달을 구합니다. 현재 달력을 그리기 위해 필요한 셀 개수를 구한 뒤 날짜별로 필요한 정보를 구성합니다. function prevMonth(date) { var target = ne.. 더보기

티스토리툴바