본문 바로가기

Category/Note80

구글 폰트 아래 링크에서 원하는 폰트를 클릭해 확인해보고 프로젝트에 적용할 수 있다. Variable Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com 2025. 6. 6.
IntelliJ에서 MCP Server 사용하기 IntelliJ IDE에서 File >> Settings >> Plugins 탭으로 이동하여 MCP Server를 검색하고 설치합니다. MCP Server - IntelliJ IDEs Plugin | MarketplaceMCP (Model Context Protocol) Server for IntelliJ IDEs This plugin integrates the MCP server into IntelliJ-based IDEs, enabling seamless communication between Large...plugins.jetbrains.com아래 링크에 접속하여 Claude Desktop을 설치합니다. Download ClaudeDownload Claude for your desktop or mo.. 2025. 5. 27.
더미 이미지 더미 이미지가 필요할 땐, 로렘 픽숨 (Lorem Picsum)웹 개발을 하면서 가끔 더미 텍스트가 필요할 때, 로렘 입숨(Lorem Ipsum)을 사용해 보셨을 겁니다. 로렘 입숨(Lorem Ipsum)은 문서나 웹 퍼블리싱, 프론트개발을 할 때 더미 글이 필요할 경우 자주 사용wooncloud.tistory.com 2025. 5. 18.
비동기 메시지 기반 시스템 구축 RabbitMQ & Kafka 비교 요약 항목 RabbitMQ Kafka구조메시지 브로커 (큐 기반)분산 로그 기반 메시지 스트리밍용도작업 큐, 비동기 요청 처리실시간 로그/이벤트 스트리밍메시지 처리 방식Push (consumer에게 전달)Pull (consumer가 직접 가져감)메시지 순서 보장보장파티션 기준 순서 보장지향하는 목적워크 큐, 백오피스 이벤트 처리실시간 데이터 파이프라인, 로그 수집RabbitMQ 구현 (NestJS 기반)사용 예: 이메일 발송, 슬랙 알림 등 "백그라운드 처리"1. RabbitMQ 설치 필요 (Docker)docker run -d --hostname rabbit --name rabbitmq -p 5672:56.. 2025. 4. 25.
터미널에서 mermaid 파일 변환하기 vs-code 터미널에 아래 명령어를 입력하여 mermaid-cli를 설치합니다.npm install -g @mermaid-js/mermaid-cli 아래의 diagram.mmd 처럼 원하는 내용으로 파일을 생성합니다. 간단하게 gpt에 '로그인 흐름을 정리한 mermaid 작성해줘.' 라고 입력하여 생성해 봅니다.sequenceDiagram participant Client participant Frontend participant Backend participant Redis Note over Client,Frontend: 1. 로그인 요청 Client->>Frontend: 로그인 정보 입력 Frontend->>Backend: POST /auth/login (id.. 2025. 4. 23.
express-generator npm i express-generator -gexpress 프로젝트 생성express -h 명령어 확인npm installwww 파일 port 3000->9999npm start app 2025. 4. 18.