목록IT (1044)
올해는 머신러닝이다.
커서 룰 추가방법https://docs.cursor.com/context/rules-for-aiYou are a senior Dart programmer with experience in the Flutter framework and a preference for clean programming and design patterns.Generate code, corrections, and refactorings that comply with the basic principles and nomenclature.## Dart General Guidelines### Basic Principles- Use English for all code and documentation.- Always declare the ..

원본 출처https://substack.com/home/post/p-157251513아래는 번역 해놓은 내용입니다. 인스타그램의 초기 인프라 과제인스타그램이 2010년에 처음 출시되었을 당시에는 엔지니어링 리소스가 제한적인 작은 회사였습니다.하지만 시간이 지나면서 Instagram은 세계에서 가장 널리 사용되는 소셜 미디어 플랫폼 중 하나로 성장했습니다. 사용자 참여의 급속한 증가는 인프라에 엄청난 부담을 주었고, 지속적인 최적화와 확장 노력이 필요했습니다.Instagram의 규모를 강조하는 몇 가지 주요 지표(2017~2018년)는 다음과 같습니다.매일 여러 번 인스타그램을 열고 수십억 건의 상호작용을 생성하는 일일 활성 사용자는 4억 명입니다.하루에 1억 개의 미디어 업로드. 모든 미디어 파일은 다양..
처음 NestJS 실행시 뷰파일 수정을 해도 새로고침을 해도 변경이 안되는 경우가 대부분일겁니다.그럴때 사용하는 방법입니다.NestJS에서 hbs(Handlebars) 뷰 파일을 변경할 때 자동으로 반영(핫리로딩) 되도록 설정하는 방법을 설명하겠습니다.✅ 1. nodemon을 이용한 핫리로딩 설정NestJS에서는 nodemon을 사용하여 핫리로딩을 설정할 수 있습니다. 하지만 기본적으로 hbs 파일 변경을 감지하지 않으므로, 이를 직접 설정해야 합니다.🔹 1) nodemon 설치npm install --save-dev nodemon🔹 2) nodemon.json 설정 추가프로젝트 루트에 nodemon.json 파일을 생성하고 다음과 같이 설정합니다.{ "watch": ["src", "views"],..
Android 13 이상에서는 보안 강화로 인해 BOOT_COMPLETED 등의 브로드캐스트를 받으려면 추가적인 설정이 필요합니다. 다음과 같은 방법을 시도해보세요.1. 권한 선언 (AndroidManifest.xml)먼저, AndroidManifest.xml에 RECEIVE_BOOT_COMPLETED 권한을 선언해야 합니다.2. BroadcastReceiver 등록BOOT_COMPLETED 이벤트를 수신할 BroadcastReceiver를 등록합니다. ⚠ Android 12 이상에서는 android:exported="true"를 사용하면 보안상 문제가 될 수 있으므로 false로 설정해야 합니다.3. BootReceiver 클래스 구현BroadcastReceiver를 구현하여..
Nginx에서 sites-available에 설정 파일을 추가하고 sites-enabled에 심볼릭 링크를 거는 방법을 단계별로 설명할게.1️⃣ 설정 파일 생성하기먼저, /etc/nginx/sites-available/에 새로운 설정 파일을 만든다.sudo nano /etc/nginx/sites-available/myapp아래 내용을 추가하고 저장 (CTRL + X → Y → Enter):server { listen 80; server_name yourdomain.com; location / { proxy_pass http://localhost:3000; proxy_set_header Host $host; proxy_set_header X-Real-I..
Flutter에서 MVVM 아키텍처를 기반으로 Riverpod과 Freezed를 활용하는 폴더 구조를 추천해 드리겠습니다.📂 Flutter MVVM + Riverpod + Freezed 아키텍처 폴더 구조lib/│── main.dart # 앱 진입점│── app.dart # 앱 전체 구성 (MaterialApp)│├── core/ # 공통 유틸 및 설정│ ├── config/ # 앱 환경설정 (API, 라우트, 상수 등)│ │ ├── environment.dart # 개발/운영 환경 구분│ │ ├── app_routes.dart..
Node.js로 인앱 결제 구독 검증하는 방법Google Play 및 App Store의 구독 결제를 검증하려면 서버에서 영수증을 확인하는 API를 호출해야 해.이를 Node.js 기반으로 구현하는 방법을 단계별로 설명할게.---1. 검증이 필요한 이유보안 강화: 클라이언트에서 결제 정보를 조작할 가능성을 방지자동 갱신 확인: 구독이 유지되는지 검증하여 액세스 관리환불 및 취소 확인: 유저가 환불받았는지 체크 가능---2. Google Play 구독 검증Google의 Google Play Developer API를 사용하여 구독 상태를 검증해야 해.(1) Google API 활성화1. Google Cloud Console에서 프로젝트 생성2. Google Play Android Developer API ..
Flutter 인앱 결제 구독 복원(restore) 기능 구현앱을 삭제하고 다시 설치했을 때 구독 상태를 복원하는 방법을 자세히 설명할게.---1. 구독 복원 원리iOS: 사용자는 이미 구독한 상품을 다시 구매할 수 없고, restorePurchases()를 호출하면 기존 구독 정보를 가져올 수 있음.Android: 자동으로 복원되지 않으므로, queryPastPurchases()를 호출하여 과거 구매 내역을 가져와야 함.---2. 구독 복원 코드 구현(1) 과거 구매 내역 조회 (구독 복원)Flutter에서 구독 상태를 확인하려면 queryPastPurchases()를 사용해야 해.Future restorePurchases() async { final QueryPurchaseDetailsRespons..
Flutter에서 인앱 결제 구독(IAP, In-App Purchase)을 구현하는 방법을 단계별로 설명해 줄게.---1. 패키지 설치Flutter에서 인앱 결제를 구현하려면 in_app_purchase 패키지를 사용해야 해.dependencies: flutter: sdk: flutter in_app_purchase: ^3.1.10설치 후 패키지 가져오기import 'package:in_app_purchase/in_app_purchase.dart';import 'package:in_app_purchase/store_kit_wrappers.dart';---2. Google Play 및 App Store 설정구독을 구현하려면 Google Play Console 및 App Store Connect에서..
1. 리눅스 버전 확인리눅스 배포판과 버전을 확인하려면 아래 명령어 중 하나를 실행하세요.# 배포판 및 버전 확인cat /etc/os-release# 커널 버전 확인uname -r# 자세한 시스템 정보 확인lsb_release -a # 일부 배포판에서만 지원됨# 시스템 전체 정보 확인hostnamectl2. Let's Encrypt 인증서 갱신Let's Encrypt 인증서를 갱신하려면 Certbot을 사용해야 합니다. 아래 단계를 따라 진행하세요.(1) Certbot 버전 확인certbot --version버전이 너무 오래되었으면 먼저 업데이트하는 것이 좋습니다.(2) 인증서 갱신 실행sudo certbot renew위 명령어는 설정된 인증서들을 자동으로 갱신합니다.(3) 특정 도메인 인증서 갱신특정..
Qdrant는 고차원 벡터의 효율적인 저장과 검색을 지원하는 오픈 소스 벡터 데이터베이스이자 벡터 검색 엔진입니다. Rust로 개발되어 높은 성능과 안정성을 제공하며, 특히 AI 애플리케이션에서 임베딩된 벡터의 유사성 검색, 추천 시스템, 고급 검색 기능 구현에 유용합니다. citeturn0search6주요 특징:컬렉션과 포인트: Qdrant는 데이터를 컬렉션(Collection)과 포인트(Point)로 관리합니다. 컬렉션은 동일한 특성을 가진 벡터들의 집합이며, 각 포인트는 개별 벡터 데이터를 나타냅니다. 이를 통해 데이터를 체계적으로 분류하고 효율적으로 검색할 수 있습니다. citeturn0search3유연한 API: RESTful API를 통해 다양한 프로그래밍 언어와 쉽게 통합할 수 있..
NestJS에서 Seeder와 함께 Faker를 사용하면, 무작위 테스트 데이터를 쉽게 생성할 수 있습니다. Faker 라이브러리는 랜덤한 이름, 이메일, 주소 등을 자동으로 생성해주므로, 시드 데이터를 보다 현실적으로 만들 수 있습니다.1. Faker 라이브러리 설치먼저, @faker-js/faker를 설치합니다.npm install @faker-js/faker@faker-js/faker는 최신 버전의 Faker.js이며, 기존 faker 패키지는 유지보수되지 않으므로 사용하지 않는 것이 좋습니다.2. TypeORM Seeder에서 Faker 적용하기🔹 기본 TypeORM Seeder + Fakersrc/database/seeds/seeder.ts 파일을 만들고, Faker를 활용하여 더미 데이터를 ..
NestJS에서 Seeder(시드 데이터) 사용 방법Seeder(시드 데이터)는 데이터베이스를 초기화하거나 테스트 데이터를 삽입할 때 유용합니다. NestJS에서는 TypeORM, Prisma, Mongoose(MongoDB) 등 다양한 데이터베이스 라이브러리를 사용할 수 있으며, 각각의 방법에 따라 Seeder를 작성하는 방식이 조금씩 다릅니다.1. TypeORM을 사용하는 경우🔹 설치하기npm install @nestjs/typeorm typeormnpm install --save-dev ts-nodets-node는 TypeScript 파일을 실행하는 데 필요함.🔹 Seeder 파일 생성src/database/seeds/seeder.ts 파일을 만들고, 데이터를 삽입하는 코드를 작성합니다.impo..
NestJS에서 페이징을 구현하는 방법은 여러 가지가 있지만, 일반적으로 Offset 방식과 Cursor 방식이 많이 사용됩니다. 각각의 방식에 따라 장단점이 있으므로, 사용 목적과 성능 요구 사항에 맞게 선택하는 것이 중요합니다.1. Offset 방식 (기본적인 페이징)🔹 개념OFFSET과 LIMIT을 사용하여 특정 페이지의 데이터를 가져오는 방식page와 limit 값을 요청 파라미터로 받아서 데이터 조회✅ 장점구현이 간단하고 직관적대부분의 관계형 데이터베이스에서 지원❌ 단점페이지가 커질수록 성능이 저하됨 (OFFSET N은 N개의 데이터를 스캔해야 하므로)중간에 데이터가 삽입/삭제되면 페이지 불일치 가능성 존재💡 구현 예제 (TypeORM)@Get()async getItems( @Query('..
Story 생태계 톺아보기 ㅡ ABLO ABLO는 본인의 IP가 담긴 굿즈를 만들고 수익을 창출할 수 있는 플랫폼입니다. 파운더가 인터뷰에서 설명한 영상을 보면 들어가는 폰트 하나까지 AI로 본인이 제작할 수 있다는 게 특징이고,나아가서 로열티를 본인이 설정하고 이를 스토리 백엔드에서 처리할 수 있다는 점, 이를 통해 타 브랜드와의 IP 간 협업도 가능하다는 점을 장점으로 꼽고 있습니다 (실제로 컨텐츠 IP에서 빠질 수 없는 부분이 굿즈이기도 함)이렇게 흔한 티셔츠 하나조차도 스토리에서는 펏지, 두들과 같은 NFT처럼 IP 그 자체로서 핵심 자산이 될 수 있다는 것을 잘 설명해주고 있어서 스토리가 대체 어떤 프로젝트고, 무슨 비전을 가지고 있는지 궁금하신 분들에게 쉽게 다가오는 디앱이지 않을까 싶네요 ?..
📌 MkDocs란?MkDocs는 간단하고 빠르게 정적 웹사이트 형태의 문서를 생성하는 Python 기반의 문서 생성 도구입니다. Markdown을 사용하여 문서를 작성하며, 이를 HTML로 변환하여 정적 사이트로 배포할 수 있습니다. 특히 개발 문서화에 최적화되어 있으며, GitHub Pages 같은 서비스에 쉽게 배포할 수 있습니다.🔹 MkDocs의 주요 특징✅ Markdown 기반 → 사용하기 쉽고 가독성이 높음✅ 정적 사이트 생성 → HTML/CSS로 변환되어 빠른 로딩 속도 제공✅ Material for MkDocs 지원 → 강력한 UI 테마 적용 가능✅ 빠른 빌드 속도 → 문서가 많아도 빠르게 로딩됨✅ GitHub Pages 연동 가능 → 간단한 명령어로 쉽게 배포✅ 자동 검색 기능 지원 →..
NestJS와 MkDocs를 함께 사용하여 문서를 관리하고, Docker Compose로 이를 컨테이너화하는 방법을 단계별로 설명하겠습니다.📌 1. 프로젝트 구조다음과 같은 프로젝트 구조를 가정합니다.nestjs-mkdocs/│── backend/ # NestJS 애플리케이션│ ├── src/│ ├── package.json│ ├── Dockerfile│── docs/ # MkDocs 문서│ ├── index.md│ ├── getting-started.md│ ├── mkdocs.yml│── docker-compose.yml📌 2. NestJS 애플리케이션 설정① NestJS 프로젝트 생성NestJS 애플리케이션을 생성합니다.nestjs new bac..
Node.js와 Express를 사용하여 SaaS 형태의 유저 도메인 설정을 처리하는 시스템을 만드는 방법을 단계별로 설명해줄게. 기본적으로 유저가 자신의 도메인을 추가하면 Express 서버가 해당 도메인을 인식하고, Nginx 또는 Express의 미들웨어를 사용하여 트래픽을 라우팅하는 방식으로 진행할 거야.📌 1. 프로젝트 초기 설정1️⃣ Node.js 프로젝트 생성mkdir saas-dnscd saas-dnsnpm init -y2️⃣ 필요한 패키지 설치npm install express body-parser dotenv corsnpm install --save-dev nodemonexpress: 웹 서버body-parser: JSON 요청 처리dotenv: 환경 변수 관리cors: CORS 처리..
SaaS 형태의 플랫폼에서 유저가 자신의 도메인을 사용할 수 있도록(DNS 설정을 받아서 연결) 하려면, 다음과 같은 주요 개념과 기술을 이해하고 적용해야 합니다.1. 유저 도메인 연결 방식SaaS에서 유저가 자신의 도메인을 연결하는 방식은 크게 두 가지로 나뉩니다.✅ CNAME 방식 (권장)사용자가 자신의 도메인을 CNAME 레코드를 통해 SaaS의 서브도메인(예: user.your-saas.com)에 매핑.일반적인 방법이며, 클라우드 기반 SaaS에서 널리 사용됨.단, 루트 도메인(Apex 도메인, 예: example.com)에는 CNAME을 사용할 수 없다는 제한이 있음.설정 예시blog.example.com CNAME user.your-saas.com이 설정을 하면 blog.example.com으..
NestJS에서 추천하는 아키텍처 패턴은 여러 가지가 있지만, 대표적으로 Layered Architecture (레이어드 아키텍처), Hexagonal Architecture (헥사고날 아키텍처), Microservices Architecture (마이크로서비스 아키텍처), CQRS (Command Query Responsibility Segregation) 등의 패턴이 많이 사용돼. 각각의 패턴을 설명할게.1. Layered Architecture (레이어드 아키텍처)개요가장 기본적인 NestJS 아키텍처Controller, Service, Repository (또는 Model) 계층을 분리작은 프로젝트부터 대규모 프로젝트까지 적용 가능구성 요소Controller : HTTP 요청을 처리하고, 적절한 ..
NestJS 개발을 위해 필수적으로 알아야 할 내용을 핵심 개념 중심으로 정리해 보겠습니다1. NestJS 개요NestJS는 TypeScript 기반의 Node.js 프레임워크로, Angular 스타일의 구조를 가져와 대규모 애플리케이션 개발에 최적화된 백엔드 프레임워크야. Express.js 또는 Fastify를 내부적으로 사용하고, **의존성 주입(DI)**과 데코레이터 기반 프로그래밍을 지원해.2. 주요 개념1) 모듈 (Modules)모듈은 NestJS의 핵심 개념으로, 기능별로 코드를 분리하여 재사용성과 유지보수성을 높여줘.import { Module } from '@nestjs/common';@Module({ imports: [], // 다른 모듈을 가져옴 controllers: ..
https://youtu.be/XvhS1bvKnO8?si=w7FgDDuXgtzCjwA2🚀 A16Z 파운더가 말아주는 스토리 프로토콜1. 비전과 창작의 모듈화- 데이터와 지식재산(IP)을 레고 블록처럼 활용할 수 있도록 하는 것을 목표로 함.- 창작자는 자신의 콘텐츠를 자유롭게 결합하고 수익 조건을 설정할 수 있음.- 이를 통해 창작 경제를 강화하고 창작자가 경제적 통제권을 가질 수 있도록 함.2. 크리에이터를 위한 새로운 기회- Magma: 200만 이상의 사용자 기반을 가진 전문 아트 툴 플랫폼.- Ablo: 브랜드와 IP를 블록체인에 통합하여 디자인 보호 및 로열티 지급 가능.- Stability AI: 오픈 소스 모델을 통해 디지털 창작자가 경제적 자립을 할 수 있도록 지원.- 블록체인을 활용해 ..
DataTables에서 대용량 리스트를 서버와 연동하여 페이징 처리하는 방법DataTables를 사용할 때 데이터가 많으면(예: 수천~수백만 개의 행) 클라이언트에서 모든 데이터를 로드하는 것은 비효율적입니다. 이런 경우 서버사이드 페이징(Server-side Processing) 방식을 사용하여 필요한 데이터만 불러오는 것이 좋습니다.---1. 서버사이드 페이징 개요서버사이드 페이징을 사용하면 DataTables가 특정 페이지의 데이터만 요청하고, 서버에서 필요한 부분만 응답합니다. 이를 위해 AJAX를 이용하며, 요청 시 다음과 같은 파라미터가 서버로 전달됩니다.클라이언트에서 서버로 전달되는 요청 값---2. 클라이언트 측(DataTables) 설정JavaScript 코드$(document).read..

오늘 메인 거래소 상장중이네요Okx 현물 상장이어 여러군데서 상장중이네요파이코인(Pi Network) 개요파이코인(Pi Network)은 2019년 스탠퍼드 대학 출신 개발자들이 시작한 암호화폐 프로젝트로, 모바일 기기를 통해 채굴할 수 있도록 설계된 것이 특징입니다. 기존 암호화폐(예: 비트코인)와는 달리, 특수한 채굴 장비 없이 스마트폰에서 채굴이 가능하도록 만들어졌습니다.파이코인은 중앙화된 은행 시스템 없이 블록체인 기술을 활용해 안전한 거래를 목표로 하며, 개발 초기부터 커뮤니티 중심의 생태계를 강조해왔습니다. 하지만 현재까지 정식 메인넷(Mainnet) 출시가 지연되고 있으며, 실제 거래소 상장이 되지 않아 가치는 불확실합니다.---파이코인 채굴 방법Pi Network의 가장 큰 특징 중 하나는..
Fail2Ban이란?Fail2Ban은 서버의 보안 강화를 위한 **침입 방지 도구(IDS, Intrusion Detection System)**입니다. 주로 **SSH, 웹 서버(Nginx, Apache), API 서버(NestJS 등)**에서 반복적인 로그인 실패나 악의적인 요청을 감지하고, 해당 IP를 차단하는 역할을 합니다.NestJS를 배포할 때 Fail2Ban을 사용하면 보안이 강화되며, 특히 Brute Force Attack(무작위 로그인 시도), DoS 공격 등을 방지하는 데 유용합니다.📌 Fail2Ban의 주요 기능기능 설명로그 감시특정 서비스(Nginx, SSH, API 등)의 로그 파일을 감시반복 로그인 실패 감지일정 횟수 이상 로그인 실패 시 감지IP 차단감지된 IP를 방화벽(ipt..

Cursor IDE에서 Rule 작성하는 방법Cursor IDE는 AI 기반의 코드 편집기이며, 다양한 확장성과 자동화 기능을 제공합니다. Rule을 작성하는 것은 Cursor에서 특정 코드 패턴을 자동 수정하거나 가이드하는 데 활용됩니다.1. Cursor Rule이란?Cursor Rule은 코드 스타일, 코드 변환 또는 특정 패턴을 탐지하여 자동 수정할 수 있는 규칙을 설정하는 기능입니다. 이를 활용하면 팀 내 일관된 코드 스타일을 유지하거나 반복적인 수정 작업을 자동화할 수 있습니다.Rule의 주요 기능특정 코드 패턴을 감지자동 코드 변환경고 또는 추천 메시지 표시특정 코드 스타일 강제 적용2. Cursor Rule 작성 방법Cursor에서 Rule을 작성하려면 .cursor/rules.json 또는..

가입 및 로그인 과정에서 access_token과 refresh_token을 이용하는 방식은 보통 OAuth 2.0 및 JWT(JSON Web Token) 기반 인증 시스템에서 사용됩니다. 이를 단계별로 자세히 설명하겠습니다.1. 회원가입 (Sign Up)회원가입 과정에서는 보통 access_token과 refresh_token이 사용되지 않습니다. 하지만 인증이 필요한 API에서는 사용될 수 있습니다.사용자가 회원가입 요청사용자가 이메일, 비밀번호, 또는 소셜 로그인(Google, Facebook 등)을 사용하여 가입 요청을 보냄.요청 예시 (REST API):POST /api/auth/signup HTTP/1.1Content-Type: application/json{ "email": "user@ex..
NestJS에서 .nvmrc 파일을 사용하여 Node.js 버전을 관리하는 방법을 단계별로 설명하겠습니다.1. .nvmrc 파일 생성 및 설정.nvmrc 파일은 프로젝트에서 사용할 Node.js 버전을 명시하는 파일입니다. 프로젝트 루트 디렉터리에 .nvmrc 파일을 생성하고, 원하는 Node.js 버전을 입력합니다.echo "18.17.0" > .nvmrc위 명령어는 .nvmrc 파일을 생성하고, Node.js 18.17.0 버전을 사용하도록 설정합니다. (버전은 프로젝트에 맞게 변경).nvmrc 파일을 열어 직접 수정할 수도 있습니다.# .nvmrc 파일 내용18.17.02. nvm(Node Version Manager) 설치 및 설정.nvmrc를 사용하려면 nvm이 필요합니다. 먼저 nvm이 설치되..
NestJS를 API로 활용하기 위한 다양한 오픈소스 보일러플레이트가 존재합니다. 아래에 몇 가지 추천할 만한 보일러플레이트를 소개해 드리겠습니다.1. NestJS REST API Boilerplate by Brocoders특징: TypeORM과 PostgreSQL을 사용하며, 인증, 권한 관리, 이메일 확인, 비밀번호 재설정, 파일 업로드, Swagger 문서화, Docker 설정 등을 포함한 종합적인 기능을 제공합니다.GitHub: https://github.com/brocoders/nestjs-boilerplate2. Awesome NestJS Boilerplate특징: TypeORM과 PostgreSQL을 기반으로 하며, JWT 인증, 역할 기반 접근 제어(RBAC), Swagger 문서화, 환경..
HTML의 img, picture, source 태그 속성과 기능 정리1. 태그개요 태그는 HTML 문서에 이미지를 삽입하는 기본적인 태그이다. self-closing 태그이며, 콘텐츠를 포함하지 않는다.기본 문법주요 속성속성 설명src이미지의 URL 또는 경로alt이미지가 표시되지 않을 경우 대체 텍스트width이미지의 너비(픽셀 또는 백분율)height이미지의 높이(픽셀 또는 백분율)title마우스를 올렸을 때 표시될 텍스트loadinglazy(지연 로딩) 또는 eager(즉시 로딩) 지정decodingasync, sync, auto(이미지 디코딩 방식)crossoriginanonymous, use-credentials(CORS 설정)referrerpolicyno-referrer, origin, s..