티스토리

나를 찾는 아이

검색하기

블로그 홈

나를 찾는 아이

trend21c.tistory.com/m

Simple is the best, Go to basic

구독자: 6

방명록 방문하기

728x90

반응형

주요 글 목록

무료 택배 배송조회 API 제공하는 Delivery Tracker 우리는 너무나도 편리한 택배 세상에 살고 있습니다 택배 회사도 정말 무지하게 많습니다 이커머스 서비스를 운영할때는 고객을 위한 배송조회기능이 반드시 포함되는데요 일부 이커머스는 택배사의 배송조회 페이지를 그대로 연결하기도하고 일부 이커머스는 택배사의 배송조회 상태는 자사의 디자인 컨셉과 유사하게 변경하여 제공하기도 합니다 택배회사마다 UI가 서로 다르기 때문이기도 하죠 그래서 이커머스를 운영할때 API형태로 배송조회를 받고자 하는 경우는 대부분 유료 서비스를 이용하게 됩니다 그런데 무료서비스도 있다는거 알고 계셨나요? https://tracker.delivery/ Delivery Tracker | Delivery Tracker여러분의 서비스에 쉽고 빠르게 배송조회 기능을 연동 해보세요. Tra.. 공감수 0 댓글수 0 2024. 5. 7.
cloudfront에 일괄 cache-control 적용하기 s3에 파일을 저장할때 Cache-Control 메타정보를 지정하지 않으면 저장된 s3 객체가 cloudfront를 통해 서빙될때 해당 리소스에는 Cache-Control 헤더가 응답되지 않습니다 Etag나 Last-Modified 헤더는 자동으로 응답되긴 하지만 이 값으로는 여전히 브라우저의 캐시정책에 의존적일수밖에 없습니다 보다 명시적으로 cache-control : max-age를 지정하기 위해서는 s3 에 오브젝트를 저장할때 메타 정보를 포함시켜야하는데요 저장할때마다 cache-control을 지정하지 않는 방법을 사용하지 않더라도 이방법 말고도 다른 방법이 있습니다 바로 cloudfront function을 이용하여 cloudfront로 요청된 응답 헤더에 헤더를 바로 추가하는 방법입니다 ht.. 공감수 0 댓글수 0 2024. 5. 3.
다크플래쉬에서 엄청난 애프터서비스를 받았습니다 꽤 오래된 인텔 PC를 2대 가지고 있다가 최근에 AMD로 2대 모두 교체를 했습니다 CPU를 교체하게되면 CPU 소켓이 변경되기 때문에 메인보드를 반드시 변경해야합니다 다만, CPU의 종류와 무관한 케이스, 파워, 램, CPU쿨러와 같은 장비는 그대로 재활용이 가능합니다 다만 CPU 쿨러의 경우는 구입할때 AMD용 부품과 인텔용 부품이 모두 포함되어있는데요 이렇게 CPU 종류가 변경되는 경우를 위해서 잘 챙겨두셔야 합니다 인텔과 AMD는 규격이 달라서 CPU 쿨러 브라켓의 규격이 다릅니다 저는 CPU 쿨러로 존스보의 제품과 다크플래쉬의 제품 이렇게 1개씩을 가지고 있습니다 두개 브랜드 모두 CPU 쿨러 제품에서 상위 랭크를 하는 브랜드입니다 그런데 이번에 AMD로 교체하면서 나머지 부품을 찾을.. 공감수 0 댓글수 0 2024. 4. 30.
일본에서 아이폰으로 교통카드 사용하기 일본여행을 할때 번거로운것중에 하나가 대중교통이용하기 입니다 그래도 일본은 대중교통이 매우 잘되어있지만, 일본을 여행하는 우리 입장에서는 지역이 낯설고 요금체계가 낯설고 표 구매하는 방법이 낯섭니다 그런데 아이폰이 있다면 마치 국내에서 삼성폰으로 교통카드 탑승하듯이 할수 있다는것 알고 계셨나요 저도 지인이 알려주어서 이번에 일본 여행을 할때 이용해보았는데요 사용방법도 무척이나 쉽고 편했습니다 특히나 매번 대중교통을 이용할때 표를 사러가지 않아도 되는 점과, 현금을 들고다녀야한다는점, 그리고 남은 동전을 들고다녀야하는 번거로움들이 모두 사라졌습니다 사용하기 위해서는 일단 현대카드가 필요합니다 저는 이방법을 소개해드릴께요 그리고 애플지갑에 현대카드를 등록해 주세요 자 그리고 애플 교통카드(스이카).. 공감수 0 댓글수 0 2024. 4. 29.
일본 여행 갈때 환전 고민없이 토스체크카드로 해결 이 포스팅은 토스의 그 어떠한 지원도 받은 것이 없습니다 최근 일본 여행을 했는데 토스체크카드가 정말 톡톡히 역할을 다했습니다 일단 토스 외화 계좌를 만드세요 토스 외화 계좌를 이용하여 엔화를 사고팔때 환차익, 환차손이 없습니다 이 말인 즉슨, 정말로 엔화 시세 그대로 한화를 엔화로 환전하고, 남은 엔화를 엔화 시세 그대로 한화로 다시 환전할수 있다는 것입니다 그래서 부담없이 외화게좌에 엔화를 환전하여 넣어놓습니다 물론 엔화가 오르거나 내릴때 이득 또는 손해가 발생할수 있습니다 그리고 이렇게 외화 계좌에 넣어놓은 엔화는, 토스체크카드를 통해 일본에서 결제할때 자동으로 엔화 그대로 수수료 없이 빠져나갑니다 마치 국내에서 체크카드를 쓸때처럼 말이죠 그리고 또하나의 장점 일본은 아직 그래도 많은 곳들이.. 공감수 0 댓글수 0 2024. 4. 25.
리팩터링 내성을 키우는 lint, explicit-function-return-type https://typescript-eslint.io/rules/explicit-function-return-type/ explicit-function-return-type | typescript-eslint Require explicit return types on functions and class methods. typescript-eslint.io 해당 lint는 다음과 같은 케이스에서 모두 오류, 경고를 발생합니다 // 함수에서도 void를 선언해야함 function test() { return; } // 변수에 할당하는 함수에도 number를 선언해야함 var fn = function () { return 1; }; // 애로우펑션에서도 string을 선언해야함 var arrowFn = () =.. 공감수 0 댓글수 1 2024. 3. 12.
nestjs swagger가 아니라 redoc 적용하기 swagger live demo redoc live demo 우리가 많이 사용하고 있는 openapi를 볼수 있는 UI 툴은 잘 알려진 swagger가 있지만, 그의 대체제인 redoc도 있다는것 아셨나요? 이것은 swagger UI 이고 이것이 redoc UI 입니다 redoc은 3개의 컬럼 기반으로 좌측에 path, 가운데 params, 우측에 example이 보여지는 형태의 구성입니다 사람마다 swagger, redoc 호불호가 있겠습니다 nestjs 프로젝트에서 redoc을 적용하는것도 어렵지 않습니다 https://www.npmjs.com/package/@jozefazz/nestjs-redoc @jozefazz/nestjs-redoc NestJS ReDoc (Swagger UI Alternati.. 공감수 0 댓글수 0 2024. 3. 11.
구글 태그매니저 변수값을 변경하여 활용하는 방법 구글태그매니저는 태그매니저라는 매개체를 통해 front 소스코드의 변경없이 이벤트를 심을수 있는 매우 좋은 도구입니다 모든 이벤트 로깅을 구글 태그 매니저를 통하여 하도록 하면, front 소스코드에서 이벤트 로깅과 관련된 모든 코드를 격리할수도 있습니다 이게 더더욱 가능한 이유가 추상화된 트리거를 통해 추상화된 변수영역들을 넘겨준다면 해당 트리거를 통해 전달받은 변수값들을 요리조리 변경하여 GA, BRAZE, 앰플리튜드 등등 여러 매체에 데이터를 전송할수 있습니다 전달받은 변수값을 조작하기 위해서 이러한 방법으로 가능합니다 변수값을 생성할때 "맞춤 자바스크립트"를 설정하면 정말로 빈 종이에 javascript 변수값을 적어내려갈수 있습니다 제가 실제로 사용하고 있는 예제로 설명을 드려볼까합니다 기존에 .. 공감수 0 댓글수 0 2024. 3. 8.
더 나은 TS/JS 코드 작성을 위해 피해야할것 4가지 1. 타입 추론이 어려운 비어있는 오브젝트로의 초기화, null 초기화를 피해주세요 // ❌ 작성자의 변수 선언 의도를 알수 없음 const wrongTypeVariable1 = {} // const wrongTypeVariable1 = null; const wrongTypeVariable2 = { a: 3, } const wrongTypeVariable3 = {} wrongTypeVariable3.b = 'aaa'; 변수 선언시에 타입의 선언이 없이 빈 object를 할당하거나, null을 할당해도 동작에는 이상이 없으나, 코드를 읽는 사람으로 하여금 해당 변수가 향후 어떤 값을 갖게되는지 예측할수 없어 모든 로직을 훑어야만 합니다. 해당 변수가 어떠한 역할을 하며 어떠한 형태의 값을 갖게 되는지 선언.. 공감수 0 댓글수 1 2024. 2. 14.
POST 메서드 apache bench(ab) 사용하기 // post_data.json { "hello": "world" } $ ab -p post_data.json -T application/json -H 'Authorization: Bearer aaaabbbbccccddddeeee' -c 10 -n 200 http://api.example.com/users apache bench(ab)는 쉽게 사용할수 있는 벤치마킹 도구인데요 post method api를 체크하고자 할때 사용하는 방법을 기록차 남겨둡니다 공감수 0 댓글수 0 2024. 2. 7.
카카오 모먼트 API 사용하기 카카오모먼트는 카카오의 대표 광고시스템입니다 카카오톡에 광고를 노출한다거나, 카카오톡 채널로 광고메시지를 뿌린다거나 모두 카카오모먼트에서 담당을 하고 있습니다 특히나 카카오톡을 통한 메시지전달은 매우 유용하기 때문에 놓칠수가 없죠 우리가 알고 있는 알림톡의 경우 여러 벤더사들을 통해 계약하여 SMS 대신에 활용할수 있습니다 친구톡도 마찬가지구요 하지만 카카오모먼트 플랫폼을 이용해서 친구톡을 발송할수도 있습니다 그것도 개인화된 메시지로 보내기가 가능합니다 개인화메시지란 모두가 똑같은 메시지를 전달받는게 아니라 개인별로 메시지 내에 이름이나 다른 요소를 넣어서 개인별로 맞춤 메시지를 보낼수 있는것입니다 https://developers.kakao.com/docs/latest/ko/kakaomoment/com.. 공감수 1 댓글수 2 2024. 1. 11.
typeorm PR 머지된 썰푼다 회사에서 사용하고 있는 ORM이 typeorm입니다 nodejs 진영에서 사용할수 있는 유명한 ORM은 또 그렇게 많지는 않습니다 typeorm, sequelize, prisma, mongoose 떠오르는대로 적어보면 이렇게 있네요 모두다 typescript를 지원합니다 mongoose는 mongodb용이니깐 일단 제쳐두고 mysql에서 사용가능한 typeorm, sequlize, prisma를 비교해보겠습니다 2년전만해도 sequelize, typeorm, prisma 순서로 인기가 있었는데 이제 prisma한테 모두 역전되었습니다 그도 그럴수밖에 없는것이 prisma가 신생 ORM이기도 하고 활동도 가장 활발한것 같더라구요 이중에서 typeorm은 일찍부터 typescript를 지원하는 ORM으로서 .. 공감수 0 댓글수 0 2024. 1. 9.
아임포트 테스트환경 결제수단별 제약사항 사실 결제모듈이라는게 처음 서비스 셋업하고 잘 바꾸지 않는 케이스가 더 많기 때문에 한번 셋업한 이후로는 셋업하는 방법이나 관련 내용에 대해서 잊어버릴때가 많더라구요 이번에 많이들 사용하시는 결제모듈인 아임포트를 사용하면서 다시 확인한 내용들을 다시 정리해보려고 합니다 어딘가에 정리해두고 다음에 참고해야겠어요 결제수단 사전 준비물 부분취소가능여부 실결제여부 자동결제취소 특이사항 PG사 - 카드결제 삼성/현대/농협/신한 그외 불가(체크카드 사용하지 말것) 불가 실결제(카드 결제 발생) 매일 23:00~24:00에 자동 결제 취소됨 실제 결제는 취소되었지만 아임포트 상태는 결제완료상태임 토스페이 토스앱 가능 테스트결제 네이버페이 네이버앱, 네이버페이앱 가능 테스트결제 테스트용 계좌 또는 신용카드 등록이 필요.. 공감수 0 댓글수 0 2024. 1. 8.
메인보드 스위치 없어도 전원 켜는 방법 메인보드를 케이스에 장착한뒤에 스위치를 연결하지 않아도 메인보드 전원을 켤수 있는 방법이 있습니다 사실 지금 첨부한 사진의 메인보드에는 전원을 켤수 있는 버튼이 있긴 하지만 버튼이 없는 메인보드 모델에서도 가능합니다 전원 스위치를 연결할수 있는 부분이 이부분인데요 여기에 보통 파워스위치를 꽂는 부분이 우측 상단의 2개입니다 +PWRBTN 이라고도 아래에 써있는것을 볼수 있네요 이 두개의 뾰족튀어나온것을 전기가 흐르는 물체로 한번에 접촉하면 쇼트가 발생하여 메인보드의 스위치가 켜집니다 전혀 고장이 나거나 문제를 발생시키는 방법은 아니구요 실제로도 케이스가 메인보드의 전원스위치를 켜는 방법과 같은 방식입니다 공감수 1 댓글수 1 2024. 1. 5.
10년 이상 시니어가 주니어의 PR 리뷰시 자주 피드백하는 것들 제가 주니어의 PR에 자주 피드백하는 것들을 생각난김에 정리해보았습니다 1. null이 꼭 필요한가요? * string 또는 boolean타입으로도 충분할것 같은데 null이 꼭 필요한가요? * false 또는"" (empty string)으로 처리되지 않을까요? * optional로 처리되어야 하는 이유가 있나요? 2. 더 좋은 이름이 있지 않을까요? * 다소 긴 이름이어도 괜찮습니다 * 함수 또는 변수의 목적이 좀 더 분명하면 좋겠네요 * 이것은 이름이 지나치게 구체적입니다 3. 순수성을 유지해주세요 부수효과가 발생하였습니다 다른곳에서 예상치 못한 오류로 발전될수 있습니다 4. 함수가 하나의 일만 하는것이 좋겠네요 해당 함수가 너무 많은 일을 하는것 같습니다 5. 타입이 추론되지 않습니다 타입이 추론.. 공감수 0 댓글수 1 2023. 12. 31.
shopify가 만든 Liquid를 알아보자 https://shopify.github.io/liquid/ Liquid template language Documentation for the Liquid template language, created by Shopify. shopify.github.io Liquid는 쇼피파이에서 만든 템플릿 언어로 동적 콘텐츠를 가져오는데 사용됩니다 2006년부터 시작해서 지금은 꽤 많은 곳들이 liquid를 사용하고 있습니다 저도 shopify의 테마를 고칠때 쓰거나, braze 를 통한 인앱메시지를 작성할때 liquid를 사용해보았는데요 자주쓰이는 문법을 정리해보겠습니다 제어문 전형적인 if, elseif, else 구문입니다 {% if customer.name == "kevin" %} Hey Kevin! {%.. 공감수 0 댓글수 0 2023. 12. 30.
2023년 회고 다사다난한 2023년 한해도 이렇게 마무리 되는군요 나이를 먹을수록 한해가 정말 빠르게 흐르는것 같습니다 올해는 경제위기, 경기침체가 저에게도 큰 화두였습니다 우크라이나 전쟁을 비롯해서 글로벌 악재가 터지며, 경기가 싸늘해졌음이 느껴집니다. 정말로 사람들이 모두 지갑을 꽁꽁닫고 있는것 같습니다 기업은 물론 자영업자들도 영업하기 어려운 해가 아니었나 싶습니다 이로인해서 회사의 서비스도 매출 성장이 더뎌지는것 같아 걱정입니다 게다가 주식시장도 좋지 않아서 그것으로도 더 슬픈해가 되었네요 올해 개발실장이 되었고, 특히나 구성원들의 성장을 위해서 많은 신경을 썼습니다 다행히 구성원 모두가 잘 성장해주고 있어서 뿌듯합니다 지난해부터 이어져온 좋은 PR문화는 그대로 유지되고 있고 전체적인 테스트코드 양은 물론 퀄리.. 공감수 0 댓글수 0 2023. 12. 29.
소셜로그인에서 필수항목을 설정할 수밖에 없는 현실적인 이유 카카오 네이버 페이스북 애플 많은 서비스들 사용하고 있는 소셜로그인입니다. 여기에 구글로그인이나 깃헙 로그인이 추가로 더 붙을수도 있겠네요 소셜로그인을 이용하게될때 몇가지 장점이 있습니다 가입 절차를 건너뛰도록 할수 있습니다 소셜로그인을 통해 가져올수 있는 유저정보를 토대로 새로운 유저 계정을 생성하여 복잡한 가입절차를 건너뛰어 유저를 빠르게 온보딩시킬수 있습니다 비밀번호를 기억하지 않아도 됩니다 각 사이트마다 서로 다른 비밀번호 정책으로 인해 비밀번호를 까먹는다는것이 아주 사용자 입장에서 귀찮은 일인데요 비밀번호를 기억하지 않아도 손쉬운 소셜로그인으로 로그인을 할수 있습니다. 그런데 소셜 로그인을 사용할때 주의해야할점들이 있는데요 아주 먼 소셜로그인 초창기 시절에는 특정 소셜업체에서는 유저가 로그인하.. 공감수 0 댓글수 1 2023. 12. 27.
node v20.6.0 에서 env 파일 지원이 시작되었습니다 nodejs v20.6.0 버전이 2023년 9월 4일 공개가 되었는데요 이 좋은 소식을 얼른 알리려다가 이제야 포스팅을 작성하게 되네요 https://nodejs.org/en/blog/release/v20.6.0 Node v20.6.0 (Current) | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 가장 주목할만한 업데이트는 환경변수를 위한 env 파일의 지원입니다 node --env-file=.env index.js ini 형태의 key-value를 갖는 파일을 읽을수 있으며, 이를 환경변수로 사용합니다 --env-file 옵션을 사용하면 되고, 별다른 패키지를 설치하지 않아도 됩.. 공감수 0 댓글수 2 2023. 12. 26.
알고보면 재밌는 대한민국의 표준시 https://ko.wikipedia.org/wiki/%ED%95%9C%EA%B5%AD_%ED%91%9C%EC%A4%80%EC%8B%9C 한국 표준시 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. KST는 여기로 연결됩니다. 다른 뜻에 대해서는 KST (동음이의) 문서를 참고하십시오. 서울 마포구 캐슬프라하 홍대점에 한국 표준시를 가리키는 시계 한국 표준 ko.wikipedia.org 개발자들도 알고보면 재미있는 표준시 이야기 입니다 대한민국의 표준시는 협정세계시(UTC)보다 9시간을 더합니다 new Date() // Wed Aug 23 2023 16:00:00 GMT+0900 (한국 표준시) 대한민국 기준으로 2023년 8월 23일 오후 4시는 UTC 기준으로는 2023년 8월 .. 공감수 0 댓글수 0 2023. 8. 24.
이미 실행되고 있는 github action 취소하기 https://docs.github.com/ko/github-ae@latest/actions/using-jobs/using-concurrency 동시성 사용 - GitHub AE Docs 한 번에 하나의 작업을 실행합니다. docs.github.com github action 워크플로우는 여러분이 원하는 트리거에 따라 실행되도록 할수 있습니다 concurrency(동시성)을 사용하면 동일한 동시성 그룹을 사용하는 단일 작업 또는 워크플로만 한 번에 실행되도록 할 수 있습니다 예) 동시성을 사용하여 진행중인 작업 또는 실행 취소 concurrency: group: ${{ github.ref }} cancel-in-progress: true 동일한 group을 구분하는 키로 github.ref 변수를 사용하.. 공감수 0 댓글수 0 2023. 8. 23.
0.1 + 0.2 = ? 0.1 + 0.2 는 무엇일까요? 0.1 + 0.2 수학적으로 우리가 암산으로도 쉽게 결과를 대답할수 있습니다 답은 0.3 입니다 이걸 컴퓨터가 계산하면 어떻게 될까요? // java public class HelloWorld{ public static void main(String []args){ System.out.println(0.1+0.2); // 0.30000000000000004 } } // swift print(0.1+0.2) // 0.30000000000000004 // js 0.1 + 0.2 = 0.30000000000000004 공통적으로 0.3이 아닌 0.300.....4라는 답을 주고 있습니다 2진법을 이용하여 계산하는 컴퓨터가 소수점을 계산할때 발생할수밖에 없는 문제입니다 0.1 .. 공감수 0 댓글수 0 2023. 8. 22.
카카오 로그인을 사용하고 있다면 반드시 체크해야할것 https://developers.kakao.com/docs/latest/ko/kakaologin/js Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오로그인 javascript sdk에서 Kakao.Auth.login() 함수가 제거되었고 Kakao.Auth.authorize()를 사용해야합니다 레거시버전 v1 js sdk는 아래와 같은 메뉴얼을 제공하고 있습니다 login() 메서드를 통해 카카오 로그인을 팝업창을 통해 구현합니다 그런데 v2에서는 해당 메서드가 보안의 문제로 제거되었습니다 그리고 또하나의 문제가 있는데 login() 메.. 공감수 0 댓글수 0 2023. 8. 4.
nodejs18이상부터는 nodemon을 사용하지 않아도 됩니다 nodemon은 개발할때 매우 유용한 패키지입니다 어플리케이션 내의 파일 변화를 감지하여 자동으로 어플리케이션을 재실행합니다 그래서 로컬에서 개발할때 파일을 변경할때마다 직접 재실행할필요없이 자동으로 이루어집니다 nodemon ./server.js nodemon을 설치하고 보통 이런식으로 명령어를 설정해놓고 사용합니다 그런데 nodejs18 버전부터는 --watch 플래그가 실험적으로 들어왔습니다 굳이 nodemon 패키지를 설치하지 않아도 node --watch server.js 이렇게 사용할수 있습니다 node --watch-path=./src --watch-path=./tests server.js 감지할 특정 폴더를 지정할수도 있습니다 (node:68364) ExperimentalWarning: W.. 공감수 1 댓글수 0 2023. 7. 31.
mysql 새로운 컬럼 추가할때도 table lock 걱정하지마세요 https://dev.mysql.com/doc/refman/5.7/en/innodb-online-ddl-operations.html MySQL :: MySQL 5.7 Reference Manual :: 14.13.1 Online DDL Operations 14.13.1 Online DDL Operations Online support details, syntax examples, and usage notes for DDL operations are provided under the following topics in this section. The following table provides an overview of online DDL support for index operations. An aste.. 공감수 0 댓글수 0 2023. 7. 13.
[typescript] optional 속성에 undefined를 할당할수 있을까? typescript의 옵션중에서 exactOptionalPropertyTypes 옵션이 있습니다 이 옵션은 기본적으로는 disabled 상태입니다 이 옵션이 무슨 옵션인지 한번 알아볼까요 일단 exactOptionalPropertyTypes 이름을 해석해보면 "정확한 옵셔널 프로퍼티 타입" 입니다 옵셔널 프로퍼티 타입이 정확하다는 말이죠 이 말 뜻이 무엇일까요? interface UserDefaults { colorThemeOverride?: "dark" | "light"; } typescript의 기본설정(exactOptionalPropertyTypes가 disabled)에서는 colorThemeOverride는 dark, light 뿐만아니라 undefined 까지 세개의 값을 가질수 있습니다 dar.. 공감수 0 댓글수 0 2023. 7. 12.
useEffect가 두번씩 호출되고 있다고요? 리액트 StrictMode 알고 계셨습니까? StrictMode는 development 환경에서 흔한 버그들을 찾을수 있도록 도와줍니다 Production build 에서는 아무런 영향을 미치지 않습니다 안의 모든 컴포넌트 트리에서 추가적인 동작들을 활성화합니다 만약 전체앱이 아니라 일부분의 컴포넌트에서만 사용한다면 Root에서 를 감싸지 말고 검수를 하고자 하는 컴포넌트를 감싸면 됩니다 하지만 이왕 한다면 root App에 적용하는것을 추천합니다 strict mode은 여러 기능이 있지만 그중 가장 중요한것은 순수하지 않은 렌더링으로 발생하는 버그를 발견할수 있도록 컴포넌트 함수를 두번씩 호출합니다 누락된 클린업을 놓치지 않기 위해 부수효과를 두번씩 호출합니다 이렇게 두번씩 컴포넌트 함수를 호출함으로써.. 공감수 0 댓글수 0 2023. 7. 11.
docker 기반 nodejs 웹 어플리케이션을 만드는 좋은 습관 1. 알려진 도커 베이스 이미지를 선택하기 출처를 모르는 도커 이미지에는 무엇이 심어져있을지 모르니 official한 곳에서 제공하는 이미지를 사용합시다 2. 명시적으로 도커이미지를 선택하기 FROM node 좀 더 구체적인 버전 명시를 통해서 소프트웨어를 안정적이도록 합니다 FROM node:16.17.0-bullseye-slim 3. product용 의존성만 설치하기 RUN npm ci --only=production 4. product 환경으로 설정하기 ENV NODE_ENV production https://expressjs.com/en/advanced/best-practice-performance.html#set-node_env-to-production Performance Best Practi.. 공감수 0 댓글수 0 2023. 7. 10.
npm 특정 버전의 패키지를 사용하도록 지정하기 npm 은 hoisting 알고리즘을 통해 여러버전의 패키지들을 관리하고 있습니다 여러분의 프로젝트에서 관리하고 있는 의존성중에서 특정 패키지의 버전을 다른 버전을 쓰도록 바꾸고 싶을때가 있을수 있습니다 예를 들면 어떤 패키지의 특정버전에서의 보안문제로 인해서 변경을 해야한다던가 다른 fork된 저장소를 쓴다던가 하는 다양한 이유들이 있겠습니다 이럴때 활용할수 있도록 npm에서는 overrides라는 프로퍼티를 제공하고 있습니다 package.json 파일을 다음과 같이 수정합니다 { "overrides": { "foo": "1.0.0" } } 해당 패키지에서 하위의 foo 패키지의 버전을 1.0.0을 사용하도록 강제로 지정합니다 하위의 뎁스를 좀더 세밀하게 조정할수 있습니다 { "overrides": .. 공감수 1 댓글수 1 2023. 7. 7.
당신의 REST API는 멱등한가요? 멱등이라는 단어는 사실상 평생 쓸 일이 없는 단어입니다 그런데 HTTP method 에서 멱등성이라는 아주 생소한 단어가 등장하는데요 이것을 알면 더 좋은 http restful api를 설계하는데 큰 도움이 됩니다 추가로 면접관이 http method에 관한 질문을 할때 이 멱등성에 대한 내용까지 답한다면 플러스 알파를 얻게 되실 거예요 https://developer.mozilla.org/ko/docs/Glossary/Idempotent 멱등성 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN 동일한 요청을 한 번 보내는 것과 여러 번 연속으로 보내는 것이 같은 효과를 지니고, 서버의 상태도 동일하게 남을 때, 해당 HTTP 메서드가 멱등성을 가졌다고 말합니다. 다른 말로는, 멱등성 메.. 공감수 0 댓글수 0 2023. 7. 6.

728x90

반응형

문의안내

티스토리
로그인
고객센터

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