냠냠 개발자

AI가 글을 쓰고, 이미지를 처리하고, 에디터를 조작해서 블로그 포스팅까지 자동화한 과정을 기록합니다.목차프로젝트 개요시스템 아키텍처기술 스택핵심 구현 상세1단계: 블로그 톤 프로파일링2단계: AI 글 생성 파이프라인3단계: 이미지 처리 파이프라인4단계: Playwright 브라우저 자동화삽질 기록: SmartEditor ONE과의 전쟁프로젝트 구조실행 흐름 요약한계와 개선 방향프로젝트 개요블로그를 운영하다 보면 반복적인 작업이 많다. 사진 정리, 글 작성, 에디터에 하나하나 붙여넣기, 이미지 업로드, 태그 입력... 특히 맛집 리뷰 같은 정형화된 글은 패턴이 비슷한데 매번 같은 노동을 반복해야 한다.이 프로젝트는 사진만 바탕화면에 넣어두면, AI가 질문하고 글을 쓰고 네이버 블로그에 업로드까지 해주는 ..

오늘은 NestJS 프로젝트에 Prisma ORM을 직접 연동하여 데이터베이스 작업을 해보겠습니다.별도 래퍼 없이 Prisma를 직접 사용하는 방법을 단계별로 정리해보았다Prisma란?Prisma는 현대적인 TypeScript/JavaScript용 ORM(Object-Relational Mapping) 도구이다.주요 특징:• 타입 안전성 보장• 직관적인 쿼리 API• 자동 마이그레이션• 다중 데이터베이스 지원 (SQLite, MySQL, PostgreSQL 등)• 강력한 CLI 도구Prisma 설치하기1. 패키지 설치Prisma는 두 개의 패키지가 필요하다## 개발용 CLI 도구npm install -D prisma## 런타임 클라이언트npm install @prisma/client2. 패키지 역할 구분..

NestJS 기반 API 서버에 Keycloak 인증을 연동하는 과정을 단계별로 정리해보았다.Docker를 이용한 로컬 Keycloak 구축부터 실제 API 인증까지 모든 과정을 다뤄볼 예정이다.Keycloak이란?Keycloak은 Red Hat에서 개발한 오픈소스 Identity and Access Management(IAM) 솔루션이다.주요 기능- Single Sign-On (SSO)- OAuth 2.0 / OpenID Connect 지원- 사용자 관리 및 권한 제어- 다양한 인증 방식 지원 🔑 로컬 환경 구축Docker Compose로 Keycloak 실행하기먼저 프로젝트 루트에 docker-compose.yml 파일을 생성해야 한다.- docker-compose.ymlversion: '3.8's..

본 문서는 캡틴판교 TypeScript 가이드를 기반으로,Java → TypeScript/NestJS 사고 전환과 코드 품질 및 설계 감각 강화를 목표로 정리한 자료입니다.🎯 학습 포인트Enum (이넘) : 상수 집합 표현 방식의 차이, 런타임 동작 방식 이해Class (클래스) : Java 클래스와의 유사점 및 차이, 프로토타입 기반 동작 구조Generic (제네릭) : 타입 매개변수를 통한 재사용성 및 타입 안정성 확보이 세 가지는 TypeScript의 타입 시스템 이해와 설계 품질 향상에 핵심적인 역할을 합니다.🧩 1. Enum (열거형)📘 개념 요약 구분 설명 정의명시적으로 이름이 있는 상수 집합을 정의목적값의 의미를 명확히 표현하고, 오타/매직넘버를 방지특징TypeScript는 JavaSc..

본 글은 캡틴판교의 TypeScript 함수/인터페이스 가이드 내용을 기반으로,Java 개발자가 TypeScript/NestJS로 전환할 때 꼭 알아야 할 이론 + 실무 포인트 위주로 정리한 버전입니다.1. 함수(Function) 정리1.1 함수 선언 방식 & 타입 명시// 선언식 (named function)function add(a: number, b: number): number { return a + b;}// 익명 함수 표현식 (function expression)const sub: (x: number, y: number) => number = function (x, y) { return x - y;};// 화살표 함수 (arrow function)const mul = (x: number, ..

본 포스팅은 캡틴판교 블로그 - TypeScript 기본 타입 내용을 기반으로,Java 개발자가 TypeScript/NestJS로 전환할 때 꼭 이해해야 할 이론 + 실무 포인트를 중심으로 정리했습니다. 🎯 스터디 목표1. Java → TypeScript/NestJS 사고 전환Java는 클래스 기반 명시적 타입 시스템(Nominal Typing)TypeScript는 구조 기반 타입 시스템(Structural Typing)→ “이름이 같은 클래스”가 아니라 구조가 동일하면 같은 타입으로 간주됨즉, “형태가 곧 타입”이라는 점이 핵심2. 실무에서 바로 적용 가능한 코드 품질 및 설계 감각 강화NestJS의 Controller, Service, DTO, Entity 계층에서명시적 타입 정의를 통한 오류 예방..

🧠 NestJS와 TypeScript — 왜 함께 써야 할까?백엔드 개발을 공부하다 보면 자연스럽게 NestJS와 TypeScript를 함께 접하게 됩니다.하지만 많은 분들이 처음엔 이런 의문을 가집니다.“NestJS는 프레임워크고 TypeScript는 언어라는데…둘은 어떤 관계야?”“그냥 JavaScript로 NestJS 쓰면 안 되는 거야?” 이번 글에서는 NestJS와 TypeScript의 관계, 그리고 TypeScript를 꼭 써야 하는 이유를이론적으로 정리해보겠습니다. 🧱 1. NestJS란 무엇인가?NestJS는 Node.js 기반 백엔드 애플리케이션 프레임워크입니다.기본적으로 Express (또는 Fastify) 위에서 동작하며,서버 개발을 구조적이고 유지보수하기 쉽게 만들어 줍니다.Ne..

Nest JSNest (NestJS)는 서버측면에서 효율적이고 확장 가능한 Node.js 애플리케이션을 구축 수 있는 프레임 워크이며, TypesScript로 이루어진 mondern JavaScript(*순수 JavaScript도 가능)를 사용한다. 또한 OOP (Object Oriented Programming), FP (Functional Programming) 및 FRP (Functional Reactive Programming) 요소들을 결합시킨다.Nest는 익스프레스를 사용하지만, 수많은 타사 플러그인 쉽게 사용할 수 있게 해주는 Fastify같은 라이브러리와의 호환 또한 가능하다.1️⃣ Node.js 설치 확인NestJS는 Node.js 기반이므로, 먼저 Node가 설치되어 있어야 합니다.no..

AWS에서 주최한 Agentic AI와 MCP 세미나에 다녀왔습니다평소 AI 기술에 관심이 많아서 참석했는데, 생각보다 훨씬 흥미로운 내용들이 많더라고요.특히 AI가 이제 단순히 답변만 하는 게 아니라 스스로 생각하고 행동하는 수준까지 와 있다는 점이 인상적이었습니다. 🔍 Agentic AI란 무엇인가? 세미나 초반에 발표자가 설명한 Agentic AI의 정의가 흥미로웠어요.기존의 생성형 AI(Generative AI)와는 완전히 다른 개념으로,스스로 사고하고 기억하며, 복잡한 작업을 계획하고 실행할 수 있는 AI 시스템이라고 하더군요. 단순히 명령에 반응하는 것이 아니라,목표 중심적으로 능동적인 문제 해결을 수행한다는 점이 핵심이었습니다. 발표 중에 AI 발전 과정을 정리해주는 부분이 있었는데, 되돌..

Spring Batch는 대용량 데이터 처리를 효율적으로 처리할 수 있도록 지원하는 강력한 프레임워크이다 이 프레임워크의 핵심 구성요소 중 하나가 바로 ItemReader와 ItemWriter가 있다 이번 포스팅에서는 이 두 컴포넌트의 개념을 이론적으로 정리하고, 실제로 프로젝트에서 겪었던 문제와 해결 방법도 함께 공유하고자 한다 Spring Batch의 핵심 컴포넌트: ItemReader, ItemWriter Spring Batch는 대량의 데이터를 처리할 때 기본적인 구조는 다음과 같다 ItemReader → ItemProcessor(선택적) → ItemWriter ItemReader란?ItemReader는 데이터를 하나씩 읽어온다 read() 메서드를 통해 호출될 때마다 다음 데이터를 반환하며..