함께 공부하며 성장하는 jxlove's 블로그

3편. 나만의 첫 번째 AI 에이전트 만들기 — Google Colab 실습

3월 11, 2026 작성자: admin_jo

Google Colab에서 Claude API로 에이전트 3개를 직접 만들어봐요. 계산기, 리서치, 번역 에이전트를 따라 만들면서 에이전트의 기본 패턴을 완전히 익힐 수 있어요.

3월 11, 20263월 10, 2026 작성자: admin_jo

AI 에이전트에 도구를 연결하는 표준 규격 MCP를 알아봐요. USB처럼 한 번 만들면 어디서나 쓸 수 있는 MCP의 구조와 이미 공개된 수백 개의 서버를 소개해요.

3월 11, 20263월 10, 2026 작성자: admin_jo

AI 에이전트가 일반 챗봇과 어떻게 다른지, 어떤 4가지 요소로 구성되는지 알아봐요. ReAct 패턴과 함께 에이전트의 작동 원리를 쉽게 설명해드려요.

3월 10, 20262월 28, 2026 작성자: admin_jo

자바스크립트로 웹사이트에 생동감을 더해 보세요. 스크롤 이벤트로 네비게이션 바에 Glassmorphism 효과를 적용하고, 모바일을 위한 햄버거 메뉴까지 구현하며 10화 시리즈를 완성합니다.

2월 27, 2026 작성자: admin_jo

스마트폰으로 웹을 보는 사람이 더 많아진 지금, 반응형 웹은 선택이 아닌 필수입니다. CSS 미디어 쿼리(@media)를 활용해 About 섹션 레이아웃, 프로젝트 카드 배치, 폰트 크기와 여백까지 모바일 화면에 최적화하는 방법을 살펴봅니다.

2월 27, 20262월 25, 2026 작성자: admin_jo

이번 글은 CSS @keyframes와 애니메이션으로 히어로 배경에 자연스러운 움직임을 더하고, z-index로 레이어를 정리해 가독성과 완성도를 함께 높이는 방법을 설명합니다.

2월 23, 2026 작성자: admin_jo

CSS Hover와 Transition 기초를 통해 버튼, 카드, 메뉴 링크를 자연스럽게 움직이게 만드는 방법을 배우고, 웹 UI/UX 완성도를 높이는 실전 팁을 정리한 글입니다.

2월 27, 20262월 22, 2026 작성자: admin_jo

프로젝트 카드와 프로필에 이미지를 연결하고, object-fit: cover로 비율이 흐트러지지 않게 맞추어 어떤 화면에서도 보기 좋은 레이아웃을 만드는 방법을 차근차근 소개한 글입니다.

2월 22, 20262월 22, 2026 작성자: admin_jo

CSS Grid로 반응형 카드 레이아웃을 만듭니다. repeat(auto-fit, minmax())로 화면에 맞춰 열을 자동 조절하고, 카드 스타일링으로 깔끔한 프로젝트 목록을 구성합니다.

2월 22, 20262월 21, 2026 작성자: admin_jo

웹사이트의 얼굴인 히어로 섹션을 만들어 봅니다. 눈길을 사로잡는 그라디언트 배경 설정부터 중앙 정렬, 그리고 매력적인 버튼 스타일링까지 초보자의 눈높이에서 차근차근 설명해 드립니다.