프론트엔드 애플리케이션이 복잡해질수록, 사용자 환경에서 발생하는 오류를 빠르게 탐지하고 수집하는 것은 서비스 품질 유지의 핵심입니다. 서버 로그만으로는 확인하기 어려운 클라이언트 단 오류를 어떻게 안정적으로 모을 수 있을까요?이번 글에서는 외부 라이브러리 없이 브라우저 기본 기능만으로 오류 수집 시스템을 구축하는 방법을 정리해보겠습니다.1. 수집 대상 정의브라우저 환경에서 발생하는 오류는 크게 네 가지로 나눌 수 있습니다.실행 오류 (JavaScript Runtime Error)예: TypeError: undefined is not a function수집 방법: window.onerror리소스 로드 오류 (Resource Error)예: 이미지, CSS, JS 파일 로드 실패수집 방법: window.ad..

R.A 토레이의 이 책만큼 나에게 기도에 대한 열망을 가져다 주는 신앙 서적은 없었던 것 같습니다.내 안에 기도에 대한 마음이 식어 있을 때 이 책을 읽곤 합니다.기도가 무엇인지, 어떤 기도가 온전한 기도인지, 내가 왜 기도하고 있지 않고 있는지, 왜 내 기도의 능력이 없고, 냉랭한 마음이 가득해져 있는지 그 이유를 알고 싶다면 이 책을 꼭 읽어 보시기 바랍니다. 기도에는 어떤 능력이 있습니까? 우리 자신을 알게 합니다. 우리 죄를 씻어 줍니다. 유혹을 이기게 합니다. 혀를 절제하게 합니다. 지혜롭게 합니다. 말씀의 의미를 깨닫게 합니다. 성령 충만하게 합니다. 그리스도를 알게 합니다. 충만한 능력을 받게 합니다. 구원을 전달하는 통로가 되게 합니다. 부흥의 통로가 되게 합니다. 어떤 기도가 온전한 기도..

javascript의 escape, encodeURI, encodeURIComponent 인코딩 함수의 동작을 비교합니다. escape ASCII 문자에 해당하지 않는 문자들을 모두 16진수 형태로 바꾸어 줍니다. 표기법은 1바이트일 경우 %XX이고, 2바이트일 경우 %uXXXX입니다. unescape 함수를 통해서 다시 디코딩할 수 있습니다. MDN 사이트에서 escape 함수 설명을 보면, 하위 호환성을 위해서 ECMA-262 스펙에서 Deprecated 되지 않았지만, 새로운 자바스크립트 코드를 작성할 때는 escape 함수를 사용하지 말 것을 권고하고 있습니다. escape("!_한글, Hangul_!") >> "%21_%uD55C%uAE00%2C%20Hangul_%21" unescape("%21..

UUID(Universally Unique Identifier)는 소프트웨어 구축에 쓰이는 식별자 표준으로, 분산 컴퓨팅 환경의 일부로 표준화 되었다. UUID의 필요성 네트워크 상에서 서로 모르는 개체들을 식별하고 구별하기 위해서는 각각의 고유한 이름이 필요하다. 같은 이름을 갖는 개체가 존재한다면 구별이 불가능해지기 때문이다. 고유성을 완벽하게 보장하려면 중앙관리시스템이 일련번호를 부여해 주면 간단하지만 동시다발적이고 독립적으로 개발되고 있는 시스템들의 경우 중앙관리시스템이 불가능하다. 각자 스스로가 이름을 짓도록 하되 고유성을 충족할 수 있는 방법이 필요했다. 이를 위해서 탄생한 것이 UUID이며 국제기구에서 표준으로 정하고 있다. UUID 정의 UUID는 16바이트(128비트)의 수다. 표준 형식..

Javascript the good parts(자바스크립트 핵심 가이드) Javascript the good parts을 읽으며 메모한 내용들을 기록해 봅니다. NaN NaN은 수치 연산을 해서 정상적인 값을 얻지 못할 때 반환되는 값입니다. isNaN() 함수를 통해서 NaN인지 비교할 수 있습니다. function isNumber(value) { if (isNaN(value)) { console.log(value + ' is not number.'); } else { console.log(value + ' is number.'); } } isNumber(123); isNumber("abc"); >> 123 is number. >> abc is not number. var ..

엘르 편집장이었던 장자크 보비의 인생의 마지막 자락의 이야기이다. 사랑하는 아들의 목덜미를 쓰다듬어 줄 수도 없는 아버지의 안타까운 마음이 너무나 애절하게 다가 왔다. 내 아들 테오필 녀석은 50센티미터밖에 안 되는 거리를 두고 얌전히 앉아 있는데, 나 그 아이의 아빠이면서도 손으로 녀석의 숱 많은 머리털을 한번 쓸어 줄 수도, 고운 솜털로 덮인 아이의 목덜미를 만져 볼 수도, 또 부드러운 따뜻한 아이의 작은 몸을 으스러지도록 안아 줄 수도 없다. 나는 이 책을 나의 두 아이들에게 남기고 싶습니다. 나는 아이들에게 용기를 주고 싶습니다. 이 책을 쓸 수 있게 한 힘의 원천은, 아이들에 대한 나의 사랑이었습니다. 로크드 인 신드롬

이 책을 읽으며 인상적인 기억하고 싶은 내용들을 기록했습니다. 소프트웨어 전문가 되려면 해야할 경험과 스킬들 최소한 네 가지 서로 다른 프로그래밍 언어와 네 가지 서로 다른 데이터 형식 (JPEG, XML, TEXT, MPEG 등)을 배운다. 적어도 천 명이 동시에 사용할 수 있을 정도의 소프트웨어를 개발한다. 1테라바이트 규모의 데이터까지도 스케일링할 수 있는 소프트웨어를 개발한다. 열 명 이상 참여하는 프로젝트에서 일한다. 지금은 질문에 답해줄 사람이 없는, 만들어진 지 5년 넘게 지난 코드를 확장하는 일을 한다. 남이 만든 코드의 결함을 적어도 40개 이상 수정한다. UNICODE를 입력받고 두 가지 이상의 언어로 사용자 출력(에러메시지, GUI 텍스트 등)을 하는 다국어 지원 코드를 작성한다. 다..

이 책을 읽으며 메모한 내용들을 기록해 본다. 좋은 습관 15개 아침에 일찍 일어나기 밤에 딴짓하지 않고 정해진 시간에 잠들기 TV 보지 않기 공부할 때 스마트폰 쳐다보지 않기 예습하기 복습하기 모르는 영어 단어는 따로 정리해서 외우기 오답 노트 작성하기 하루에 1시간 이상 책을 읽기 책 읽은 뒤에 꼭 서평 쓰기 논문 하루에 하나 읽기 주요 뉴스 매일 살펴보기 교재 뒷면에 연습문제 꼭 풀기 정리/정돈 하기 운동하기 창의적인 인간이 되고 싶다면 자신의 전문 분야와 다른 분야의 취미를 가지라. 해외 여행을 가라. 다양한 분야의 사람을 만나라. 다양한 책을 읽어라. 독서 습관을 만드는 7가지 방법 스마트폰과 멀어지기 책을 읽은 좋은 환경과 장소를 만들거나 물색하기 책을 한꺼번에 많이 사고, 잘 보이는 곳에 진..

이 책을 읽으며 메모한 내용들을 기록해 본다. 개발자의 개발 프로세스 SRS(Software Requirement Specification)를 작성한다. SRS를 작성하면서 모든 관련자와 철저히 리뷰한다. 프로젝트 관리자는 개발자들과 함께 1, 2일 단위의 상세 일정을 작성한다. 테스트팀은 SRS를 보고 테스트 Suite를 만들기 시작한다. 개발 리더들은 화이트보드나 종이를 펼쳐놓고 아키텍처에 대한 토론을 한다. 구현 시 모든 소스코드는 리뷰한다. 개발자는 매일 스스로 일정을 업데이트한다. 소스코드 작성은 일일빌드가 깨지지 않으면서 이루어진다. 소소코드관리시스템과 버그관리시스템을 효과적으로 사용한다. 알파, 베타 단계 별로 모든 프로젝트 관련자들이 유기적으로 움직인다. 일정에 맞춰 완성도 있는 품질의 제..

이 책을 읽으면서 마음에 담고 싶은 글을 기록해 봅니다. 사랑 실연을 해도 사랑을 해보는 것이 귀하다. 인간적 성장이 더 귀하기 때문이다. 자녀들을 위한 부모의 희생만큼 고귀한 사랑은 없다. 젊었을 때, 독일의 철학자 쇼펜하우어의 책을 읽었다. 그는 철학적은 뜻도 있어 결혼을 거부했다. 그런데 솔직히 고백하고 있다. 세상에서 가장 허무한 고독을 느끼는 사람은 자녀들이 없이 인생을 마감하는 사람이라고 (73 페이지) 걱정의 범위 사람이 자신과 가정 걱정만 하면서 살게 되면 그 사람은 가정의 가장이나 어른만큼밖에 자라지 못한다. 그러나 항상 내 직장을 위하고 이웃을 걱정해주는 사람은 직장과 지역사회의 지도자로 성정할 수가 있다. 같은 사람이라도 언제나 국가와 민족을 걱정하면서 노력하는 사람은 자신도 모르는 ..