Claude8 Claude로 UI 디자인 만들기 | 접속부터 결과물 도출까지 Claude로 UI 디자인 만들기 | 접속부터 결과물 도출까지Step 1. claude.ai 접속 및 가입https://claude.ai 접속 후 Sign up 클릭,Google / Apple 계정 또는 이메일로 가입합니다. 클로드에 가입되어있다면 바로 https://claude.ai/design Claude claude.ai로 접근하시면됩니다. 클로드 기본 웹으로 접근하셨다면 좌측 패널에서 클로드 Design을 선택하시면 이동합니다. 현재 오픈한지 얼마 안되어 그런지 접속하면 인트로가 굉장히 길게 나오는데 우측 하단에skip intro로 스킵Step 2. Artifacts 기능 확인 코드를 생성할 때 채팅창 옆에 별도 패널이 열리며 실시간으로 렌더링됩니다.HTML, CSS, JavaScript, Rea.. 2026. 4. 23. [회고] 혼자 공부하는 바이브코딩 with 클로드 코드 with 혼공학습단 [회고] 혼자 공부하는 바이브코딩 with 클로드 코드 with 혼공학습단 오랜만에 회고를 포스팅해봅니다.혼공학습단 회고 혼공학습단은 한빛미디어에서 연 2~3회 정도 진행하는 학습 프로그램입니다. 완전 자율도 아니고, 그렇다고 빡빡한 강제도 아닌, 그 사이 어딘가의 절묘한 균형을 가진 반강제성(?) 학습단이라고 생각합니다.저라는 사람 자율을 주면 잘 안하기 때문에... 그렇다고 강제성을 부여해도 안하는 청개구리 성향으로 한빛미디어에서 제공하는 혼공학습단이 너무 좋습니다. 책은 각자 준비합니다. 학습도 기본적으로 자율입니다. 학습도 많지 않습니다.기본학습만 하면되고 추가학습은 있긴하지만 안해도 괜찮은!주차마다 포스팅을 해서 인증을 해야하는 간단하지만 쉽지않은 커리큘럼입니다.그러나 혼공족장님의 무한칭찬과 매.. 2026. 2. 15. [혼공바] 4주차 혼자 공부하는 바이브 코딩 with 클로드코드, 할 일 관리 앱 만들기 항상 업데이트가 안되어있다니.. 세월 빠르군요. 기본 미션(필수)PROJECT 5. 할 일 관리 앱 만들고 캡처하기Visual Studio Code도 지원한다고 들었는데 이렇게 바로보이는군요? 몇 주 전에는 안보였던 것 같은데 기술 빠릅니다.250여줄에 이르는 prd 1분내로 완성 claude Code용으로 전환했습니다.코드 크기도 예상도 해주는군요. 350줄 나왔습니다..복사해서 claude code에 시켜봅니다.리얼 협업 중... step2 이러면 근데 제가 일하는 것 아니에요..?아무튼, 3~5도 마찬가지로 확인 후 넘어갑니다. 완성! 깃 배포 방식까지 정리해주는군요.세상 좋아졌습니다. 추가 미션(선택)PROJECT 7. 상식 퀴즈 게임 앱 만들고 캡처하기AI를 활용해 개발할 때 주의해야 할 점.. 2026. 2. 1. [혼공바] 1주차 혼자 공부하는 바이브 코딩 with 클로드코드 2026년을 맞이하여 새로운 공부를 본격적으로 진행해보고자 합니다.현업에서 AI 코딩 툴을 자주 사용하고 있고 논문도 읽어보곤 하지만스텝바이스텝으로 진행 해 본적이 없어서 좋은 기회에 또다시 시작한 혼공 챌린지를 진행해보려합니다.약간의 반강제성이 있어야 하는 것 같군요. GitHub Repositoryhttps://github.com/taehojo/vibecoding (한빛미디어, 2025)의 실습 데" data-og-description=" (한빛미디어, 2025)의 실습 데이터입니다. - taehojo/vibecoding" data-og-host="github.com" data-og-source-url="https://github.com/taehojo/vibecoding" data-og-url="h.. 2026. 1. 11. IntelliJ에서 Claude Code Z.ai 연동 시 주의할 점과 설정 방법 IntelliJ에서 Claude Code Z.ai 연동 시 주의할 점과 설정 방법 MAC 기준입니다. API키 발급 받기 API키를 발급 받아야 합니다. 1. 화면 상단의 API Key를 클릭하거나 아래 링크로 이동합니다.https://z.ai/manage-apikey/apikey-list 2. Create a new API key 버튼을 클릭 후 구분 가능한 이름을 입력하고 Confirm 버튼을 클릭합니다. 3. 생성된 name의 API key값을 복사해둡니다. 설명 페이지 이동 https://docs.z.ai/scenario-example/develop-tools/claude Claude Code - Overview - Z.AI DEVELOPER DOCUMENTMethods for integra.. 2026. 1. 7. 2026년 Z.ai 구독 정리｜가격,토큰,Claude와 차이점 2026년 Z.ai 구독 정리｜가격,토큰,Claude와 차이점 업무 특성상 AI를 자주 사용하고 있는데요,Claude가 자꾸 퇴근하는 현상이 발생하였습니다. (악덕 업주)Claude 대비 토큰이 어마어마하다는 이야기가 많아서 직접 한 번 구독을 해봤습니다. GLM Coding Plan 클로드 대비 금액은 7분의 1이지만 토큰은 3배를 더 준다는 달콤한 말. 결제 금액 초대를 받아 접속하면 10%의 할인을 추가로 받을 수 있더라구요.제 링크는https://z.ai/subscribe?ic=AKDZVL1FYU입니다. 월간 구독 금액 쿼터 간 구독 금액 연간 구독 금액 할인 없는 기준 아래 표로 비교하시면 됩니다. 딱히 연간 구매라고 할인되진 않습니다.첫 구매 할인을 위해서 연간 결제를 하였을 뿐. Lite.. 2026. 1. 6. [Claude] MAC Claude Desktop에서 MCP 연동하기 [Claude] MAC Claude Desktop에서 MCP 연동하기요약Mac 환경에서 IntelliJ IDEA에 Claude Desktop를 설치하려면 공식 플러그인 설치, API 연동, 실행 설정 순서로 진행하면 됩니다.이 글에서는 실제 설치 과정을 기준으로 오류 없이 설정하는 방법을 정리합니다.FAQQ: MCP란?A: Model Context Protocol로 AI 모델이 외부 도구, 데이터, 서비스와 표준화된 방식으로 연결되도록 만든 프로토콜입니다.Q: Mac에서 필요한 기본 사전 조건은?A: Node.js 18 이상 설치입니다.1. Claude Desktop 왼쪽 하단에서 설정 클릭 혹은 Command로 설정창으로 이동합니다. 2. 설정 > 개발자 탭으로 이동하여 로컬 MCP 서버에서 구성 편집.. 2025. 10. 9. [IntelliJ] MAC IntelliJ IDEA에서 Claude code 설치하기 1. 우측 상단의 톱니바퀴 클릭 > Plugins... 클릭(저는 이미 깔려있어서 아이콘이 보입니다.) 2. Claude Code Installed & Restart 3. 우측 상단 마크 확인(Claude Code 마크가 떠있으면 설치 완료입니다.) 4. Claude Code 마크 클릭 시 아래와 같은 에러가 콘솔창에 나타나는 경우Claude를 로컬 환경에 설치해야합니다. (앱 x) 5. 공식 사이트 접속https://www.anthropic.com/claude-code Claude Code: Deep Coding at Terminal Velocity \ AnthropicTransform hours of debugging into seconds with a single command. Experience.. 2025. 7. 1. 이전 1 다음 728x90 반응형
