cloudfront의 배포를 선택한뒤 동작에서 여러 경로에 대한 동작을 지정할수 있습니다 동작이라 함은 특정 값을 파라메터로 보내거나 캐시에 대한 내용을 수정할수 있습니다 여러분이 react와 같은 frontend를 배포할때 index.html을 포함한 js 파일들을 최종적으로 업로드하게되는데요 index.html의 캐시를 막아 내가 새로운 빌드를 하여 빌드한 코드를 배포할때 배포한 코드가 클라이언트에 캐쉬되어있지 않으니 바로 반영될수 있도록 할수 있습니다 여기서 동작 생성을 눌러 캐시 키 및 원본 요청에 Legacy cache settings를 선택합니다 그리고 최소 TTL : 0 최대 TTL : 0 기본 TTL : 0 설정을 하여 캐싱을 하지 않도록 합니다 두개의 경로패턴을 지정하는것이 좋습니다 in..
이제는 더이상 typescript를 주저할 이유가 없습니다 기존에 만든 javascript 로 되어있는 react 프로젝트를 typescript로 전환하세요 cra로 생성을 한 경우 매우 쉽게 전환이 가능합니다 먼저 typescript를 비롯하여 필요한 패키지들을 설치합니다 npm install --save-dev typescript @types/node @types/react @types/react-dom @types/jest @types/react-router-dom tsconfig 파일을 생성합니다 npx tsc --init 그리고 생성된 tsconfig.json 파일의 allowJs 설정을 변경해주세요 { "allowJs": true } 벌써 끝났습니다 이제 여러분이 js로 만든 컴포넌트의 js ..
사실 오늘 작성하는 포스팅을 작성하려고 마음먹었던게 22년 9월인데 어느덧 23년이 왔네요 많이 늦었지만 번개장터에 아이폰 xs를 팔아보려고 했던 후기를 공유해볼까합니다 번개장터에서 내폰시세라는 서비스가 추가되었습니다 내차시세랑 같은 느낌일까요 내가 가지고 있는 폰의 시세를 파악하여 번개장터에 팔수 있는 서비스입니다 요즘 여기저기서하고 있는 휴대폰 매입서비스인셈이죠 한번 가격을 살펴보았습니다(참고로 해당 스크린샷은 22년 9월 기준으로 작성되었습니다) 실제로 S급이라고 부를수 있는 아이폰 xs 256GB 모델을 팔려고 했습니다 그래서 가격을 조회해봤는데요 S급이 35만 2천원 A급이 32만 7천원 이었는데요 대략 이시기의 일반 거래가가 30~37만의 가격을 형성하고 있었습니다 그래서 등급을 조금 낮게 받..
nestjs에는 nestjs/throttler라는 기본패키지를 제공하고 있어 API의 과도한 호출을 막기 위한 API Rate Limit을 쉽게 적용할수 있습니다 $ npm i --save @nestjs/throttler 패키지를 설치하고 @Module({ imports: [ ThrottlerModule.forRoot({ ttl: 60, limit: 10, }), ], }) export class AppModule {} ThrottlerModule을 import 하세요 그리고 guard를 이용하여 전체 서비스에 적용할수 있습니다 { provide: APP_GUARD, useClass: ThrottlerGuard } Rate Limit가 필요없는곳에서는 @SkipThrottle 이라는 데코레이터를 통해서 ..
2022년 시작에 또 한번의 이직을 하였습니다 앞으로 성장세가 높을것으로 예측되는 헬스케어 분야를 계속하려는 욕심도 있었는데 여러 복합적인 사정으로 결국 이직을 하게 되었습니다 새로운 프로젝트를 맞이할때마다 항상 욕심이 나는 것은 1,000만명 베이스의 트래픽을 규모를 만들겠다라는 것입니다 2008년 첫창업을 하고 내손으로 0명부터 300만까지의 서비스를 직접 설계하고 만드는 벅찬 감동을 이어나가 1000만명이 쓰는 서비스까지 만들어보고 싶은 마음에 계속 그러한 영광을 온전히 얻을수 있는 스타트업 씬에서 허우적대고 있는데 세월이 갈수록 빅테크들의 영향력이 커져 그 틈바구니에서 100만 서비스를 만드는것도 쉬운일이 아니게되었습니다 오히려 스타트업, 신사업 분야에서만 계속 맴돌다보니 매번 같은 스테이지들의 ..
https://3x.ant.design/docs/react/use-with-create-react-app Use in create-react-app - Ant Design The tool will create and initialize environment and dependencies automatically, please try config your proxy setting or use another npm registry if any network errors happen during it. Then we go inside antd-demo and start it. Open the browser at http://lo 3x.ant.design 아직 antd 3.x 을 사용하는 프로젝트가 있습니다 이..
MacOS ventura로 업데이트후에 특정 서버로 ssh를 접속하려니 다음과 같은 오류가 나타나더라구요 Unable to negotiate wth xxx.xxx.xxx.xxx port 22 no matching host key type found. Their offer: ssh-rsa, ssh-dss ssh 접속에 사용하는 알고리즘 문제로 접속이 되지 않는군요 이 문제를 수정하기 위해 ./ssh/config 파일을 수정합니다 vi ~/.ssh/config 다음과 같이 HostKeyAlgorithms를 입력합니다 오류메시지에서 나타난 알고리즘을 입력하셔야 합니다 Host xxx.xxx.xxx.xxx HostKeyAlgorithms ssh-rsa,ssh-dss 저장후 다시 시도하여 접속 성공! 제가 사용하..
https://support.google.com/tagmanager/answer/6102821?hl=ko 태그 관리자에 대한 개요 - 태그 관리자 고객센터 도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요 support.google.com GA4 스크립트를 직접 내 웹사이트에 넣는 방법도 있지만 좀 더 멋지게 사용할수 있는 방법입니다 구글 태그매니저를 이용한 방법입니다 구글 태그매니저가 뭐지? 다소 이해하기 어려운 개념일수도 있는데요 "태그"라는 단어가 다소 모호해서 그렇지 않나 싶습니다 구글 태그매니저는 애널리틱스를 비롯하여 다른 모든 스크립트들을 손쉽게 관리해줄수 있는 매니저라고 생각해보면 이해가 쉽지 않을까 싶네요 구글태그매니저만 웹사이트에 추가해두면 다른 추가로 실행해야할 스크립트들을 ..
https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtag (참고로 문서가 안보이는 경우 영문을 선택하면 문서가 보이네요) ga4를 설치하고 특정 이벤트가 발생하였을때 이벤트를 기록을 하기 위해서는 다음과 같이 스크립트를 호출합니다 gtag('event', '이벤트명', '기타파라메터'); 예를 들면 이렇게 사용합니다 gtag("event", "add_to_cart", { currency: "USD", value: 7.77, items: [ { item_id: "SKU_12345", item_name: "Stan and Friends Tee", affiliation: "Google Merchandis..
특정페이지에 접속해서 서버가 전달해준 html을 렌더링하면서 GA스크립트가 실행 될때 GA에 page_view 이벤트가 기록됩니다 특정 페이지의 조회수를 올리는 기록이지요 어느페이지에 방문을 많이 했는지 알수 있는 매우 중요한 이벤트입니다 그런데 react, vue, angular로 만든 SPA(single page application)는 링크 이동할때 페이지가 새로로드되지 않고 내부적으로 화면 렌더링만 변경되는데 이때도 GA에 기록이 될까요? GA4에서는 향상된 측정을 사용합니다 애널리틱스에 접속하여 왼쪽 하단의 관리자를 클릭하고 -> 데이터 스트림을 클릭하세요 그러면 전체 데이터 스트림이 표시되는데요 여기에서 사용중인 웹 스트림을 클릭합니다 다음화면에서 스트림세부정보가 나오는데 여기에 "향상된 측정..
- Total
- Today
- Yesterday
- 모바일
- 트위터
- 게임
- AWS
- 자바스크립트
- 스마트폰
- 구글
- 창업
- android
- 공모전
- iPhone
- 애플
- 벤처
- CSS
- Apple
- 아이폰
- 어플리케이션
- 웹표준
- JavaScript
- 안드로이드
- 앱
- 네이버
- php
- 대학생
- 경진대회
- 앱스토어
- 소프트웨어
- 아이디어
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |