AI 디자인 도구 '딸깍' 혁명! 펜슬/피그마 답답함 날려버릴 신세계 경험 ✨
코드 보여주면서 디자인하기, 근데 뭔가 아쉬워! 😥
내 코드를 보면서 디자인을 쓱쓱 만들어낼 수 있으면 얼마나 좋을까? 계속 발전하고 있어서 앞으로 더 기대되긴 하는데, 아직 뭔가 마무리가 좀 부족한 느낌이야. 너도 디자인하다가 "아, 이게 아닌데!" 하고 답답했던 적 있지?
새로운 도구들, 써봤는데 뭐가 문제였냐면...
- **피그마
내 코드를 보면서 디자인을 쓱쓱 만들어낼 수 있으면 얼마나 좋을까? 계속 발전하고 있어서 앞으로 더 기대되긴 하는데, 아직 뭔가 마무리가 좀 부족한 느낌이야. 너도 디자인하다가 "아, 이게 아닌데!" 하고 답답했던 적 있지?
새로운 도구들, 써봤는데 뭐가 문제였냐면...
AI한테 로그인 기능 만들어 달라고 시켰는데, 제대로 안 되는 경우가 많아. 왜 그러냐면, AI가 네가 뭘 원하는지 제대로 안 물어보고 자기 맘대로 생각해서 일을 처리하기 때문이야.
AI가 똑똑하다면 이렇게 물어봐야 해:
최근 엔트로픽 모델이 업데이트되면서, 모델이 얼마나 열심히 일할지 조절하는 기능이 생겼어. 이걸 '노력 수준'이라고 부르는데, 총 다섯 단계로 나눌 수 있대.
1. 왜 노력 수준을 조절해야 할까?
"로그인 페이지 색깔만 바꿔줘!" 라고 AI한테 부탁했는데, 다음 날 회원가입 페이지가 안 열리는 황당한 일이 벌어졌어. 알고 보니 AI가 로그인 페이지랑 회원가입 페이지에서 똑같이 쓰는 코드 부분을 멋대로 건드린 거야.
이런 일, 진짜 자주 일어나. 코딩하다 보면 "어제까진 됐
...코드 파일 맨 위에 그 파일이 어떤 역할을 하는지 한 줄로 설명하는 주석을 달라고 했어. 예를 들어, 사용자 인증 상태를 관리하는 파일이라면 "[음악] 샵 사용자 인증 상태를 관리하는 컨텍스트 프로바이더" 라고 적는 거지.
이게 왜 중요하냐면,
AI가 코드를 읽을 때 코드베이스 전체를 다 보지 않고 필요한
...AI가 이메일 형식이 맞는지 확인하는 코드를 만들 때, 너무 많은 기능을 넣어서 복잡해지는 경우가 있어.
문제점:
코딩할 때 코덱스랑 클로드, 둘 다 같이 쓰면 엄청 편해! 마치 숙제할 때 친구랑 같이 하는 것처럼 말이지.
간단하게 말하면:
이게 뭐냐면, 메인 대화랑은 따로 노는 '전담 도우미' 같은 거야.
지금 너랑 클로드랑 같이 글을 쓰고 있다고 생각해봐. 근데 갑자기 "이 글 맞춤법 틀린 거 없어?", "이거 좀 딱딱한데 좀 부드럽게 바꿔줘!" 이렇게 부탁하면, 메인 대화가 완전 뒤죽박죽이 되겠지?
그럴 때 **글 검토만 전
...MCP는 클로드라는 AI가 다른 앱이나 서비스랑 친해질 수 있게 도와주는 약속 같은 거야. 마치 컴퓨터에 USB-C 케이블을 연결해서 여러 기기를 쓸 수 있는 것처럼, 클로드도 MCP를 이용하면 다양한 곳에 연결해서 일을 할 수 있게 되는 거지.
MCP가 있으면 뭐가 좋을까?
오늘 너희들을 위해 내가 실제로 강의할 때 쓰는 핵인싸 자료 두 세트를 무료로 풀어버릴 거야! 😎
첫 번째 자료: 이건 클로드 코드 입문 강의 자료가 아니야. (이건 다음에 더 좋은 걸로 준비할게!)
두 번째 자료: 이건 진짜 대박이야! **공익 웹사이트 하나를 처음부터
...훅은 어떤 일을 할 때, 그 앞이나 뒤에 자동으로 끼어드는 검사관이라고 생각하면 돼.
예를 들어볼게:
코덱스 플러그인은 오픈 AI라는 회사에서 만든 건데, 3월에 공식적으로 공개됐어. 마치 네가 게임을 할 때 새로운 아이템을 얻는 것처럼, 코딩할 때 도움을 주는 똑똑한 도구라고 생각하면 돼.
어떻게 쓰냐고?
클로드라는 곳에서 코딩을 하고 있다면, 슬래시(/)를 누르고 **"코덱
...너도 코딩하다 보면 혼자 하기 귀찮거나, 더 똑똑한 친구의 도움이 필요할 때 있잖아? 그럴 때 코덱스라는 똑똑한 AI 친구랑 같이 작업하면 진짜 편해.
코덱스랑 같이 작업하는 방법은 두 가지가 있는데, 오늘은 그중 하나를 알려줄게!
이건 마치
...옛날에는 말이야, 인공지능 모델이 한 번에 볼 수 있는 글자 수가 엄청 적었어. 마치 우리가 책을 조금씩만 읽을 수 있었던 것처럼 말이지. 그래서 그때는 마크다운이라는 걸 많이 썼는데, 이게 뭐냐면 글자를 좀 더 깔끔하게 정리하고 구조화하는 방법이야. 마치 책의 목
...영화권에서 HTML이 많이 비판받은 이유가 바로 토큰 비용 때문이야.
토큰은 쉽게 말해 글자나 단어 같은 걸 세는 단위라고 생각하면 돼.
파스칼렛 필리테리라는 분이 직접 실험해봤는데,
클로드 코드 쓰면서 일일이 에이전트랑 스킬한테 "이거 해!", "저거 해!" 시키는 거 귀찮았지? 시작도 하기 전에 지치잖아.
근데 내가 완전 꿀템을 발견했어! 바로 "한네스(Harness)"라는 건데, 이거 쓰면 니 작업에 딱 맞는 AI 팀을 알아서 뚝딱 만들어줘.
한네스가 뭐냐고?
잠깐
...AI 모델이 혼자 뚝딱뚝딱 맛있는 결과물을 만들어내는 게 아니야. 마치 요리사가 맛있는 요리를 하려면 좋은 주방이 필요한 것처럼, AI도 주변 시스템이 잘 갖춰져야 더 똑똑해질 수 있거든.
하네스는 바로 이 AI를 위한 주방 같은 거야.
보통 책이나 글을 읽고 뭔가를 배우잖아? 근데 어떤 사람은 HTML 파일 하나를 받았는데, 그 안에 토큰 버킷이라는 게 그림으로 뙇! 그려져 있었대.
그 옆에는 코드 조각도 같이 있었는데, 코드 안에 주석도 달려 있어서 뭐가 뭔지 설명도 해줬다고 해. 마지막에는 주의할 점
...요즘 내가 '미드나이로그' 유튜브 채널에 매주 팟캐스트 영상을 올리고 있잖아? 이 영상을 만들기 전에 게스트랑 미리 인터뷰를 하는데, 이때 '한네스'라는 걸 활용하고 있어.
'한네스'가 뭐냐면, 사전 인터뷰 내용을 바탕으로 우리 구독자들에게 진짜 도움이 될 만한 질문들을 미리 만들어주는 거
...