2. 웹개발
-
Rum의 국내외 출시된 제품 및 벤더사 비교 분석(2) - Sentry 편 - 이전 2번째 글 부터는 내가 직접, 간접적(세미나, 웨비나 등)으로 경험하거나 조사했던 RUM들중 인상 깊었던 순으로 작성 중이다. ( ※ ※ ※ 많은 RUM을 접한게 아니기 때문에 지극히 개인적인 사견이다. ) - 이번 포스팅에선 Sentry의 주요 기능을 간략하게 살펴보려고한다. ※ 혹시 해당 글 부터 오신 분들은 왠만하면 개요글을 꼭 간단하게라도 살펴보길 권장한다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 1) Sentry - 2023년 현재 근무중인 회사에서 React로의 전환이 이..
Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(3) - Rum의 국내외 출시된 제품 및 벤더사 비교 분석(Sentry 편)Rum의 국내외 출시된 제품 및 벤더사 비교 분석(2) - Sentry 편 - 이전 2번째 글 부터는 내가 직접, 간접적(세미나, 웨비나 등)으로 경험하거나 조사했던 RUM들중 인상 깊었던 순으로 작성 중이다. ( ※ ※ ※ 많은 RUM을 접한게 아니기 때문에 지극히 개인적인 사견이다. ) - 이번 포스팅에선 Sentry의 주요 기능을 간략하게 살펴보려고한다. ※ 혹시 해당 글 부터 오신 분들은 왠만하면 개요글을 꼭 간단하게라도 살펴보길 권장한다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 1) Sentry - 2023년 현재 근무중인 회사에서 React로의 전환이 이..
2023.11.05 -
Rum의 국내외 출시된 제품 및 벤더사 비교 분석(1) - DataDog 편 - 2번째 글 부터는 내가 직접, 간접적(세미나, 웨비나 등)으로 경험하거나 조사했던 RUM들중 인상 깊었던 순으로 작성 하려고 한다. ( ※ ※ ※ 많은 도구들을 접한게 아니기 때문에 지극히 개인적인 사견이다. ) - 이번 포스팅에선 DataDog의 주요 기능을 간략하게 살펴보려고한다. ※ 혹시 해당 글 부터 오신 분들은 왠만하면 개요글을 꼭 간단하게라도 살펴보길 권장한다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 1) DataDog - 2023/05/29 Datadog 웨비나를 참석하여 ..
Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(2) - Rum의 국내외 출시된 제품 및 벤더사 비교 분석(DataDog 편)Rum의 국내외 출시된 제품 및 벤더사 비교 분석(1) - DataDog 편 - 2번째 글 부터는 내가 직접, 간접적(세미나, 웨비나 등)으로 경험하거나 조사했던 RUM들중 인상 깊었던 순으로 작성 하려고 한다. ( ※ ※ ※ 많은 도구들을 접한게 아니기 때문에 지극히 개인적인 사견이다. ) - 이번 포스팅에선 DataDog의 주요 기능을 간략하게 살펴보려고한다. ※ 혹시 해당 글 부터 오신 분들은 왠만하면 개요글을 꼭 간단하게라도 살펴보길 권장한다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 1) DataDog - 2023/05/29 Datadog 웨비나를 참석하여 ..
2023.11.04 -
안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Front-End 모니터링 툴 Rum(Real User Monitoring) 도입에 대한 고찰 ] 하려 한다. : ) 정말 오랜만에 주저리주저리 일기 개념의 글을 쓰는 것 같다. RUM을 도입함에 검토하고 고민했던 내용들을 기록 해보고, 혹여나 다른 분들의 도움을 얻을 수 있을까 싶어 시작해보려 한다. 0. 들어가기 앞서 불과 몇년전까지는 운영시 2개의 툴 APM(제니퍼, 인터맥스, 와탭, 스카우터 등), DB 모니터링(MaxGuage, 셀파 소트프 등)으로 충분하였다. 주로 프론트엔드에서 발생한 트랜잭션이 서버까지 갔다가 돌아오는 응답시간, 에러, 지연 포인트 등등 서버 사이드의 모니터링에 집중 했었다. 최근 근무중인 사이트에서도 React도입을 하게 되고..
Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적)안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Front-End 모니터링 툴 Rum(Real User Monitoring) 도입에 대한 고찰 ] 하려 한다. : ) 정말 오랜만에 주저리주저리 일기 개념의 글을 쓰는 것 같다. RUM을 도입함에 검토하고 고민했던 내용들을 기록 해보고, 혹여나 다른 분들의 도움을 얻을 수 있을까 싶어 시작해보려 한다. 0. 들어가기 앞서 불과 몇년전까지는 운영시 2개의 툴 APM(제니퍼, 인터맥스, 와탭, 스카우터 등), DB 모니터링(MaxGuage, 셀파 소트프 등)으로 충분하였다. 주로 프론트엔드에서 발생한 트랜잭션이 서버까지 갔다가 돌아오는 응답시간, 에러, 지연 포인트 등등 서버 사이드의 모니터링에 집중 했었다. 최근 근무중인 사이트에서도 React도입을 하게 되고..
2023.11.04 -
안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 도메인 구입하여 적용해보기. ] 입니다. : ) 어느날 문득 나만의 도메인이 갖고 싶을 기분이 들었다. org, com등의 도메인은 구글, AWS 등을 통해 편하게 구매할 수 있지만 나의 경우 kr 도메인을 갖고 싶었다. 그냥.. kr이 갖고 싶은 기분이었다. co.kr 도메인은 가비아, 카페24, 호스팅케이알 등등 에서 구매 가능하였고, 내가 원하는 도메인이 가장 쌌던 hosting.kr 에서 구입 해보려고 한다. ( 메가존에서 운영 하더라.. ㅎㅎ) 1. 호스팅케이알 접속 및 회원 가입 1) 회원 가입. - 호스팅 케이알에 접속하여 회원 가입 하여 준다. (혹시나 접속 url은 다음과 같다. https://domains.hosting.kr/ ) - 회원가..
도메인 구입 하기(구입 방법, feat 티스토리 도메인 연결하기)안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 도메인 구입하여 적용해보기. ] 입니다. : ) 어느날 문득 나만의 도메인이 갖고 싶을 기분이 들었다. org, com등의 도메인은 구글, AWS 등을 통해 편하게 구매할 수 있지만 나의 경우 kr 도메인을 갖고 싶었다. 그냥.. kr이 갖고 싶은 기분이었다. co.kr 도메인은 가비아, 카페24, 호스팅케이알 등등 에서 구매 가능하였고, 내가 원하는 도메인이 가장 쌌던 hosting.kr 에서 구입 해보려고 한다. ( 메가존에서 운영 하더라.. ㅎㅎ) 1. 호스팅케이알 접속 및 회원 가입 1) 회원 가입. - 호스팅 케이알에 접속하여 회원 가입 하여 준다. (혹시나 접속 url은 다음과 같다. https://domains.hosting.kr/ ) - 회원가..
2023.09.24 -
안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Typescript 에서 window Object 확장해보기 ] 입니다. : ) [ 현재 환경 부가 설명 ] 현재 진행중인 프로젝트의 환경이 Typescript를 사용하며 CRA(create-react-app)로 만들어져 있다. 나의 경우, 현재 프로젝트의 많은 곳에서 window object 를 확장해서 사용하고 있었다. 기존에는 어떤 방법을 사용하고 있었고, 어떻게 변경 하여 사용하였는지 남겨 두려고 한다. 0. 문제점 - 그냥 window함수를 다음과 같은 예시로 확장하여 사용 하려 했다고 하자. window.tempProperty; // 또는 window.tmepProperty(); - 다음과 같은 오류가 발생할 것 이다. - 이를 어떻게 해소할 수 ..
(create-react-app)Typescript 에서 window Object 확장하기(global.d.ts 적용 or react-app-env.d.ts 활용)안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Typescript 에서 window Object 확장해보기 ] 입니다. : ) [ 현재 환경 부가 설명 ] 현재 진행중인 프로젝트의 환경이 Typescript를 사용하며 CRA(create-react-app)로 만들어져 있다. 나의 경우, 현재 프로젝트의 많은 곳에서 window object 를 확장해서 사용하고 있었다. 기존에는 어떤 방법을 사용하고 있었고, 어떻게 변경 하여 사용하였는지 남겨 두려고 한다. 0. 문제점 - 그냥 window함수를 다음과 같은 예시로 확장하여 사용 하려 했다고 하자. window.tempProperty; // 또는 window.tmepProperty(); - 다음과 같은 오류가 발생할 것 이다. - 이를 어떻게 해소할 수 ..
2023.09.24 -
1. 에러 로그 - 특정 패키지를 설치하려고 했으나 위와 같은 에러 메시지가 발생하였고, 해당 에러 로그가 반복 된다. - Waiting for cache lock Waiting for cache lock. Could not get lock /var/lib/dpkg/lock-frontend. It is held by process 1869 (apt) 2. 해결 방법 - 만능 치트키인 재부팅을 통해 해소 가능할 수 있지만, 해당 방법은 제외 하고 나머지 방법에 대해 남겨 두자. 1. 수행 중인 프로세스 kill 처리 sudo killall apt apt-get - 해당 방법으로 해소 되었는지 확인. 안되었다면 다음 스텝. 2. 해당 잠긴 캐시 파일(Lock 파일)들을 모두 삭제 # lock 파일 제거 rm..
[Ubuntu] Could not get lock /var/lib/dpkg/lock-frontend 에러1. 에러 로그 - 특정 패키지를 설치하려고 했으나 위와 같은 에러 메시지가 발생하였고, 해당 에러 로그가 반복 된다. - Waiting for cache lock Waiting for cache lock. Could not get lock /var/lib/dpkg/lock-frontend. It is held by process 1869 (apt) 2. 해결 방법 - 만능 치트키인 재부팅을 통해 해소 가능할 수 있지만, 해당 방법은 제외 하고 나머지 방법에 대해 남겨 두자. 1. 수행 중인 프로세스 kill 처리 sudo killall apt apt-get - 해당 방법으로 해소 되었는지 확인. 안되었다면 다음 스텝. 2. 해당 잠긴 캐시 파일(Lock 파일)들을 모두 삭제 # lock 파일 제거 rm..
2023.09.06