티스토리

코드맛 비빔빱

검색하기

블로그 홈

코드맛 비빔빱

codebibimppap.tistory.com/m

bimppap 님의 블로그입니다.

구독자: 4

방명록 방문하기

주요 글 목록

체인링크 VRF 응용 - 당첨차 추첨 컨트랙트 만들기 (2) 이전 글은 아래 링크에서 확인할 수 있다. 체인링크 VRF 응용 - 당첨차 추첨 컨트랙트 만들기 (1) 컨트랙트에서 트랜잭션이 실행되려면 가스가 필수적으로 든다. 코드의 길이와 데이터 변경 유무에 따라 필요한 가스량이 달라지기 때문에, 좋은 컨트랙트는 최소한의 가스로 최대의 효율을 내는 컨트랙트라고 배웠다. 때문에 최대의 효율을 내기 위해선 가스가 언제 덜, 혹은 더 쓰이는지 알아야 한다. 지난 글에서 짜인 코드는 효율과 가스비를 고려하지 않고 작동하기만 하는 코드였다. 이번 글에서는 가스비, 데이터량 등 환경적 제약을 고려하여 리팩토링하는 과정을 보여줄 예정이다. 1. 한 번에 1만 개의 주소를 넣을 순 없다. 데이터량에 대해 고민한 이유는 신청자 인원 수 때문이다. 컨트랙트에 약 1만 명에 가까운 주.. 공감수 1 댓글수 0 2024. 2. 7.
체인링크 VRF를 활용한 추첨 컨트랙트 구현하기 (1) 최근 회사 업무 중 급하게 아래 요구사항을 가진 업무를 받았다. - 신청자를 받은 후 일정 인원의 당첨자를 뽑을 수 있다. - 당첨자 목록을 확인할 수 있다. - 위 기능이 블록체인 기술로 구현되어야 한다. - 당첨차 추첨에는 체인링크 VRF가 사용되어야 한다. 즉, 당첨차 추첨 컨트랙트를 만들어 달라는 뜻이었다. 구현이 아주 어려운 건 아니었으나 개발에 필요한 시간이 짧았기에 꽤나 험난한 여정이 되었다. 마무리 단계를 거치고 있는 지금, 정리 겸 회고를 위해 개발 여정을 글로 담아보려고 한다. 글 작성에 관해선 회사에서 허락을 받았으며 혹시나를 대비해 모든 코드를 올리진 않을 예정이다. 체인링크 VRF에 관해서 아래 게시물들을 통해 충분히 설명을 했기 때문에 간략하게만 얘기를 하겠다. 체인링크 VRF .. 공감수 0 댓글수 0 2024. 2. 4.
http-proxy-middleware 사용하기 서론 현재 팀에서는 클라이언트가 하나의 프록시 서비스를 바라보고 있고, 해당 프록시 서비스가 요청에 따라 여러 서비스를 호출하고 있다. 때문에 한 서비스에서 새로운 기능이 생겨나면 프록시 서비스가 해당 기능도 호출할 수 있도록 업데이트를 해줘야 된다. 레거시라는 걸 알고 있지만 언제 제거될 지 모르고, 그 사이에 새 기능이 추가되면 프록시 서비스도 업데이트를 해야 하는 상태이기 때문에 업데이트가 없어도 알아서 프록시를 하는 방법이 없을까 팀원과 고민해보던 중 이 라이브러리를 알게 되었다. 이에 해당 라이브러리를 사용해보면서 공부한 것들을 간단히 정리해보기로 했다. http-proxy-middleware 라이브러리 HTTP 요청 및 응답을 프록시하는 데 사용되는 미들웨어 라이브러리. 서버 간에 데이터를 전.. 공감수 0 댓글수 1 2024. 1. 21.
2023년 회고, 2024년 다짐 2023년을 맞이한 게 엊그제처럼 느껴지는데 벌써 2024년이 찾아왔다. 2024년 1월 1일이라니... 이래저래 새해는 늘 설레는 법이다. 생일이기도 하고, 새로운 시작이기도 하니까. 사실 날짜라는 개념이 없었다면 새해고 뭐고 없었을 텐데, 날짜라는 걸 발명한 사람은 참 대단한 것 같다. 덕분에 생일도 축하할 수 있고, 새해도 맞이하면서 하루가 특별해질 수 있고, 소중해질 수 있게 되었으니 말이다. 나도 생일을 축하할 겸 오늘을 좀 더 특별하게 여기도록 하기 위해 2023년을 어떻게 보냈는지 셀프 회고를 해보기로 했다. 먼저 작년, 그러니까 2023년 1월에 적었던 목표는 아래와 같았다. - 스터디 3개 이상 도전해서 짧든 길든 도중 이탈 없이 끝까지 가보기 - 기술 블로그에 게시물 한달에 하나는 투고.. 공감수 1 댓글수 2 2024. 1. 1.
[DataDog] dd-trace 적용 (with. pino 로거) 개발환경 : Typescript, NestJS, DataDog Agent가 세팅되어 있음 서론 우리 팀은 자체 제작 로깅 모듈, 트레이싱 전용 객체를 만들어 로깅을 하고 있었다. 그러나 다른 팀과 로깅 모듈을 통일시키고, 기존에 사용 중이었던 데이터독으로 트레이싱도 가능케 하자는 의견이 나와 진행하게 되었다. 이에 데이터독에서 제공하는 dd-trace에 대해 알아보고 적용하기까지의 이야기를 간략하게 정리해보기로 했다. APM이란? APM이란 Application Performance Monitoring 의 줄임말로, 애플리케이션 성능 모니터링를 말한다. APM은 말 그대로 실시간 데이터를 이용해 애플리케이션의 성능과 유저의 사용 경험을 모니터링하는 프로세스이다. APM 서비스는 skywalking, pi.. 공감수 0 댓글수 2 2023. 12. 5.
체인링크 VRF 사용해보기 (3) Subscription과 컨트랙트 연동하기 이전 글 보러가기 체인링크 VRF 사용해보기 (1) 체인링크란? 체인링크 VRF 사용해보기 (2) Subscription Manager 사용하기 컨트랙트 생성 및 배포 이제 Subscription에 컨트랙트를 등록할 것이다. 컨트랙트는 체인링크에서 제공하는 샘플 코드를 조금 변경해서 사용할 것이다. 이 컨트랙트는 VRF를 이용해 요청하는 주소마다 한국의 성씨 20개 중 하나를 랜덤으로 지정해 줄 것이다. // SPDX-License-Identifier: MIT pragma solidity ^0.8.7; import "@chainlink/contracts/src/v0.8/interfaces/VRFCoordinatorV2Interface.sol"; import "@chainlink/contracts/sr.. 공감수 1 댓글수 0 2023. 6. 17.
체인링크 VRF 사용해보기 (2) Subscription Manager 사용하기 이전 글 보러가기 체인링크 VRF 사용해보기 (1) 체인링크란? 체인링크 VRF를 사용하는 방법은 크게 두 가지다. 1) 체인링크 VRF 컨트랙트와 직접 통신하기 2) 체인링크 Functions를 이용해 간접적으로 사용하기 API를 사용하면 훨씬 간단하게 구현이 가능하지만 비용이 더 들기 때문에 1번 방법으로 구현할 것이다. 환경은 뭄바이 테스트넷 기준이다. 체인링크 VRF를 사용하려면 기본적으로 Subscription Manager에서 아래와 같은 세팅이 필요하다. 1) Subscription 생성 2) 생성한 Subscription에 Fund 추가 3) 생성한 Subscription에 Consumer 추가 1) Subscription 생성 먼저 Subscription이 무엇인지에 대한 설명이 필요할 .. 공감수 0 댓글수 0 2023. 5. 28.
체인링크 VRF 사용해보기 (1) 체인링크란? 블록체인은 안전한가? 블록체인은 데이터 분산 처리 기술로, 네트워크에 참여하는 모든 사용자가 모든 거래 내역 등의 데이터를 분산 및 저장하는 기술을 지칭하는 말이다. 분산 저장을 하기 때문에 해킹이 거의 불가능하고 중앙 관리자가 없다는 게 특징으로 높은 신뢰성과 보안성을 자랑한다. 그렇다면 블록체인은 100% 안전한 기술인 걸까? 오라클 문제 블록체인에서는 블록체인 밖의 데이터를 오프체인off-chain, 블록체인 안의 데이터를 온체인on-chain이라 한다. 이 때 오프체인 데이터가 온체인 데이터로 바꾸는 것을 오라클oracle이라 한다. 오라클은 현실 세계와 블록체인 중간에서 데이터를 블록체인 안에 넣어주는 사람 또는 장치가 될 수 있다. 그럼 생각해보자. 블록체인 내부에서는 데이터 위변조가 불가능하.. 공감수 1 댓글수 0 2023. 4. 23.
오픈제플린 + 온라인 RemixIDE 로 간단 컨트랙트 구현하기 지난 번에는 하드햇 튜토리얼로 프레임워크를 이용한 컨트랙트의 작성부터 배포를 다뤘다. 이번에는 표준 사양의 컨트랙트를 오픈제플린을 사용해 온라인으로 쉽게 작성하는 방법에 대해 적어보려고 한다. 솔리디티 문법에 대한 기초적인 이해만 있으면 따로 준비할 건 없기에 블록체인 개발을 맛보기로 해보고 싶은 사람한테 추천한다! 👍 순서는 다음과 같다. - 왜 오픈제플린을 사용하는가? - 오픈제플린이란? - 오픈제플린 위자드를 활용한 간단 컨트랙트 구현 - 참고 자료 왜 오픈제플린을 사용하는가? 블록체인 네트워크에서는 유통할 수 있는 토큰의 호환성을 위해 ERC20, ERC721, ERC1155 등의 표준 사양을 제공하고 있다. 예시로 ERC20은 아래와 같은 사양을 가지고 있다. // METHOD function .. 공감수 0 댓글수 0 2023. 4. 9.
HardHat 튜토리얼 2편 HardHat Tutorial 을 직접 번역해 봤습니다. 😎 더불어 개인적으로 유용했던 팁 또는 이해하는데 도움이 되는 개념들을 적어봤습니다. >> 사용 스펙 MacOS InteliJ IDE Node.js TypeScript npm Solidity Polygon 이전 편은 아래 링크에서 확인할 수 있습니다. 2023.02.24 - [블록체인 뿅뿅] - HardHat 튜토리얼 1편 5. 컨트랙트 테스트하기 스마트 컨트랙트는 구동할 때마다 돈이 들기 때문에 반드시 돈이 들지 않는 테스트를 짜야 한다. 여기서는 컨트랙트를 테스트하기 위해 개발용 로컬 이더리움 네트워크인 hardhat를 사용한다. Hardhat에 내장되어 있어 기본 네트워크로 사용되며 따로 세팅을 할 필욘 없다. 테스트는 ethers.js와 m.. 공감수 0 댓글수 0 2023. 3. 9.
HardHat 튜토리얼 1편 HardHat Tutorial 을 직접 번역해 봤습니다. 😎 더불어 개인적으로 유용했던 팁 또는 이해하는데 도움이 되는 개념들을 적어봤습니다. >> 사용 스펙 MacOS InteliJ IDE Node.js TypeScript npm Solidity 1. Overview HardHat 초심자들을 위한 튜토리얼 이 튜토리얼은 빠르고 간단하게 컨트랙트 개발 환경을 구축하는 걸 목표로 한다. 이더리움 기반 구축을 용이하게 하는 개발 환경인 HardHat을 사용하면 스마트 컨트랙트 및 DApp 구축 프로세스의 반복 작업을 관리 및 자동화할 수 있으며, 관련 워크플로우에 더 많은 기능을 쉽게 도입하도록 만든다. 또한 개발을 위한 로컬 이더리움 네트워크인 Hardhat 네트워크를 통해 컨트랙트를 배포, 테스트 실행,.. 공감수 1 댓글수 1 2023. 2. 24.
[JAVA] 커스텀 어노테이션 만들기.. 그런데 Path Variable를 곁들인 위와 같이 컨트롤러 단에서 API를 통해 들어오는 jwt 토큰과 Path Variable로 들어오는 유저 아이디가 같은지 확인하고 아니라면 Unauthorized 에러를 보내는 어노테이션을 만드려고 했다. 이전에 Argument Resolver를 통하여 파라미터에 어노테이션을 붙여 사용해 본 적은 있으나, 메소드에 어노테이션은 붙여본 적이 없어 이참에 한번 도전해보기로 했다. 서비스단에서 검사하는 대신 커스텀 어노테이션을 쓰는 이유를 간략하게 설명하자면, AOP를 통해 반복되는 코드를 줄이고 재활용성을 높이기 위해서이다. AOP는 Aspect Oriented Programming의 줄임말로 비즈니스 로직에서 핵심 로직이 아닌 공통적인 부분(로깅, 보안 등)을 분리시켜 비즈니스 로직에선 핵심 로직만 집중할.. 공감수 0 댓글수 0 2022. 11. 22.
[Typescript] TypeORM 0.3.x 메이저 Changes + 0.3.x에 대한 의견 TypeORM은 2022년 3월 18일을 기준으로 0.3.0 버전을 출시했다. (링크) 0.2.x 와 다르게 달라지거나 deprecated 된 부분이 많기도 하고, 릴리즈 노트 또는 공식 docs에 적혀있지 않고 issue에만 언급된 changes도 있어 마이그레이션할 때 참고했던 것들을 정리하기로 했다. (매번 느끼지만 typeorm 공식 문서는 업데이트도 느리고 설명도 간단하게만 적혀있어 불편할 때가 많다ㅠㅠ) 차례는 다음과 같다. Config 만들기 Repository 만들기 Repository 사용하기 0.3.x으로 바꾸는 게 좋을까? Config 만들기 0.2.x에서 config를 주입할 때 사용하던 ConnectionOptions은 0.3.x에서 deprecated되었다. 대신 DataSouc.. 공감수 0 댓글수 0 2022. 11. 21.
[React] 대시보드 특화 프레임워크 Refine 맛보기 💡 refine을 이용하여 간단한 CRUD 페이지를 개발할 수 있다. (feat. Taliwind.css) refine | Build your React-based CRUD applications, without constraints! | refine Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. It ships with Ant Design System, an enterprise-level UI toolkit. refine.dev GitHub - refinedev/refine: Build your React-based CRUD applic.. 공감수 0 댓글수 0 2022. 11. 18.
[React] React 간단 맛보기 📌 백엔드 개발자도 React를 알고싶다! 그런데 typescript를 곁들인. 회사에서 관리자 페이지를 만들기로 했는데, 프론트도 일부 맡게 되어서 불가항력으로 React를 공부하게 되었다. 최근 프론트 쪽에도 관심이 생겨서 클론 코딩 강의를 들으려고 했는데, 그 전에 React에 대해 간단하게라도 알고 가면 좋겠다 싶어 정리를 해보았다. 리액트를 깊게 파진 않고 필요할 것 같은 기본 개념과 코드 등만 가져왔다. 차례는 다음과 같다. 1. 메뉴판 :: 리액트란? 2. 시식코너 :: 리액트 중요 개념 및 기능 3. 에피타이저 :: 리액트 작업 환경 4. 메인디쉬 :: 리액트 프로젝트 실습 5. 디저트 :: 참고자료 🧾 메뉴판 :: 리액트란? 정의 페이스북에서 제공해주는 프론트엔드 라이브러리. 구조가 MV.. 공감수 0 댓글수 0 2022. 11. 18.
[Infra] Github Actions 간단 실습(2) ~ 헤로쿠 배포 ~ [Infra] Github Actions 간단 실습(1) ~ 빌드및 테스트 ~ 에서 이어집니다 지난 글에선 github actions을 이용해 깃허브에 올라오는 코드를 빌드 및 테스트하는 워크플로우를 작성해보았다. 이번엔 github actions를 이용해 깃허브에 올라오는 코드를 서버에 배포하는 워크플로우를 작성해보겠다. 여기서 사용할 서버는 heroku로, 여기를 참고하면서 진행하면 도움이 될 것이다. 0. 헤로쿠 무료 플랜 제거 헤로쿠는 2022년 8월 25일, 다가오는 11월 28일부터 무료 플랜과 무료 data service를 더 이상 제공하지 않으며 비활성 계정들도 점진적으로 삭제할 거라 발표했다. (링크) 차후 학생과 비영리 단체를 위한 지원 프로그램을 개설할 거라 했지만 학생 계정만으로도.. 공감수 3 댓글수 0 2022. 9. 29.
[Infra] Github Actions 간단 실습(1) ~ 빌드및 테스트 ~ 최근 대학교 동아리 사람들과 간단한 스프링 프로젝트를 만들고 있다. 백엔드 일부와 인프라 전반을 맡게 되었는데, 인프라를 전부 맡은 적은 처음이라 조금 부담이 있었다. 그래도 하다 보니 생각보다 할만해서 재미있게 하고 있다. 최대한 간단하게 CI/CD 환경을 구축하기 위해 헤로쿠와 깃허브 액션을 쓰기로 했다. 순서는 다음과 같다. 1. develop 브랜치를 베이스로 한 PR 브랜치가 올라온다. 2. 깃허브 액션에서 PR을 감지하고 빌드 및 테스트를 돌린다. 3. 빌드와 테스트가 성공적으로 끝나면 코드 리뷰를 진행하고, develop 브랜치에 머지한다. 4. 깃허브 액션에서 머지를 감지하고 헤로쿠 서버에 배포한다. 0. 깃허브 액션이란? 깃허브에서 제공하는 CI/CD 서비스. 레포지토리에서 어떤 이벤트가.. 공감수 2 댓글수 0 2022. 9. 28.
[TypeScript] MissingDriverError: Wrong driver: "undefined" given. 에러 해결 데이터베이스 세팅을 하는데 해당 에러 때문에 2주간 고생을 했었다. 다른 팀원들에게도 도움을 구했었는데 다름 팀원들 컴퓨터에서는 잘 돌아가서 혼란을 많이 줬었다... env 파일을 지정해놨음에도 왜 저렇게 뜨나 해서 디버깅을 돌려보니 env 파일을 왕따시키고 있는 것 마냥 변수를 아예 먹고 있질 못했다. 많은 방법을 시도했음에도 불구하고 에러가 해결되지 않아 편법으로 터미널을 이용해 직접 환경 변수를 먹이거나 docker compose 파일에서 env file을 지정해주는 식으로 해결을 했다. 그러나 언제까지고 편법으로 승부할 수는 없는 법이다... 시도했던 방법들은 아래와 같다. 여기를 많이 참고했다. 1) export = config 를 module.exports = config 로 변경 별 차이 없.. 공감수 0 댓글수 0 2022. 7. 4.
[Infra] kubernetes 간단 정리 (1) 회사에서 쿠버네티스를 쓴다고 해서 저번에 팀리더와 간단한 실습을 했다. 하라는 대로 따라하면서도 대체 무슨 일이 일어나고 있는 건지 감이 잘 잡히지 않았다.. 🥹 마침 시간적 여유가 생겨 간단하게라도 정리해보려고 한다. 진짜 간단함. 완전 입문용. 쿠버네티스란 컨테이너 관리 툴. 좀 더 정확히는, 컨테이너를 쉽고 빠르게 배포, 확장하고 관리를 자동화해주는 오픈소스 플랫폼이다. 컨테이너 관리 툴은 쿠버네티스 이전에도 많이 있었지만(Docker의 스웜, AWS의 ECS, 하시코프의 Nomad, Mesos의 Marathon 등) 쿠버네티스 스펙과 기능이 넘 좋아서 등장 이후로 사실상 일인자가 된 듯 하다. 쿠버네티스를 쓰면 뭐가 좋을까? 1) 모니터링이 쉬워진다 컨테이너가 여러 개 있는데, 그 중 하나의 컨테.. 공감수 2 댓글수 0 2022. 6. 24.
[Infra] heroku로 스프링 프로젝트 빠르고 쉽게 배포해보기 시작하기에 앞서 배포가 뭐임? 📌 배포를 알기 전에 잠깐!! 컴파일과 빌드와 배포의 차이는 알고 있나요? --본인이 번역가라고 해보자-- 1. 영문으로된 글을 한글로 번역하는 것은 컴파일이다. 2. 번역한 글을 책으로 엮는 것은 빌드이다. 3. 완성된 책을 고객들이 읽을 수 있도록 서점에 진열하는 것은 배포이다. 4. 1~2번 과정을 하나로 묶어 '빌드한다'고 하기도 한다. 순서대로 보면 컴파일-빌드-배포지만 “빌드하고 배포하죠” 안에서 빌드는 보통 컴파일을 포함하고 있다. --프로그래밍적 관점으로 보자면...-- 1. 컴파일: 사용자가 작성한 코드를 컴퓨터가 이해할 수 있는 언어로 번역하는 일 2. 빌드: 컴파일된 코드를 실제 실행할 수 있는 상태로 만드는 일 3. 배포: 빌드가 완성된 실행 가능한 파.. 공감수 0 댓글수 2 2022. 6. 14.
[TypeScript] 인터페이스를 활용한 커스텀 Repository 만들기(w.typeorm) 이전 게시물에서 커스텀 레포지토리를 활용한다고 했다. typeorm에서 커스텀 레포지토리 문서를 제공하긴 하나 typeorm에 지나치게 의존하게 된다는 느낌이 들어 인터페이스를 활용해보기로 했다. 인터페이스 user.repository.ts export interface UserRepository { findById(id: number): Promise; } 인터페이스를 사용하게 된 이유? - 확장성. typeorm 구현체를 사용하게 될 경우, 다른 orm 라이브러리로 갈아타게 될 일이 생길 때 리팩토링 비용이 많이 들 것이다. 또한 typeorm에서만 통하는 문법이 있어 다른 개발자가 봤을 때 이해하기까지 시간이 더 걸릴 수 있다. 이에 공통으로 통용되는 방식을 차용해 접근성을 높이고, 다른 라이브러리.. 공감수 0 댓글수 0 2022. 3. 9.
[TypeScript] ts-mockito 로 테스트하기. 그런데 트랜잭션을 곁들인 개발환경 - Nest.js - Jest (+) ts-mockito (+) typeorm-transactional-cls-hooked Jest에 기본으로 있는 Mock을 사용하면서 다양한 불편함(문자열로 메소드 주입하기, 모킹하는 과정이 구구절절 뭔가 많음...) 을 느꼈는데 조졸두님의 글을 보고 ts-mockito를 사용해보기로 했다. 자세한 사용법은 해당 라이브러리 공식 깃허브에서 확인할 수 있다. 테스트할 User Service import { InjectRepository } from '@nestjs/typeorm'; import { Injectable } from '@nestjs/common'; import { Transactional } from 'typeorm-transactional-cls-.. 공감수 0 댓글수 0 2022. 3. 4.
[ TypeScript ] TypeORM - Cannot read properties of undefined (reading 'column') 에러 해결하기 nest.js 웹 프레임워크를 활용해 프로젝트를 만들고 있었는데 어느 정도 도메인을 짜고 yarn start를 누르니 해당 에러가 떴다. [Nest] 24529 - 02/18/2022, 6:08:29 PM ERROR [TypeOrmModule] Unable to connect to the database. Retrying (1)... TypeError: Cannot read properties of undefined (reading 'id') at new Menu... (중략) at EntityMetadata.create (...link...) at EntityMetadataValidator.validate (...link...) 첫번째 시도 찾아보니 Controller, Service 단에서 리턴 타입.. 공감수 0 댓글수 0 2022. 2. 18.
[TypeScript] 에러 TS2589: Type instantiation is excessively deep and possibly infinite 해결하기 typeorm을 통해 레포에 도메인 정보를 저장하려는데 위와 같은 에러가 떴다. 잘 되던 코드가 갑자기 안 되는 거였기에 코드를 잘못 짠 줄 알고 계속 살펴봤지만 찾을 수 없었다;; 결국 타입스크립트가 또? 하면서 언어 탓하는 나쁜 개발자 마인드가 되었는데... 이번엔 정말로 타입스크립트가 타입스크립트한 거였다 🙄 결론부터 말하자면 타입스크립트의 버전 문제였고, 버전을 낮추면서 해결되었다. 에러가 날 당시 프로젝트의 typeorm과 typescript 버전은 다음과 같았다. 검색해보니 typeorm 깃허브에 관련 버그 이슈가 있었다. (당시 typescript 버전 3.6.x) TypeORM thwors “Type instantiation is excessively deep and possibly in.. 공감수 0 댓글수 0 2022. 2. 18.
[TypeScript] 어떤 ORM을 써야할까? (TypeORM vs MikroORM vs Sequelize) 타입스크립트로 간단한 웹 서비스 만들기를 해보고 있는데 ORM을 고를 일이 생겼다. 프로덕션에서는 TypeORM을 사용하고 있으나 내가 하는 건 개인 과제 같은 거라 다른 ORM을 사용해도 무방했다. 무작정 따라가도 되겠지만... 기술을 쓸 땐 어떤 이유로 쓰게 되었다, 를 알아둬야 기술에 확신을 가지고 사용할 수 있다고 봐 좀 더 알아보기로 했다. 찾아보니 타입스크립트를 지원하는 ORM 중에서 유명한 건 TypeORM, Sequelize(3.1 이상), MikroORM이 있었다. 보통 기술을 선택할 땐 아래 기준으로 고르게 되는 것 같다. 기술을 사용하는 풀의 크기 (다운로드수, Github Stars 등등) 성능 코드 스타일 풀의 크기 npm trends 를 확인하면 라이브러리, 모듈 별로 기간당 다.. 공감수 0 댓글수 0 2022. 2. 11.
[TypeScript] Decorator에 관하여 서론 스프링에서 어노테이션을 통해 AOP를 적용했던 기억이 있어 타입스크립트에서도 비슷하게 적용할 수 있는지 궁금해졌다. 사실 타입스크립트로 로또 뽑기를 구현하다가 try-catch가 너무 반복되는게 신경 쓰여서 AOP를 쓰려고 한건데, 결론적으로 적용은 못하고(ㅋㅋ) 공부만 했다. 나중에 써먹을 데가 있겠지...🥲 각설하고 AOP를 타입스크립트에 적용하기 위해 찾아서 알게 된 건 Decorator 였다. 타입 스크립트 공식 문서에선 Decorator를 이렇게 소개한다. 데코레이터는... - 클래스 선언과 멤버에 어노테이션과 메타-프로그래밍 구문을 추가할 수 있는 방법을 제공한다. - 클래스 선언, 메서드, 접근자, 프로퍼티 또는 매개 변수에 첨부할 수 있는 특수한 종류의 선언이다. - @expressi.. 공감수 0 댓글수 0 2022. 2. 10.
[TypeScript] Java처럼 enum 사용하기 문제 자바를 쓸 때 enum으로 열거형 상수를 줄곧 사용했었다. // 추억의 로또 미션~ public enum WinningBoard { ZERO(0, 0, ""), FIFTH(3, 5_000, "3개 일치"), FOURTH(4, 50_000, "4개 일치"), THIRD(5, 1_500_000, "5개 일치"), SECOND(5, 30_000_000, "5개 일치, 보너스 볼 일치"), FIRST(6, 2_000_000_000, "6개 일치"); private final int hitCount; private final int reward; private final String message; WinningBoard(int hitCount, int reward, String message) { this.. 공감수 0 댓글수 0 2022. 2. 9.
[TypeScript] readLine 사용시 try-catch로 unhandled Error가 잡힐 때 문제 import readline from "readline"; const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); const createCars = (): Array => { try { rl.question("do something", (carNames) => { return new Cars(carNames); }); } catch (error) { console.log(error); return createCars(); } } 처음 짠 코드는 이러했다. try 블록 내에서 에러가 터지면 커스텀 에러가 잡혀야 하는데, unhandled 에러만 잡히고 커스텀은 안 잡혔다. 추측한 원인 타입스크립트의 .. 공감수 0 댓글수 0 2022. 2. 9.
[JAVA] 네이버 소셜 로그인 REST API 적용하기 Java SpringBoot 환경에서 네이버 소셜 로그인을 구현하기로 했다. OAuth는 사용하지 않았다. 이전에 카카오 소셜 로그인을 진행했기에 한결 수월하게 하지 않을까? 했지만 어쩌다보니 삽질을 많이 했다... 🥲 아무튼 나처럼 삽질하는 사람이 늘지 않기를 바라며 과정을 정리해보기로 했다. 순서는 다음과 같다. 1. Naver Developer 에서 클라이언트 ID, 클라이언트 시크릿을 발급받는다. 2. 키들을 이용해 인가 코드 발급받기 3. 인가 코드를 활용해 토큰 발급받기 4. 토큰으로 사용자 정보 가져오기 1. Naver Developer 에서 키 발급받기 Naver Developers 에 접속해 Application - 애플리케이션 등록을 클릭한다. 애플리케이션 등록을 위해 애플리케이션 이름.. 공감수 3 댓글수 0 2021. 7. 17.
[JAVA] 카카오 소셜 로그인 REST API 적용하기 (OAuth2 X) 원래 자체 서비스에서도 OAuth2를 사용하려고 했는데 Spring Security를 사용하지 말라는 공지가 들어왔다. 아쉽지만 OAuth2를 사용하지 않고 서비스에 소셜 로그인을 적용하기로 했다. (어차피 카카오 소셜 로그인 API는 OAuth2 기반이라 괜찮을 지도 모른다는 생각도 ...ㅎ-ㅎ) 카카오 소셜 로그인을 자바에 적용시키는 방법은 크게 아래와 같은 차례를 따른다. 1. Kakao Developer에서 클라이언트 키 발급받기 2. 키를 사용해 API에 인가 코드 요청 보내기 3. 받은 인가 코드를 사용해 API에 토큰 발급 요청 보내기 4. 받은 토큰을 활용해 사용자 정보 가져오기 5. 로그아웃 하기 리팩토링을 거치지 않은 코드다... 🙃 흐름을 이해한다는 데 의의를 두자ㅎㅎ (+) 2020.. 공감수 2 댓글수 2 2021. 7. 10.

문의안내

티스토리
로그인
고객센터

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