typescript에서 당연하게 이용하는것이 interface 입니다 인터페이스는 추상화, 다형성에 있어서 매우 의미있는 역할을 하고 있습니다 그런데 typescript의 인터페이스는 javascript에는 없다는 사실 알고 계셨나요? 이 사실을 은근히 모르시는 분들이 많더라구요 javascript는 동적언어로 interface가 없어도 동일한 시그니쳐를 가지고 있는 경우 동일한 타입으로 간주하여 다형성을 사용할수 있습니다 이부분에 대해서는 조금 뒤에 코드에서 다시 알아보기로 합시다 typescript는 javascript에 타입을 지원하여 조금더 편하게(?) 코딩을 할수 있도록 돕는데요 다음의 typescript 코드를 살펴봅시다 interface IAnimal { shout(): void } clas..
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..
- Total
- Today
- Yesterday
- 경진대회
- JavaScript
- 벤처
- CSS
- 자바스크립트
- 아이디어
- 대학생
- Apple
- 아이폰
- iPhone
- android
- 웹표준
- 애플
- 어플리케이션
- 네이버
- 소프트웨어
- 앱스토어
- 구글
- 공모전
- 스마트폰
- 트위터
- 게임
- 창업
- 안드로이드
- 모바일
- php
- AWS
- 앱
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |