아티클

다양한 읽을거리를 확인해 보세요.

전체 365건

[MCP 02] 엑셀 MCP 설치하고 간단히 실행해보기

📅 2026년 6월 8일 · 👁 19

엑셀 MCP 설치하고 간단히 실행해보기엑셀과 클로드를 MCP로 연결해서 AI로 쉽게 엑셀을 다룰 수 있습니다. 한번 따라 해볼까요?01 공식 문서에는 ‘한 방에 설치하는 명령어’가 mcp.pyhub.kr/setup/windows/#1_1에 안내되어 있습니다. 이 명령어를 복사하고 파워셸에서 실행합니다. 설치는 약 5~6분 가량 걸리므로 잠시 커피 한 잔하면서 기다리세요.앞선 실습과 같이 명령 프롬프트에 명령어를 복사해서 실행해도 됩니다. 하지만 공식 문서에서 파워셸 설치를 권장하므로 이번 실습에서는 명령 프롬프트와 비슷한 기능을 하는 파워셸에서 MCP를 설치했습니다.설치 중 진행이 멈춘 것 같으면 [Enter]를 누르세요.설치를 마치면 ‘Installation complete!’라는 메시지가 나옵니다. 그럼 설치가 완료된 것입니다.02 그 다음에는 윈도우의 차단을 풀기 위해 pyhub.mcptools.exe 실행 파일을 한 차례 실행해야 합니다. 실행 파일은 C:\mcptools\pyhub.mcptools에 있습니다. 실행 파일을 더블클릭하여 실행합시다. 만약 팝업창이 뜨면 팝업창에서 [추가 정보 ➝ 실행]으로 실행하세요.03 이제 클로드의 MCP 설정값을 수정해야 합니다. 다음 화면을 참고하여 설정값을 입력하거나 mcp.pyhub.kr/setup/windows/#5-claude-desktop의 내용을 참고하여 설정값을 복사하여 붙여넣으세요. 이때 “mcpServers” : {...}의 중괄호 내에 입력해야 하고, 이미 입력된 값이 있으면 마지막 위치에 쉼표로 설정값을 하나 추가하는 느낌으로 입력해야 합니다.윈도우에서는 [설정 ➝ 개발자 ➝ 설정 편집]을 누르면 MCP 설정값 파일이 윈도우 탐색기에 나타납니다.macOS에서는 왼쪽 위의 [Claude ➝ 설정]을 누르고 [개발자 ➝ 설정 편집]을 누르면 MCP 설정값 파일이 파인더에 나타납니다.클로드에게 설정값 변경을 부탁해도 됩니다.[나] : MCP 추가를 위해 claude_desktop_config.json 설정 파일을 변경하고 싶어.적절한 위치에 다음 코드를 추가해줘.{"mcpServers": {"pyhub.mcptools": {"command": "C:\\mcptools\\pyhub.mcptools\\pyhub.mcptools.exe","args": ["run","stdio"]}}}04 작업을 마쳤으면 설정 파일을 [Ctrl + S]를 눌러 저장하고 클로드를 완전히 종료했다가 다시 실행하세요. 클로드를 완전히 종료하려면 윈도우 오른쪽 아래에 있는 아이콘을 오른쪽 클릭하여 [종료]를 눌러야 합니다. 다시 클로드를 실행하고 커넥터 설정에 들어가 pyhub.mcptools가 보일 것입니다. 그럼 설치에 성공한 것입니다.05 이제 pyhub.mcptools가 어떻게 동작하는지 알아보기 위해 빈 엑셀 파일을 열겠습니다. 그런 다음 좌우로 클로드와 엑셀 화면을 두세요.06 이제 남은 것은 작업을 시키는 것 뿐입니다. 저는 도서 상품 품목에 대한 더미 데이터를 만들어달라고 하겠습니다.[나] : 열려 있는 엑셀 파일에 가상의 도서 상품 100개의 더미 데이터를 등록해줘. 제목, 가격, 쪽수, 출판사, 재고 수량 외 필요한 값을 적당히 적어줘.그러면 pyhub.mcptools에서 파일이 있는지 확인한 다음 작업을 수행합니다. 실시간으로 필요한 열 제목을 입력하고 데이터를 입력해줍니다. 경우에 따라 권한 확인 요청이 뜨면 [허용]을 눌러주세요.필요에 따라 열 너비와 레이아웃을 보기 좋게 정리하는 작업을 요청해도 좋습니다. 이렇게 실시간으로 엑셀 파일 작업을 수행할 수 있어 엑셀 MCP는 매우 유용합니다.

[스프링 부트 05] 백엔드 개발자 업무와 백엔드 프로그래밍 언어

📅 2026년 6월 7일 · 👁 23

백엔드 개발자의 업무앞서 웹 프로그래밍에 대한 기초 내용을 공부해봤는데요. 그러면 백엔드 개발자는 어떤 일을 할까요? 이 책은 스프링 부트 4를 이용한 백엔드 실무 기초 과정을 다루므로 백엔드 개발자가 어떤 일을 하는지 미리 살펴보면 도움이 될 겁니다. 백엔드 개발자의 주된 업무는 서버 측 애플리케이션을개발하는 일입니다. 개발하면서 서버에 대한 지식과 프로그래밍 지식, 만든 프로그램을 배포하고 안전하게 서비스할 수 있게 하는 지식을 활용합니다. 백엔드 개발자의 업무가 조직마다 천차만별이지만 대개는 ➊ 과제 할당 → ➋ 과제 분석 → ➌ 개발 → ➍ 테스트(리뷰) → ➎ QA 및 버그 수정 → ➏ 배포 → ➐ 유지보수 순서로 진행합니다.➊ 과제 할당 모든 일은 주어진 과제를 할당하며 시작합니다. 사업부, 마케팅, 개발팀 등에서 개발 과제를 할당합니다. 그럼 개발자가 그 과제를 분석하기 시작하죠!➋ 과제 분석 예를 들어 어떤 소셜 서비스에서 ‘친구 초대 이벤트를 만들어주세요’라는 과제가 주어졌습니다. 이때 ‘친구’는 무엇인지, ‘초대’는 무엇을 의미하는지, ‘이벤트’는 어떤 조건이 필요하고 초대를 한 친구와 초대된 친구에게 보상을 어떻게 줄지, 이벤트를 위해서어떤 데이터들을 저장하는지를 결정해야 합니다.또한 제공할 성능과 사용할 기술을 검토하고, 문제가 있다면 해결 방법도 면밀하게 분석하고 정리해야 합니다. 오늘날 서비스는 복잡하므로 작은 기능에서 발생하는 문제 하나가 서비스 전체의 문제로 이어질 수 있으므로 이 과정은 매우 중요합니다.➌ 개발 과제 검토가 끝났으니 개발을 진행하면 됩니다. 개발 과정에서는 기능을 개발하고, 버그를 수정하는 일이 대부분입니다.개발한 코드는 깃허브github 등의 프로그램을 사용해 동료의 리뷰를 받고 리뷰에 대한 내용을 반영해서 코드의 완성도를 높입니다.➍ 테스트 개발을 마치면 코드가 제대로 동작하는지 테스트해야 합니다. 앞서 언급한 과제 분석 → 개발 → 테스트를 반복하며 프로그램의 완성도를 높여가죠. 테스트는 단순히 실행이 잘 되는지만 보지 않습니다. 로직상 문제는 없는지, 성능 한계는 어느 정도인지, 만든 코드가 읽기 편한지, 내가 만든클래스, 메서드, 함수를 다른 사람이 간편하게 사용할 수 있는지 등을 검토하면서 테스트를 합니다. 조직이나 개발자에 따라 단위 테스트를 작성하는 경우도 있습니다. 때로는 개발용 코드보다 테스트를 먼저 작성하는 테스트 주도 개발 기법을 사용하기도 합니다.➎ QA 개발과 테스트가 어느 정도 마무리됐다면 애플리케이션의 품질을 높이기 위해 QAquality assurance를 신청합니다. QA팀이 없는 회사라면 개발 조직에서 담당합니다.➏ ~ ➐ 배포와 유지보수 QA가 완료되면 서버에 배포를 진행합니다. 때에 따라서 여러 과제를 한 번에 병합해서 배포하거나, 새로운 기능이 추가될 때마다 배포합니다. 애플리케이션을 쉽고 안전하게 배포하고, 문제 발생 시 쉽게 이전 버전으로 돌리는 작업을 할 수 있도록 준비해야 합니다.배포 방법은 여러 가지입니다. 먼저, 특정 개수의 서버들을 돌아가며 배포하는 롤링 배포, 똑같은 서버 인스턴스를 띄우고 로드밸런서 설정을 바꿔버리는 블루 그린 배포, 전체 서버의 특정 비율만큼 배포해보고 문제없는 경우 점점 배포를 늘려가는 카나리 배포 등이 있습니다. 개발자는 코드의 개발부터 테스트, 배포, 모니터링까지 사실상 무한 반복을 합니다. 여기부터 빌드부터 배포까지의 과정을 자동화할 수 있습니다. 이것을 두고 흔히 CIContinuous Integration/CDContinuous Delivery & Continuous Deployment라고 합니다. CI는 지속적인 통합이라는 뜻으로, 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 저장소에 통합되는 것을 의미합니다. CD는 지속적인 배포를 말합니다. CI는 저장소에 코드가 반영되는 것을 말하고, CD는 실제 프로덕션 환경까지 변경된 코드가 반영되는 것을 의미합니다.백엔드 프로그래밍 언어백엔드 개발에 자주 사용하는 언어로는 무엇이 있을까요? 언어의 인기 순위를 매기는 지수인 TIOBE 인덱스에서는 2023년 4월 기준으로 파이썬이 1위입니다. 다음으로 C, 자바, C++, C#, 비주얼 베이직, 자바스크립트 순서입니다. 이 중에 백엔드에서 많이 사용하는 언어는 파이썬, C++, 자바, C#, 자바스크립트입니다.파이썬은 데이터 분야에서 많이 사용하지만 서버 개발에도 많이 사용합니다. 대표적인 프레임워크로는 플라스크와 장고, FastAPI가 있습니다. C++은 성능이 중요한 게임 서버 개발에서 많이 사용합니다.자바는 스프링, 스프링 부트라는 매우 강력한 프레임워크를 기반으로 많은 곳에서 서버 개발에 사용합니다. C#은 국내보다는 미국에서 많이 사용합니다. 닷넷 프레임워크가 매우 강력하며 마이크로소프트 계열의 소프트웨어와 호환성이 좋은 편입니다. 개발자들이 자주 찾는 사이트 중 하나인 스택오버플로가 C#을 기반으로 만들었습니다.자바스크립트는 프론트엔드에서뿐 아니라 백엔드에서도 많이 사용합니다. 대표적인 웹 프레임워크는 익스프레스Express, NestJS가 있습니다.

[돈버는 블로깅 03] 촬영 전 체크리스트부터 빛 활용까지! 협찬 당락을 가르는 한 끗 차이

📅 2026년 6월 5일 · 👁 39

[블로그 03] 촬영 전 체크리스트부터 빛 활용까지! 협찬 당락을 가르는 한 끗 차이협찬 당락을 가르는 한 끗 차이, 사진 촬영 비밀 3가지체험단 사진은 단순한 기록이 아닙니다. 제품 또는 장소의 매력을 잘 담은 사진은 블로거와 광고주 모두에게 이득입니다. 광고주는 단순 후기보다는 활용도가 높은 사진을 선호하는데, 실제로 사진 퀄리티가 높은 블로그는 체험단 선정률 뿐만 아니라 원고료 협찬까지 자연스럽게 이어집니다.➊ 촬영 전 체크리스트 준비하기현장에서 즉흥적으로 사진을 찍다 보면 자칫 중요한 장면을 놓치기 쉽습니다. 특히 맛집 체험단의 경우, 방문 전에 어떤 컷을 담아야 하는지 미리 정리해두는 것만으로도 사진의 완성도를 비약적으로 높일 수 있습니다. 다음은 맛집 리뷰에서 반드시 촬영해야 할 기본 체크리스트입니다.□ 외관 및 간판 : 매장의 첫인상을 보여주는 컷으로, 위치·접근성을 독자에게 전달할 수 있습니다.□ 매장 내부 분위기 : 좌석 배치, 테이블 간격, 창가 자리 등 고객 경험에 영향을 주는 요소를 담습니다.□ 대표 메뉴 및 주요 요리 : 가장 인기 있는 메뉴, 시그니처 요리, 계절 한정 메뉴 등을 중심으로 촬영합니다.□ 조리·서빙 과정(가능한 경우) : 음식이 준비되거나 테이블에 놓이는 순간 등 생동감 있는 장면을 담습니다.□ 상세 컷 : 음식의 질감, 고기 굽기 정도, 소스 구성 등 맛을 상상하는 디테일 컷입니다.□ 실사용 컷 : 직접 먹는 손동작, 젓가락 또는 포크로 음식을 집은 모습, 아이와 가족과 함께 자연스러운테이블 사진 등 ‘실제로 경험하고 있다’는 느낌을 주는 장면입니다.□ 전·후 비교 컷 : 고기집이라면 굽기 전·후, 디저트라면 첫 비주얼·먹은 후 단면 등 비교할 수 있는 컷을 담으면 신뢰도가 높아집니다.이처럼 체크리스트를 방문 전에 준비해두면 사진 누락이 줄고, 리뷰 구성도 훨씬 탄탄해지겠죠?➋ 빛을 중심으로 촬영하기사진의 퀄리티를 좌우하는 가장 중요한 요소는 ‘빛’입니다. 다음 기본 원칙을 지키면 초보자도 고퀄리티 컷을 만들 수 있습니다. 가장 먼저 카메라 렌즈부터 닦아주세요.음식을 촬영할 때는 정면 45도 또는 90도가 안정적입니다.자연광이 들어오는 창가 쪽 자리를 활용하세요. 어떤 조명도 자연광보다 예쁠 수 없습니다.형광등 조명으로 색이 누렇게 보인다면 화이트밸런스를 조정해줍니다.제품 리뷰 시, 배경을 최대한 깔끔하게 정리합니다.➌ 고급스러운 사진을 만드는 구성 방식체험단 사진은 무조건 화려하거나 보정을 많이 했다고 해서 좋은 것이 아닙니다. 오히려 깔끔하고 정돈된 구성이 사진의 완성도를 높여주고, 광고주가 가장 선호하는 스타일이기도 합니다. 다음 원칙을 기억해두면 누구나 고급스러운 사진을 만들 수 있습니다.필요한 것만 담고, 불필요한 요소는 비워두기 : 사진 안에 너무 많은 사물이 들어가면 시선이 분산됩니다. 음식 사진이라면 접시 하나만 두거나, 테이블 위를 정리한 후 촬영하면 훨씬 집중도가 높아집니다. ‘이 사진에서 가장 중요한 게 무엇인지’를 정하고, 나머지는 과감하게 비워보세요.톤과 색을 비슷하게 맞추어 통일감 주기 : 리뷰 안의 사진들이 제각각이면 전체 포스팅이 산만해집니다. 밝기나 색감 보정을 비슷한 톤으로 맞추면 시리즈처럼 통일된 느낌이 들고 전문가스러운 리뷰처럼보입니다. 예를 들어 모든 사진을 조금 밝게 보정하거나, 따뜻한 톤으로 맞추는 식으로 하나의 분위기를 유지해보세요.선명도·대비는 과하게 올리지 않기 : 사진을 선명하게 만드는 것은 좋지만, 지나치게 올리면 음식이 딱딱해 보이거나 색이 부자연스러워집니다. ‘조금만 더 또렷하게 보이는 정도’로 멈추는 것이 좋습니다.특히 음식 리뷰는 과한 보정보다 자연스러운 색감이 신뢰도를 높입니다.넓은 컷과 가까운 컷을 적절히 섞기 : 매장 리뷰를 작성할 때는 전체 공간을 보여주는 넓은 컷(와이드컷)과 메뉴·소품·인테리어 포인트 등을 담은 가까운 컷(디테일 컷)을 함께 넣으면 구성력이 살아납니다. 독자 입장에서는 공간의 분위기와 메뉴의 디테일을 동시에 파악할 수 있어 리뷰의 완성도가 올라갑니다.광고주가 선호하는 사진은 따로 있다전·후 비교 컷전·후 비교 사진은 광고주가 가장 먼저 확인하는 핵심 컷인데요. 이 한 장만으로도 “제품을 실제로 사용했구나”, “효과나 변화가 명확하구나”를 바로 판단할 수 있기 때문에 신뢰도가 올라갑니다. 특히 뷰티· 리빙·푸드 체험단의 경우, 전·후 비교 컷이 리뷰 품질 점수에 직접적인 영향을 줄 정도로 중요합니다. 전과 후의 조명·각도·거리만 통일해도 사진 완성도가 확 올라가고, 광고주는 이런 비교 컷을 선호합니다.실사용 컷실사용 컷은 단순히 제품을 보여주는 사진이 아니라, ‘이 제품이 실제 생활 속에서 어떻게 쓰이는지’ 를 보여주는 장면입니다. 손이 닿아 있는 모습, 실제 사용하는 모습, 생활 속에서 자연스럽게 놓인 장면 등이 들어가면 광고주는 리뷰의 ‘진정성’과 ‘활용성’을 높게 평가합니다.특히 남성·아동·가족 손, 식탁 위 실제 배치, 욕실이나 주방처럼 실사용 공간에서 촬영한 컷은 독자들이 ‘나도 이렇게 쓸 것 같다’고 상상하게 만들어 설득력이 올라갑니다. 실사용 컷은 실제 후기 느낌을 전달하는 핵심 요소이니 꼭 넣어주세요.

[MCP 01] 피그마 MCP로 화면 명세서 만들기

📅 2026년 6월 3일 · 👁 74

[MCP] 피그마 MCP로 화면 명세서 만들기캔바가 빠른 홍보물 제작에 강하다면, 피그마Figma는 웹 사이트나 앱 화면처럼 구조가 중요한 디자인에 강합니다. 피그마 MCP는 피그마 파일의 프레임, 레이어, 컴포넌트, 색상, 레이아웃 정보를 AI가 읽을 수 있게 해줍니다.피그마 MCP는 일반적인 클로드 채팅보다 Claude Code, Cursor, VS Code 같은 MCP 클라이언트와 함께 사용할 때 특히 강력합니다. 피그마 공식 문서에서는 원격 MCP 서버 사용을 권장하며, 지원 클라이언트와 기능은 계속 업데이트되고 있습니다.01 먼저 피그마 데스크톱 애플리케이션을 다운로드합니다. 사용하는 운영체제에 맞는 파일을 내려받고 설치한 뒤 로그인하세요.피그마 다운로드 : figma.com/ko-kr/downloads/02 피그마 MCP도 커넥터로 제공됩니다. 클로드의 커넥터 메뉴에서 [+ ➝ 커넥터 둘러보기]를 누르고 검색창에 Figma를 입력합니다. Canva 커넥터가 보이면 [+]를 눌러 연결을 시작합니다.02 그러면 다음과 같은 인증 과정을 거칩니다. [Agree & Allow Access]를 눌러 권한을 승인하고 업데이트 메일을 받을지 여부는 원하는 대로 선택하세요.03 피그마 MCP를 사용해서 가상의 메신저 화면을 만들어달라고 요청하겠습니다. 클로드에서 다음과 같이 요청합니다.[나] : 피그마에 가상의 메시지 앱을 디자인해줄래? 아이폰 16 화면비에 맞춰줘.[AI] : 완성입니다! Figma에서 열기Bubble 이라는 가상의 메시지 앱을 iPhone 16 기준(393 × 852pt)으로 3개 화면을 디자인했어요.화면 구성 Chat List — 상단 내비 + 검색 바 + 대화 목록(읽지 않은 수 뱃지, 마지막 메시지 미리보기) + 하단 탭 바Chat Detail — 뒤로 가기 + 연락처 정보 + 수신/발신 말풍선 + 메시지 입력창Contact Profile — 대형 아바타 + 온라인 상태 표시 + 전화/메시지/영상통화 버튼 + 연락처 정보 + 공유된 사진디자인 포인트 테마 컬러: 보라색(#7B5EA7) 계열발신 말풍선은 보라 배경 + 흰 글씨, 수신은 연보라 배경 + 검정 글씨iOS 스타일 상태바, 탭 바, 구분선 적용잠시 기다리니 피그마가 가상의 앱 이름과 컨셉까지 만들어서 앱 디자인을 완료했다고 합니다. 링크를 눌러 파일을 열면 다음과 같이 웹 페이지 시안이 뚝딱 만들어져 있습니다.04 피그마를 사용하는 사람들이라면 디자인을 만드는 것만큼 이 디자인을 개발자하게 정확하게 전달하는 것도 중요할 것입니다. 이제 앞서 만든 화면을 분석하여 개발팀에 보낼 화면 명세서를 만들어보겠습니다.이때 피그마 파일 링크를 같이 첨부해도 좋습니다.[나] : 이 Figma 프레임 링크를 분석해서 개발자에게 전달할 화면 명세서를 만들어줘.- 화면의 목적- 주요 컴포넌트- 색상과 폰트 사용- 버튼과 입력창의 상태- 반응형에서 주의할 점- 구현 전에 디자이너에게 확인해야 할 질문[AI] : Bubble_화면명세서_v1.0.docx 에 담긴 내용을 요약하면:1. 문서 개요 — iPhone 16 기준 캔버스 사이즈(393×852pt), 3개 화면 구성표, Safe Area 수치2. 디자인 토큰 — 색상 스워치 표(Primary·Neutral·System), 타이포그래피 규격표(용도별 사이즈·굵기·색상)3. S-01 Chat List — 레이아웃 Y좌표/높이 표, Nav Bar·검색창·Chat Row·뱃지·Tab Bar 상세 스펙, 아바타 색상 팔레트(6색·인덱스 규칙), 버튼·입력창 상태표(Default/Pressed/Focused/Swipe)4. S-02 Chat Detail — 말풍선 스펙(발신/수신 색상·반경·최대 너비·패딩), 날짜 구분자, Input Bar 상태(Empty→비활성 전송 / Typing→활성 / Focused→키보드 대응)5. S-03 Contact Profile — 대형 아바타·온라인 dot 스펙, 액션 버튼 3개, 연락처 정보 행 구조, 공유 사진 썸네일 규칙6. 반응형 & 접근성 — Safe Area 대응, 동적 텍스트·말풍선 max-width 소형 기기 처리, VoiceOver·터치 타겟(44pt) 가이드7. 디자이너 확인 질문 15개 — Large Title 스크롤 전환, Empty State, 스와이프 액션, 입력창 최대 줄 수, 다크 모드, Inter 폰트 번들 여부 등05 결과를 보면 피그마 화면을 눈으로만 확인했을 때 놓치기 쉬운 컴포넌트 구조, 여백, 반복 요소, 버튼 상태 등을 문서로 정리했습니다. 그러면 개발자에게 ‘대충 비슷하게 만들어주세요’”라고 전달하는 대신, 화면 단위의 체크리스트를 만들어 넘길 수 있어 협업이 훨씬 쉬워집니다.피그마 MCP의 장점은 디자인 파일을 사람이 눈으로만 보는 것이 아니라, AI가 구조화된 정보로 읽을 수 있다는 점입니다. 따라서 기획자, 디자이너, 개발자가 같은 화면을 두고 이야기할 때 ‘무엇을 확인해야 하는지’를 빠르게 문서화할 수 있습니다.

[클로드 05] '클로드 디자인'으로 PPT 만들기

📅 2026년 6월 1일 · 👁 420

직접 슬라이드 한 장을 만들어 보겠습니다. 커넥터 없이도 파워포인트에서 바로 열어볼 수 있는 PPTX 파일을 생성합니다.01단계 브라우저에서 다음 링크에 들어가 로그인합니다. 프로 이상 요금제라면 바로 들어갑니다.• 클로드 디자인 : claude.ai/design02단계 새 프로젝트를 생성합니다. PPT나 카드 뉴스를 만들 때는 [Silde deck]을 선택합니다. 프로젝트 이름을 입력하고 [+ Create]를 누르세요.03단계 [Design System]을 누르면 클로드 디자인에서 제공하는 스킬이나 디자인 시스템을 사용할 수 있습니다. 지금은 수정 가능한 PPTX 결과물을 원하므로 [Export as PPTX (editable)]를 선택하겠습니다.04단계 왼쪽 아래 입력창에 다음 프롬프트를 입력하세요.클로드가 5장짜리 슬라이드 초안을 보여줍니다. 클로드는 알아서 각 슬라이드의 스크린샷을 찍어 확인하고 텍스트 겹침 같은 오류가 있는지 한 번 더 확인합니다. 이렇게 만들어진 슬라이드는 일반 클로드 채팅에서 지시하여 만든 것보다 결과물이 뛰어날 확률이 높습니다. 클로드 디자인의 시스템 프롬프트와 잘 만들어진 스킬 지침에 따라 생성되기 때문입니다.

[디자인 클래스 05] 캔바 AI 툴 완전 정복하기

📅 2026년 5월 31일 · 👁 84

[디자인 클래스 05] 캔바 AI 툴 완전 정복하기업무 현장에서는 보고서, 제안서, 마케팅 콘텐츠, 교육 자료 등 다양한 결과물을 신속하게 만들어야 합니다. 매일 새로운 AI 도구가 쏟아지는 환경 속에서 캔바는 이러한 변화를 주도하고 있습니다. 특히 Magic Studio의 이미지·영상 편집 기능과 Magic Write의 텍스트 생성 능력, 그리고 다국어 번역을 지원하는 Magic Translate를 통해 국경 없는 콘텐츠 제작을 할 수 있습니다.캔바 AI 기능을 활용하면 제안서 초안 작성부터 보고서 자동화, 글로벌 자료 현지화에 이르기까지 실질적인 시간 절약과 업무 성과 향상으로 이어집니다. [Chapter 15] 캔바 AI 툴 완전 정복에서는 캔바의 핵심 AI 기능을 활용하여 시대에 부합하는 새로운 업무 프로세스를 구축하는 방법을 구체적으로 살펴보겠습니다.[미친 활용 40] Magic Studio로 이미지와 영상, 한 번에 편집하기먼저 캔바 AI 기능 중 Magic Studio 속 다양한 기능을 활용해 사진 속 불필요한 요소를 지우거나 이미지를 간단히 수정해보겠습니다. Magic Eraser, Magic Edit, Magic Grab 같은 기능을 활용하면 단 몇 번의 클릭만으로 사진 보정부터 피사체 분리, 새로운 이미지도 생성할 수 있습니다.[NOTE/] [미친 활용 40] Magic Studio – 이미지와 영상, 한 번에 편집하기는 캔바 프로 요금제 구독 시 이용할 수 있습니다. [/NOTE]배경 제거하기사진 속 배경을 제거하고 투명하게 바꿔 디자인을 더 깔끔하게 만들 수 있습니다. 일상에서 뿐만 아니라 인물이나 제품만 분리해 강조할 수 있어 보고서, 제안서, 마케팅 이미지 등 다양한 실무 작업에 활용하기 좋습니다.실무 활용 : 보고서 속 인물이나 제품 사진을 배경 없이 깔끔하게 정리해 제안서용 이미지로 활용하기개인 활용 : 여행 사진의 배경을 제거한 후 원하는 디자인 배경에 합성해 포토 카드 제작하기배경을 제거할 이미지를 삽입한 후 메뉴 바에서 [편집]을 클릭합니다. 왼쪽 메뉴의 Magic Studio에서 [배경 제거]를 클릭하면 피사체만 남겨지고 배경이 사라집니다. 다시 한 번 [배경 제거]를 누르면 브러시를 활용해 배경을 복원하거나 지울 수 있습니다. 이 기능은 이미지뿐만 아니라 영상에도 동일하게 적용할 수 있습니다.배경 생성하기피사체는 마음에 들지만 배경이 아쉬울 때는 [배경 생성] 기능을 활용해보세요. 기존 이미지와 자연스럽게 어울리는 배경을 AI가 자동으로 생성해 더 멋진 사진으로 탈바꿈시켜줍니다.실무 활용 : 제품 사진의 배경을 사무실이나 매장으로 변경해 다양한 마케팅 시안 제작하기개인 활용 : 커플 사진의 배경을 정원, 해변 등으로 변경해 청첩장으로 활용하기배경을 생성할 이미지를 삽입한 후 메뉴 바에서 [편집]을 클릭합니다. [배경 생성]에 새롭게 만들고 싶은 배경을 설명하는 프롬프트를 입력한 후 [생성하기]를 누릅니다. AI가 피사체와 어울리는 배경 4가지를 만들어줍니다. 이 중 마음에 드는 이미지를 선택하여 빈 페이지에 삽입하면 됩니다.Magic Eraser사진 속에서 불필요한 요소를 제거하고 싶을 때 Magic Eraser를 활용하면 복잡한 보정 작업 없이도 깔끔한 이미지를 만들 수 있습니다. 제거하고 싶은 영역을 브러시로 쓱 그리기만 하면 주변 배경을 자연스럽게 분석해 어색함 없이 지워줍니다.실무 활용 : 행사 사진에서 불필요한 현수막이나 브랜드 로고를 제거하여 홍보용 이미지 완성하기개인 활용 : 풍경 사진에서 방해되는 사람이나 전봇대 등을 제거해 SNS용 감성 사진 만들기사진을 클릭한 후 메뉴 바에서 [편집]을 클릭합니다. [Magic Eraser]에서 [브러시]를 선택한 후 지우고 싶은 부분을 체크합니다. [지우기]를 클릭하면 브러시로 선택한 부분이 없어지면서 깨끗한 사진이 만들어집니다. 이렇게 만들어진 영역에 텍스트나 요소를 삽입하여 디자인을 만들 수도 있습니다.Magic Grab사진 속에 있는 피사체를 분리 또는 확대하거나 축소하여 활용하고 싶을 때 Magic Grab 기능을 활용할 수 있습니다. 클릭 한 번으로 주요 피사체를 인식해 선택할 수 있어 복사, 이동, 확대, 축소를 쉽게 할 수 있습니다.실무 활용 : 자동차 홍보 이미지에서 차량만 분리해 다양한 배경에 배치하기개인 활용 : 반려동물 사진에서 동물만 따로 추출해 스티커나 굿즈 제작하기사진을 삽입한 후 메뉴 바에서 [편집]을 클릭한 후 [Magic Grab]을 선택합니다. [클릭]을 눌러 작업 화면에서 자동차를 클릭합니다. 테두리에 맞춰 자동차가 자동으로 선택되면 [추출하기]를 누릅니다. 배경에서 추출된 피사체를 따로 선택할 수 있으며, 이때 배경은 자동으로 비슷한 색상이 채워집니다. 피사체만 크기를 키워 배치하고 왼쪽에 관련 텍스트를 추가합니다.텍스트 추출하기이미지에 포함된 텍스트 때문에 내용을 수정하거나 재활용하기 어려운 경우가 있습니다. 이럴 때 [텍스트 추출] 기능을 활용하면 이미지 속 텍스트를 자동으로 인식해 편집할 수 있는 텍스트로 분리합니다. 이를 통해 번역이나 문구 수정 등 다양한 용도로 손쉽게 활용할 수 있습니다. 단, Magic Studio의 텍스트 추출 기능은 현재 영문 텍스트만 인식할 수 있으며 한글은 지원하지 않습니다.실무 활용 : 인포그래픽 이미지 속 영어 문구를 추출해 번역하여 보고서에 활용하기개인 활용 : 해외 잡지 사진 속 슬로건을 추출해 나만의 디자인 문구로 재가공하기사진을 삽입한 다음 해당 사진을 선택한 상태에서 메뉴 바의 [편집]을 누릅니다. 왼쪽의 Magic Studio에서 [텍스트 추출]을 클릭한 후 추출할 텍스트를 선택하고 [추출하기]를 클릭합니다. 추출한 텍스트를 한국어로 번역해서 활용해도 됩니다.Magic Edit이미지 속 특정 부분의 색상을 변경하거나 원하는 요소로 자연스럽게 바꿀 수 있는 기능입니다. 기존 이미지를 그대로 활용하면서도 별도의 재촬영이나 추가 디자인 없이도 다양한 시안을 만들 수 있습니다.실무 활용 : 카페 인테리어를 위해 벽 메뉴판 디자인 추가하기개인 활용 : 친구와 찍은 사진에서 옷 색상을 바꾸기이미지를 삽입한 후 메뉴 바에서 [편집]을 누릅니다. Magic Studio의 [Magic Edit]을 클릭한 후 작업 영역에서 바꾸고 싶은 영역을 드래그하여 선택합니다. 어떻게 바꾸고 싶은지 원하는 형태를 프롬프트 창에 입력합니다. 실습에서는 [파란색 옷]이라고 입력했습니다. [생성하기]를 클릭하면 옷이 파란색으로 바뀐 것을 확인할 수 있습니다.Magic Expand사진의 프레임을 확장해서 보이지 않던 영역까지 새롭게 생성해주는 기능입니다. 흔히 AI 아웃페인팅AI Outpainting이라고 부르기도 합니다.실무 활용 : 제품 사진을 가로로 확장해 좌우 여백에 광고 카피를 넣어 배너 제작하기개인 활용 : 여행 사진의 풍경을 확장해 감각적인 스마트폰 배경 화면으로 활용하기사진을 삽입한 후 메뉴 바에서 [편집]을 누릅니다. Magic Studio의 [Magic Expand]를 클릭한 후 확장하고 싶은 영역을 드래그하여 지정합니다. [확장]을 클릭하면 생성되는 이미지에서 원하는 사진을 선택합니다. 새롭게 생성된 영역에 텍스트 등을 입력하여 활용합니다.[미친 활용 41] Magic Write와 Canva AI로 제안서, 콘텐츠, 프레젠테이션까지 한 번에!업무 시작 단계에서 가장 어려운 작업은 첫 문장을 쓰는 일입니다. 보고서를 열어두고 목차를 구성하지 못해 시간을 허비하는 경험은 누구나 겪기 마련이죠. 이때 캔바의 Magic Write를 활용하면 훨씬 수월하게 글을 작성할 수 있습니다. 몇 개의 키워드나 문구만 입력해도 문서의 뼈대를 잡아주고 초안을 생성합니다. 보고서 개요, 제안서 문구, SNS 카피copy 작성, 블로그 초안 등 다양한 글쓰기 상황에서 활용해보세요.보고서 초안 작성하기캔바의 Magic Write를 활용하여 몇 개의 키워드만으로도 보고서의 구조와 초안을 작성해보겠습니다.01 캔바 메인 화면에서 [Canva AI]를 누릅니다. [Docs]를 선택한 후 [유형]을 눌러 [전략]을 클릭합니다.02 입력창에 사내 협업 툴 도입 제안서 초안 작성. 개요, 필요성. 기대효과. 예산 등 자세히라고 간단하게 프롬프트를 입력한 후 []를 누릅니다. 생성된 결과물을 클릭한 후 [Canva 편집기 사용]을 클릭하여 작업 화면으로 이동합니다.[NOTE/] 캔바 Magic Studio는 유료 요금제를 구독해야 사용할 수 있으며, 유료 요금제를 사용했을 때 제공되는 크레딧 중 1크레딧이 소모됩니다. [/NOTE]03 삽입한 텍스트를 드래그한 후 [Magic Write]를 클릭합니다. 텍스트 관련 8가지 메뉴 중 원하는 기능을 선택하면 됩니다. 실습에서는 [텍스트 변환] 기능을 사용했는데, 해당 기능은 Pro 버전에서 제공됩니다.04 [텍스트 변환]을 클릭한 후 수정 방향을 프롬프트로 입력하면 내용이 수정됩니다. 또한 [텍스트 확장] 기능을 활용하면 더 많은 내용을 추가할 수 있습니다. 이처럼 캔바 AI를 활용하면 보고서나 제안서를 Docs 형태로 빠르게 완성할 수 있습니다.AI로 디자인 편집하기디자인 작업을 하다 보면 글 초안 작성, 카피 문구 수정, 이미지 스타일 변경 등 다양한 편집 작업이 필요합니다. 캔바의 AI 기능을 활용하면 이러한 작업을 훨씬 빠르고 간편하게 처리할 수 있습니다. AI를 활용해 디자인 요소를 효율적으로 편집하는 방법을 살펴보겠습니다.콘텐츠 초안 작성하기 캔바 AI로 콘텐츠 제작에 필요한 초안을 자동으로 생성할 수 있습니다. 캔바 메인 페이지에서 [Docs]를 생성한 후 메뉴 바에서 [Magic Write]를 클릭합니다. 프롬프트 창에 대한민국의 관광명소를 외국인에게 추천하려고해. 이름, 주소, 특징등을 나열하여 적어줘라고 입력한 후 [생성하기]를 클릭합니다. 생성된 콘텐츠 초안은 [삽입]을 클릭하여 활용하면 됩니다.카피라이트 문구 추천 받기 짧은 카피라이트 문구조차 쉽게 떠오르지 않을 때가 있습니다. 이럴 때 Canva AI에게 물어보기 기능을 활용하면 문구 작성 시간을 크게 줄일 수 있습니다. 수정하고 싶은 텍스트를 선택한 후 [Canva AI에게 물어보기]를 클릭합니다. 프롬프트 창에 텍스트를 다시 작성해주세요를 입력한 후 [생성하기]를 클릭합니다. Canva AI가 댓글 형태로 여러 개의 새로운 카피 문구를 제안해주며 이 중 원하는 문구를 선택해 바로 적용할 수 있습니다.그림체 변경하기 디자인에 삽입된 이미지나 그래픽을 다른 느낌으로 바꾸고 싶을 때도 Canva AI를 활용할 수 있습니다. 삽입한 그림이나 그래픽을 선택 후 [Canva AI에게 물어보기]를 클릭해 바꾸고 싶은 형태를 입력합니다. 그러면 Canva AI가 1분 이내로 비슷한 느낌의 그림을 생성합니다. 생성된 이미지를 클릭하면 이전의 그림은 사라지고 새로운 그림으로 교체됩니다.프레젠테이션 자료 다듬고 확장하기프레젠테이션을 완성한 뒤에는 내용을 정리하고 확장하는 과정이 필요합니다. 캔바 AI 기능을 활용하면 페이지 내용을 요약하거나 퀴즈를 만들고 AI 음성까지 추가해 발표 자료를 더욱 풍부하게 만들 수 있습니다.프레젠테이션 내용 요약하기 현재 작업 중인 프레젠테이션 페이지의 내용을 요약해보겠습니다. 페이지에 있는 모든 요소를 선택한 후 [Magic Write]를 누릅니다. [요약 만들기]를 클릭하면 해당 페이지를 요약한 텍스트가 생성됩니다. 이렇게 생성된 요약 문장은 프레젠테이션 발표 대본으로 활용하거나 전체 흐름과 핵심 내용을 빠르게 파악하는 데 유용하게 사용할 수 있습니다.프레젠테이션 내용 관련 퀴즈 만들기 현재 페이지의 내용을 활용하여 프레젠테이션을 보는 청중이나 교육생과 소통할 수 있는 퀴즈를 만들 수 있습니다. 페이지의 전체 요소를 선택한 후 [Magic Write]를 누릅니다. [퀴즈 생성]을 클릭하면 페이지 내용을 분석해 퀴즈 문항을 자동으로 생성해줍니다. 이렇게 만든 퀴즈는 별도의 페이지에 삽입해 활용할 수 있으며 프레젠테이션을 진행하는 데 도움이 됩니다.프레젠테이션 내용 기반 AI 음성 삽입하기 프레젠테이션 페이지에서 텍스트 박스를 선택한 다음 [Magic Write]의 [AI 음성 생성]을 클릭합니다. 왼쪽 탭에서 [음성 선택]을 설정한 후 [AI 음성 생성]을 클릭해 AI 음성을 생성합니다. 생성된 오디오는 페이지 섬네일 아래에 추가되며, 해당 페이지를 [전체 화면 프레젠테이션]으로 재생하면 AI 음성이 자동으로 재생되는 것을 확인할 수 있습니다.