티스토리
관련 서비스
  • Symbols스토리 홈바로가기바로가기
  • 브런치브런치스토리바로가기바로가기
  • 카카오스토리카카오스토리바로가기바로가기

갓대희의 작은공간
검색하기
블로그 홈

블로그 홈

갓대희의 작은공간

IT 분야 크리에이터
goddaehee.tistory.com/m
신고

갓대희의 "개발" 공간

구독자
481
방명록 방문하기
구독하기
300x250

주요 글 목록

  • [ yarn(npm) install error ] - "allocation failure scavenge might not succeed" 해결방법 ( Nodejs Increate The Memory Limit ) 노드 프로젝트를 빌드 하다보면 다양한 원인으로 빌드가 잘 안되고 다음과 같은 메세지를 보게될 수도 있다. ex) 에러 메세지... 중략allocation failure scavenge might not succeed...  ex) 에러 발생 환경 예시 - AWS 프리티어와 같은 저스펙 서버인 경우 - 프로젝트가 점점 비대해져 빌드시 메모리 오류 발생 - 로컬환경에서 빌드시 각각의 개발자 PC 스펙 및 프로젝트 규모에 따른 메머리 부족현상 등등  ※ 결론 - NodeJs는 프로세스를 시작할 때 default 메모리를 제한하게 되어 있다. (os, node version 등에 따라 다 다르다.)   그렇기 때문에 특정 환경에 따라, 메모리 할당문제로 Node.js 프로세스가 종료될 수 있다.  - 노드의 메.. 공감수 5 댓글수 0 2024. 5. 13.
  • [ VSCode ] Visual Studio Code 유용한 확장팩 설치(추천 플러그인 설치) [ VSCode ] Visual Studio Code 유용한 확장팩 설치(추천 플러그인 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅에선 Visual Studio Code의 몇가지 유용한 확장팩, 추천 플러그인을 설치 해보려 합니다. :- ) 1) Reactjs code snippets - 리액트에서 자주 사용하는 코드 뭉치들을 자동 완성 해주는 플러그인 - React 관련 템플릿을 단축키로 작성할 수 있게 된다. - 자주 사용하는 키워드는 아래 표와 같고, rcc를 입력하여 선택하면 우측의 기본 클래스형 컴포넌트를 만들어 주게 된다. trigger content rcc 클래스 컴포넌트 생성 rrc 클래스 컴포넌트와 react-redux 리덕스를 연결하여 생성 rcjc import와 export 없이 .. 공감수 7 댓글수 3 2024. 4. 15.
  • [400 Bad Request] - Header Or Cookie Too Large 해결방법 ※ 실제 사용자 입장(싸이트 담당자가 아닌)인 경우 간단하게 브라우저의 쿠키만 지워줘도 문제가 해결 된다! - 이번 내용은 사이트 담당자 입장에서 해당 문제를 어떻게 방지할 지에 대한 내용을 다루려고 한다. - 브라우저에서 쿠키 삭제하는방법도 혹시몰라 남겨 둔다. ex) 크롬 - 크롬 실행 > 우측 상단 점3개 아이콘 클릭 > 설정 클릭 - 좌측 메뉴 "개인 정보 및 보안" 클릭 > "인터넷 사용 기록 삭제" 클릭 - 개별 사이트별로삭제 할 수도 있지만, 본 글의 목표가 아니므로 전체 삭제하는 방법만남겨 둔다. 1. 에러 현상 확인 - 고객 브라우저에서 간헐적으로 이미지가 잘 보이지 않는 현상이 접수 되었다. - 해당 이미지의 url을 치고 들어가면 다음과 같은 메세지를 볼 수 있다. 2. 에러 발생 원.. 공감수 6 댓글수 2 2024. 4. 12.
  • [스프링(부트)] Spring (Boot) 배포 직후 발생하는 지연 원인 및 JVM warm up 하기 [스프링(부트)] Spring (Boot) 배포 직후 발생하는 지연 원인 및 JVM warm up 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ JVM warm up 하기] 입니다. : ) ※ 문제점 ( 웜업(Warm-Up) 적용 하게된 이유 ) - 우리 사이트의 경우 서버 실행 직후, 배포 직후 속도가 느려지는 현상, 초기 응답 지연이 발생이 확인 되고있다. ex) 배포 직후 관측되고 있는 문제 - 이러한 현상은 was 기동 직후 첫 요청처리에 대해 오래 걸리기 때문인데, 원인은 클래스 로더, JVM(Java.Virtual.Machine 의 줄임말)의 JIT 컴파일러, 콜드 스타트와 연관이 있다. ex) 서버 1대 기준으로 확인 시 Restart 직후, 서비스 투입 직후 시점 발생 확인 가능 해당 문제.. 공감수 40 댓글수 24 2024. 4. 8.
  • Failed to execute 'setItem' on 'Storage': Setting the value of 'xxx' exceeded the quota 1. 에러 로그 - 고객 클레임 개선을 위해 프로젝트 모니터링 중 다음과 같은 에러가 발생하는 경우를 확인하게 되었다.\ ex) console 에서 에러 확인 예시 ex) 모니터링 툴로 확인시 - 먼저 유사한 에러 패턴(발생 위치, 기기)은 어떻게 되는지 확인 해보면 다음과 같다. ( 결론적으로는 특수한 상황에 LocalStorage에 대한 Set을 하는경우 에러가 발생하며, 빈도수는 간헐적 이었다. ) ex) 발생 기기 - 발생 기기를 확인 한 이유는 하기 Browser종류에 따라서 발생 빈도가 다를 것으로 예상되어 확인 해 보았다. ( 참고로 Android 사용 유저가 현 싸이트에서는 80 ~ 90% 수준이기 때문에, 발생 빈도는 IOS에서 훨씬 많이 발생 하고 있었다. ) ex) 발생 위치 2. 에.. 공감수 2 댓글수 3 2024. 4. 2.
  • [npm, yarn] "self signed certificate in certificate chain" 에러 [npm, yarn] "self signed certificate in certificate chain" 에러 1. 에러 로그 - npm install 을 하다보면 아래와 같은 에러가 발생 할 때가 있다. ex) SELF_SIGNED_CERT_IN_CHAIN ex) 이외 다양한 npm 설치 시 발생하는 에러 예시들 npm ERR! code SELF_SIGNED_CERT_IN_CHAIN npm ERR! errno SELF_SIGNED_CERT_IN_CHAIN npm ERR! request to https://registry.npmjs.org/@babel/parser/-/parser-version.tgz failed, reason: self signed certificate in certificate cha.. 공감수 45 댓글수 26 2024. 4. 1.
  • Browserslist: caniuse-lite is outdated. Please run next command 'npm update caniuse-lite browserslist' 에러 1. 에러 로그 - 어느날 프로젝트 실행시 다음과 같은 에러가 발생하는 경우를 본 적이 있다. - browserslist 하기 관련 에러는 Webpack, babel 등을 사용하는 프로젝트, 또는 해당 라이브러리를 사용하는 경우 발생하는 듯 하다.Creating an optimized production build...Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readmeFailed to compile.  - 갑자기 다음과 같은 에러가 발생하면서 다음 내용을 참.. 공감수 61 댓글수 27 2024. 3. 5.
  • [ yarn ] info Merge conflict detected in yarn.lock and successfully merged 에러 1. 에러 로그 - 기존엔 정상적으로 yarn install이 정상적으로 수행 완료 되었다. - 갑자기 다음과 같은 에러가 발생하면서 빌드 완료 후 yarn.lock 파일을 살펴보면 최종 yanr.lock파일과 바른부분을 발견할 수 있었다. ( 나의 경우 신규 추가한 라이브러리가 추가 되지 않고 계속 오류르 뱉어내는 현상이 있었다.) $ yarn install yarn install v1.0.1 info Merge conflict detected in yarn.lock and successfully merged. [1/4] Resolving packages... 1. 에러 원인 ex) 나의 경우 yarn.lock파일 소스 병합시 휴먼 에러로 다음과 같은 코드가 남아 있어 충돌이 발생하였다. =======.. 공감수 43 댓글수 20 2024. 2. 21.
  • [AWS] 11. Route 53(DNS서비스) 개념 및 사용해보기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - Route 53 개념 및 사용해보기 ] 입니다. : ) 항상 공식 문서 같이 확인 하도록 하자. https://docs.aws.amazon.com/ko_kr/Route53/latest/DeveloperGuide/Welcome.html 0. 들어가기 앞서 ▶ Amazon Route 53 은 가용성과 확장성이 뛰어난 Domain Name System (DNS) 웹 서비스이다. ▶ Route 53을 통해 DNS를 관리(도메인 구입, 네임서버 등록 등)를 할 수 있고, 모니터링 기능까지 제공한다. ▶ 사용자의 요청을 EC2 인스턴스, ELB, S3 등 AWS 에서 실행되는 인프라에 효과적으로 연결하고, AWS 외부의 인프라로 라우팅하는데도 사용 가능하다... 공감수 54 댓글수 0 2023. 12. 16.
  • [ Git ] git cannot lock, cannot lock ref, cannot create 에러 1. 에러 로그 - 간혹 브랜치 생성 또는 Push 시 다음과 같은 유형의 에러메세지가 발생하며, 브랜치 생성 또는 Push가 불가능한 경우가 있다. cannot lock ref 'refs/heads/...' 'refs/heads/...' exists cannot create 'refs/heads/...' - 보통은 다음과 같이 특정 분기/하위 브랜치를 생성하려고 시도하는 경우에 봤을 것 이다. ex) ## feature cannot lock ref 'refs/heads/feature/branchname' 'refs/heads/feature' exists cannot create 'refs/heads/feature/branchname' ## hotfix cannot lock ref 'refs/heads/.. 공감수 4 댓글수 0 2023. 12. 14.
  • 웹 사이트 속도 측정 방법(feat 쇼핑몰 주요 페이지 속도 측정 방법) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 웹 사이트 속도 측정 방법(feat 쇼핑몰 주요 페이지 속도 측정 방법)에 대한 고찰 ] 하려 한다. : ) 페이지 로딩에 대한 중요성과 관련하여서는 이전 글에서도 언급하였지만 한번만 더 확인하고 넘어 가자. - 조금더 자세한 내용을 확인하고자 하면 다음글을 훑어 보는것도 좋을 것 같다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 웹 성능과 비즈니스의 상관 관계에 대한 내용을 살펴보자. - 웹사이트 로드 시간이 1초 증가될 때마다 사용자 수가 10% 감소(BBC) - 웹사이트 로드 시간이 1초 감소할 때마다 서비스 전환율 .. 공감수 54 댓글수 2 2023. 12. 2.
  • [Javascript] (BFCache이슈) IOS/Chrome 뒤로가기 자바스크립트 오류(History Back Error) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Javascript 뒤로가기 BF Cache 에러 ] 입니다. : ) 0. 들어가기 앞서 - 예전 Safari, Firefox 브라우저에서, 나와 같은 경우 아이폰 웹뷰 Safari의 경우에 BFCache 때문에 페이지 개발 방식에 따라 뒤로가기시 스크립트 로드가 되지 않아 정상 동작하지 않는 경우가 있었다. 2020.08.15 - [2. 웹개발/Javascript Function 모음] - [Javascript] (BFCache이슈) IOS 웹뷰 뒤로가기 자바스크립트 오류(IOS History Back Error) - 다만, 이젠 크롬에도 BFCache가 도입되었고 또다시 크롬에서도 BFCache때문에 고통을 겪게 되었다. 그리고 예전글에서 가이드 했던 내.. 공감수 39 댓글수 1 2023. 11. 27.
  • Unregistering Service Worker(서비스 워커 제거 하기) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 서비스 워커 제거 하는 방법 ] 입니다. : ) 0. 들어가기 앞서 - 최근들어 "Service Worker"는 웹개발에 점점 더 자주 사용되며, CRA와 같은 많은 사용자들이 사용하는 라이브러리에 추가되기도 한다. - 다만, 여러가지 상황에 의해 Service Worker를 제거해야하는 상황이 발생 하기도 하는데. 이때 Service Worker가 의도대로 제거되지 않아, 고생하였다. 나와 같은 고충을 겪은 사람들이 간혹 있지 않을까 하여 Service Worker 제거 방법에 대해 고민했던 내용을 기록 해 보려 한다. - stack overflow의 도움을 많이 받았으며, 당연히 나와 같은 고민을 한 사람들을 많이 발견할 수 있었다. ※ 참고 1 - CR.. 공감수 4 댓글수 0 2023. 11. 20.
  • Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(5) - Rum의 국내외 출시된 제품 및 벤더사 Rum의 국내외 출시된 제품 및 벤더사 비교 분석(4) - new relic 편 - 이전 2번째 글 부터는 내가 직접, 간접적(세미나, 웨비나 등)으로 경험하거나 조사했던 RUM들중 인상 깊었던 순으로 작성 중이다. ( ※ ※ ※ 많은 RUM을 접한게 아니기 때문에 지극히 개인적인 사견이다. ) - 이번 포스팅에선 new relic의 주요 기능을 간략하게 살펴보려고한다. ※ 혹시 해당 글 부터 오신 분들은 왠만하면 개요글을 꼭 간단하게라도 살펴보길 권장한다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 1) new relic - 사람인 등의 기업에서 Newrelic을 사.. 공감수 2 댓글수 0 2023. 11. 15.
  • Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(4) - Rum의 국내외 출시된 제품 및 벤더사 비교 분석(WhaTap 편) Rum의 국내외 출시된 제품 및 벤더사 비교 분석(3) - WhaTap 편 - 2번째 글 부터는 내가 직접, 간접적(세미나, 웨비나 등)으로 경험하거나 조사했던 RUM들중 인상 깊었던 순으로 작성 하려고 한다. ( ※ ※ ※ 많은 도구들을 접한게 아니기 때문에 지극히 개인적인 사견이다. ) - 이번 포스팅에선 WhaTap의 주요 기능을 간략하게 살펴보려고한다. ※ 혹시 해당 글 부터 오신 분들은 왠만하면 개요글을 꼭 간단하게라도 살펴보길 권장한다. 2023.11.04 - [2. 웹개발/개발 주저리] - Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 1) WhaTap - 현재 근무중인 싸이트에서 APM으로 와탭을 사용하고 있었고.. 공감수 5 댓글수 5 2023. 11. 6.
  • 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로의 전환이 이.. 공감수 4 댓글수 2 2023. 11. 5.
  • 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 웨비나를 참석하여 .. 공감수 4 댓글수 0 2023. 11. 4.
  • Front-End 모니터링 툴 Rum(Real User Mornitoring) 도입에 대한 고찰(1) - 개요(용어, 목적) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Front-End 모니터링 툴 Rum(Real User Monitoring) 도입에 대한 고찰 ] 하려 한다. : ) 정말 오랜만에 주저리주저리 일기 개념의 글을 쓰는 것 같다. RUM을 도입함에 검토하고 고민했던 내용들을 기록 해보고, 혹여나 다른 분들의 도움을 얻을 수 있을까 싶어 시작해보려 한다. 0. 들어가기 앞서 불과 몇년전까지는 운영시 2개의 툴 APM(제니퍼, 인터맥스, 와탭, 스카우터 등), DB 모니터링(MaxGuage, 셀파 소트프 등)으로 충분하였다. 주로 프론트엔드에서 발생한 트랜잭션이 서버까지 갔다가 돌아오는 응답시간, 에러, 지연 포인트 등등 서버 사이드의 모니터링에 집중 했었다. 최근 근무중인 사이트에서도 React도입을 하게 되고.. 공감수 5 댓글수 2 2023. 11. 4.
  • [AWS] 10. CloudFront(CDN) 이해 및 사용해보기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - CloudFront란?(사용해보기) ] 입니다. : ) 0. 들어가기 앞서 ▶ CloudFront란 AWS에서 제공하는 CDN(Content Delivery Network or Content Distribution Network, 콘텐츠 전송 네트워크) 서비스를 의미한다. ▶ CDN에 대해선 최소한의 내용만 체크하고, 실습 위주로 진행 해보려고 한다. ▶ CloudFront의 사용 사례는 다음 자습서를 통해서도 확인할 수 있다. https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/IntroductionUseCases.html ex1) 정적 웹사이트 콘텐츠 전달 가속화 (Accele.. 공감수 6 댓글수 0 2023. 11. 2.
  • [AWS] 9. 프리티어 요금 폭탄 방지 및 환불 요청 방법 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - 프리티어 요금 폭탄 방지 및 환불 요청 방법 ] 입니다. : ) 0. 들어가기 앞서 - 나의 경우에도 프리티어 사용기간이 끝난 계정들 또는 나의 실수로 인해 비용이 청구된 적이 많다. 흔히 많이 겪는 일이긴 한데 보통 소잃고 외양간 고치는 경우가 많다. - 프리티어 관련하여 요금 발생 방지를 위한 최소한의 노력은 미리 해두면 좋을 듯 하여 해당 내용을 포스팅 하며, 환불 요청 했던 내용도 추가해 두려 한다. 1. 프리티어 요금 폭탄 방지 - AWS 비용 체계를 정확하게 인지하지 못한 채 프리티어 한도를 넘어서게 되어 비용이 발생 하는 경우가 발생하게 된다. 이런 경우를 모니터링하기 위해 메일 또는 SNS를 통해 알림을 받도록 설정 할 수 있다. 1.. 공감수 3 댓글수 2 2023. 10. 6.
  • [AWS] 8. EFS란?(with EC2에 EFS Volume 추가하기) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - EBS란?(with EC2에 EFS Volume 추가하기) ] 입니다. : ) 0. 들어가기 앞서 - 예전에 생성하였던 EC2에 MySql을 설치하여 사용하다보니 EC2 EBS 용량 이 부족한 상황이 발생 하여 EBS Volume을 추가 해 보았다. 하지만 동일AZ에서만 연결 가능 하는 등의 제약 사항이 있다. - 이번엔 EFS Volumne을 추가해보려 한다. 기존 WAS(EC2)여러대에 하나의 NAS(EFS)를 마운트 하는 컨셉으로 내용을 이어 가보려 한다. 1. EFS (Elastic File System) 정의 및 특징 - 기존 온프레미스 환경에서의 NFS, NAS와 비슷한 서비스이다. ( 파일 스토리지 서비스인 나스의 기능으로서도 사용 가.. 공감수 4 댓글수 0 2023. 10. 1.
  • [AWS] 7. EBS란?(with EC2에 EBS Volume 추가하기) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - EBS란?(with EC2에 EBS Volume 추가하기) ] 입니다. : ) 0. 들어가기 앞서 - 예전에 생성하였던 EC2에 MySql을 설치하여 사용하다보니 EC2 EBS 용량 이 부족한 상황이 발생 하였다. - 간단하게 EBS Volume을 추가해보며 이참에 EBS란 어떤 것인지도 함께 알아보자. 1. EBS (Elastic Block Storage) 정의 및 특징 - EBS는 클라우드에서 사용하는 가상 하드디스크(HDD or SSD)라고 할 수 있다. EC2 인스턴스 - EC2 인스턴스에 사용할 대규모 고성능 블록 스토리지 볼륨을 제공한다. EC2 인스턴스가 실행 중인 동안 연결 가능한 네트워크 드라이브. 즉 인스턴스와 저장소간 실제 물리.. 공감수 3 댓글수 1 2023. 9. 26.
  • [AWS] 6-3. AWS - S3를 통해 정적 웹 사이트 호스팅 하기(3)(S3로 index.html 호스팅 하기) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - S3 로 정적 웹 사이트 호스팅 하기 ] 입니다. : ) 0. 들어가기 앞서 - 정적 웹 호스팅을 무료로 할 수 있는 방법은 github, netlify 등등 많기 떄문에 잘 사용되지 않을 수 있지만, 해당 방법도 알아두자. - netlify를 통해 호스팅 하는 방법은 해당 포스팅 참고. 2022.02.07 - [2. 웹개발/환경설정 & etc] - React 프로젝트, 정적 사이트 Netlify에 배포하기 1) S3를 통해 정적 사이트 웹 호스팅이 가능 하다. ex) 스토리지에 index.html파일을 올리고, 브라우저에서 해당 객체url로 접근하면 html이 띄워지며, 이게 정적 웹 호스팅이다. 2) EC2를 통해 정적 웹 호스팅을 한 경우와 .. 공감수 4 댓글수 0 2023. 9. 25.
  • 도메인 구입 하기(구입 방법, feat 티스토리 도메인 연결하기) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 도메인 구입하여 적용해보기. ] 입니다. : ) 어느날 문득 나만의 도메인이 갖고 싶을 기분이 들었다. org, com등의 도메인은 구글, AWS 등을 통해 편하게 구매할 수 있지만 나의 경우 kr 도메인을 갖고 싶었다. 그냥.. kr이 갖고 싶은 기분이었다. co.kr 도메인은 가비아, 카페24, 호스팅케이알 등등 에서 구매 가능하였고, 내가 원하는 도메인이 가장 쌌던 hosting.kr 에서 구입 해보려고 한다. ( 메가존에서 운영 하더라.. ㅎㅎ) 1. 호스팅케이알 접속 및 회원 가입 1) 회원 가입. - 호스팅 케이알에 접속하여 회원 가입 하여 준다. (혹시나 접속 url은 다음과 같다. https://domains.hosting.kr/ ) - 회원가.. 공감수 4 댓글수 1 2023. 9. 24.
  • (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(); - 다음과 같은 오류가 발생할 것 이다. - 이를 어떻게 해소할 수 .. 공감수 4 댓글수 0 2023. 9. 24.
  • [AWS] 6-2. AWS - AWS Transfer로 FileZilla(+MobaXterm)로 S3 파일 전송하기(1)(AWS Transfer로 Serverless SFTP 구현하기) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - S3 에 FileZilla, MobaXterm으로 S3 파일 전송해보기 ] 입니다. : ) 0. 들어가기 앞서 - AWS는 EBS, EFS, FSx, S3, Glacier 등등, 요구사항에 맞춰 다양한 스토리지 서비스를 제공한다. - 예전에 SFTP를 사용하기 위해 리눅스에 직접 SFTP 설치, 설정을 했었던 기억이 있다. (https://goddaehee.tistory.com/73) - AWS Transfer Family와 S3를 통해 구지 서버 없이도, 즉 Serverless 하게 SFTP를 구현할 수 있어 이와 관련된 실습을 해보려 한다. 1. AWS Transfer Family 란? https://docs.aws.amazon.com/ko_k.. 공감수 3 댓글수 0 2023. 9. 15.
  • [AWS] 6-1. AWS - S3 버킷 생성 및 파일 업로드 하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - S3 버킷 생성 하기, 파일 업로드 해보기 ] 입니다. : ) 1. S3(Simple Storage Service)란? - 온라인 오브젝트(객체) 스토리지 서비스이다. - 구글 드라이브 처럼 파일 저장 스토리지 서비스이며, 데이터를 온라인, 오브젝트 형태로 저장하는 서비스라고 볼 수 있다. 2. S3 특징 1) 확장성 : EC2와 마찬가지로 확장, 축소가 쉽다. 2) 가용성 및 내구성 - 99.99999%의 데이터 내구성을 가지고 있어 장애나 오류, 위협에 강하다. - S3객체는 최소 4개의 가용 영역에 자동으로 복제되어 보존되기 때문에 어느 한쪽에 장애가 발생해도 계속 사용가능 하다. 3) 신뢰성 : 암호화 기능과 접근 관리 도구가 있고, 각종 .. 공감수 5 댓글수 0 2023. 9. 9.
  • 프로젝트 코드 라인수, 라인 갯수 세기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 프로젝트 코드 라인수, 라인 갯수 세기 ] 입니다. : ) 운영업무, 프로젝트를 진행 하다 보면 간혹 산출물 정리 하면서 파일 갯수, 라인 수 등의 데이터가 필요할 때가 있다. 이럴때 간단하게, 파일 갯수, 라인수를 세는 방법을 알아보자. ※ 나와 같은 경우는 Typescript도 포함할 수 있는 툴이 필요 하여 찾아보게 되었다. 1. CLOC (Code Lines of Code) - https://github.com/AlDanial/cloc - 현재 시점의 최신 버전은 1.98 이며 자세한 내용은 github에 나와 있다. - 다른 프로그래밍 언어에서 코드 줄을 쉽게 계산할 수 있다. - Es 간편하게 설치 및 사용이 가능 하며, 별다른 종속성이 필요하지 .. 공감수 4 댓글수 0 2023. 9. 7.
  • [AWS] 5-3. AWS - EC2 Ubuntu에 mysql8.0 설치하기(Ubuntu 22.04, mysql 8.0.34) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ AWS - EC2 Ubuntu에 mysql 설치하기 ] 입니다. : ) 0. 버전 확인 - EC AMI는 ubuntu는 22.04를 선택하였다. - 현재 mysql 최신 버전은 8.0.34이며, 해당 버전을 설치할 예정이다. 1. mysql 설치 1) 업데이트 sudo apt-get update 또는 sudo apt update 2) mysql-server 설치 sudo apt-get install mysql-server 또는 sudo apt install mysql-server - y 만 입력하면 설치가 완료 된다. - 예전 버전, 환경(aws linux ami)에서는 Password를 물어봤는데, 이번 설치엔 물어보지 않기에 따로 설치시 비번 설정을 하진.. 공감수 4 댓글수 0 2023. 9. 6.
  • [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.. 공감수 3 댓글수 0 2023. 9. 6.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.