[AI] Claude Code에 Figma MCP 설정
·
AI
오늘은 최근 AI 개발 생태계의 화두인 MCP(Model Context Protocol)를 활용해,Figma와 Claude Code를 연동하는 방법을 공유하려 합니다. 디자인 파일을 보며 일일이 CSS 속성을 복사하던 번거로움에서 벗어나,AI 에이전트가 내 디자인 컨텍스트를 직접 이해하게 만드는 생산성 혁명을 경험해 보세요.1. Figma MCP란?MCP(Model Context Protocol)는 AI 모델이 외부 데이터(GitHub, Figma, DB 등)와직접 상호 작용할 수 있도록 돕는 표준 인터페이스입니다. Figma MCP 서버를 연결하면 다음과 같은 작업이 가능해집니다.디자인 컨텍스트 추출: 변수, 컴포넌트, 레이아웃 데이터를 IDE로 직접 가져오기코드 생성: 선택한 프레임 기반으로 Reac..
[AI] Claude - 커스텀 명령어로 커밋 프롬프트 자동화하기
·
AI
안녕하세요! 개발 과정에서 AI 어시스턴트를 활용하다 보면,매번 비슷하거나 똑같은 프롬프트를 반복해서 입력해야 할 때가 많습니다.특히 깃(Git) 커밋 메시지를 작성하거나 코드 리뷰를 요청할 때, 매번 긴 규칙을 설명하는 것은 상당히 번거로운 일입니다. 오늘은 이런 번거로움을 한 번에 해결해 줄 '커스텀 슬래시 명령어' 설정 방법에 대해 알아보겠습니다.한 번만 설정해 두면 업무 효율을 비약적으로 끌어올릴 수 있습니다! 🚀🛠️ 커스텀 슬래시 명령어란?커스텀 슬래시 명령어는 자주 사용하는 긴 프롬프트를 하나의 짧은 명령어로 단축하여 사용하는 기능입니다.예를 들어, 길고 복잡한 커밋 생성 프롬프트를 /commit 이라는 짧은 명령어 하나로 호출할 수 있게 해줍니다.⚙️ 설정 방법설정 방법은 매우 간단합니다..
[AI] oh-my-claude code | Claude Code를 팀 오케스트레이션 플랫폼으로
·
AI
혼자 쓰던 AI 코딩 도구, 이제 19개 전문 에이전트가 협업하는 팀으로 쓴다들어가며Claude Code를 사용하다 보면 한 가지 아쉬운 점이 생깁니다.복잡한 기능을 구현할 때, 코드 작성 → 리뷰 → 테스트 → 보안 검토까지 모든 걸 하나의 프롬프트 흐름에 때려 넣다 보면 컨텍스트가 뒤엉키기 시작하죠. 이 문제를 해결해주는 도구가 있습니다.oh-my-claudecode(OMC) — Claude Code 위에 올라가는 멀티 에이전트 오케스트레이션 레이어입니다. 이 글에서는 OMC의 개념부터 설치, 핵심 기능까지 백엔드 개발자 관점에서 정리해보겠습니다.1. oh-my-claudecode란?oh-my-claudecode(OMC) 는 Anthropic의 Claude Code CLI를 팀 기반 멀티 에이전트 플..
[AI] Claude Code CLI 설치 가이드
·
AI
📌 Claude Code CLI 설치 및 실행 방법최근 개발 생산성을 높이기 위해 Claude Code CLI를 사용하는 분들이 많아지고 있습니다.이번 글에서는 Windows와 Mac 환경에서 Claude Code를 설치하고, 초기 설정까지 진행하는 방법을 정리해보겠습니다.1️⃣ Claude Code 설치먼저 터미널(또는 명령 프롬프트)을 실행한 뒤 아래 명령어를 입력합니다.✔ Windowsnpm install -g @anthropic-ai/claude-code✔ Macsudo npm install -g @anthropic-ai/claude-code 2️⃣ 초기 실행 및 색상 선택설치가 완료되면 아래 명령어로 실행할 수 있습니다.claude 먼저 인터페이스 스타일(색상 등)을 선택하는 화면이 나타납니다..
[Back end / 보안] 데이터 암호화의 이해: 대칭키, 비대칭키부터 SHA-256 해시까지
·
Back end
비밀번호 보안은 현대 웹 개발에서 가장 중요한 주제 중 하나입니다많은 개발자들이 "어떻게 비밀번호를 암호화할까?"라는 질문부터 시작하지만, 정답은 "암호화가 아니라 해싱"입니다. 오늘은 암호화의 세 가지 기법을 이해하고, 왜 비밀번호에는 해싱을 사용하는지,그리고 비밀번호 분실 시 올바른 처리 로직이 무엇인지 알아보겠습니다.1. 암호화 알고리즘의 분류암호화 기술은 목적과 방식에 따라 크게 대칭키(Symmetric), 비대칭키(Asymmetric), 그리고 해시(Hash) 세 가지로 나뉩니다.🔑 대칭키 암호화 (Symmetric Key Encryption)암호화할 때와 복호화할 때 동일한 키를 사용하는 방식입니다.장점속도가 매우 빠릅니다.처리 효율이 좋아 대용량 데이터 암호화에 적합합니다.단점키를 상대방에..
[Java] JVM Garbage Collection 구조와 Promotion(승격) 조건
·
Back end/Java
1. JVM Garbage Collection(GC)이란?Garbage Collection(GC)은 자바의 메모리 관리 기법 중 하나로, 힙(Heap) 영역에서 더 이상 참조되지 않는 객체들을 찾아 메모리에서 해제하는 과정을 의미합니다. C나 C++ 과 달리 개발자가 직접 메모리를 해제할 필요가 없으며, JVM이 자동으로 관리해줍니다.GC의 장점메모리 누수 방지: 프로그래머의 실수로 인한 메모리 누수를 자동으로 방지개발 생산성 향상: 메모리 관리에 신경 쓰지 않고 비즈니스 로직에만 집중안정성 보장: 메모리 부족으로 인한 프로그램 정지 위험을 감소GC의 단점GC 중단시간(Stop-The-World): GC 실행 중 모든 애플리케이션 스레드가 중단성능 저하: GC로 인한 CPU 사용률 증가예측 불가능성: G..
[Kafka] 카프카(kafka)란? (feat. 메세지 큐)
·
Back end/Kafka
✅ 카프카(kafka)란?Apache Kafka는 수천 개의 회사에서 고성능 데이터 파이프라인, 스트리밍 분석, 데이터 통합 및 미션 크리티컬 애플리케이션에 사용되는 오픈 소스 분산 이벤트 스트리밍 플랫폼입니다.- Apache Kafka 공식 홈페이지 -즉, Kafka는 대규모 데이터를 처리할 수 있는 메시지 큐이다.✅ 메시지 큐(Message Queue)란?메시지 큐(Message Queue)는 큐(Queue) 형태에 데이터를 일시적으로 저장하는 임시 저장소를 의미한다.메시지 큐를 활용하면 비동기적으로 데이터를 처리할 수 있어서 효율적이다.✅ REST API 방식으로 통신 vs 메시지 큐를 활용한 통신‘REST API 방식으로 통신하는 방식’과 ‘메시지 큐를 활용한 통신 방식’를 이메일 발송 시나리오를..
[Java] JDBC의 Statement와 PreparedStatement
·
Back end/Java
데이터베이스와 통신하는 Java 애플리케이션을 개발할 때, JDBC를 통해 SQL을 실행하게 됩니다. 이때 Statement와 PreparedStatement 중 어떤 것을 사용하느냐에 따라 애플리케이션의 성능과 보안이 크게 달라집니다.Statement: 유연하지만 위험한 방식Statement는 가장 기본적인 SQL 실행 방식입니다. 쿼리를 작성할 때 문자열 연결(String concatenation)을 통해 동적으로 SQL을 구성합니다.String userId = "user123";String sql = "SELECT * FROM users WHERE id = '" + userId + "'";Statement stmt = connection.createStatement();ResultSet rs = s..