AI, Front-end, Study – 개인 공부 기록 & 실험 블로그

AI Study는… 음, 거창한 이름을 붙였지만 사실 그냥 제가 AI 공부하면서 자료 정리하려고 만든 개인 블로그입니다. 😅

AI가 넘쳐나는 시대에 “내 밥그릇은 내가 지킨다!”는 마음으로 이것저것 테스트해보고 기록하는 곳이에요.

🤖 AI 도구 이것저것 실험 중

Cursor AI 개발

  • MCP 연동해보기 (삽질 포함)
  • Figma → 코드 변환 (가끔 성공)
  • WordPress 자동 업로드 (겨우 됨)
  • AI와 페어 프로그래밍 (아직 초보)

Zapier 자동화

  • 노코드로 이것저것 연결해보기
  • 2000+ 앱 중에 내가 쓸 건 몇 개나?
  • 업무 자동화 (시행착오 많음)
  • 생산성 향상 (목표는 높게!)

CSS & 웹 개발

  • SCSS 써보기 (아직 헷갈림)
  • 반응형 디자인 (깨지면 다시)
  • 최신 CSS 기법 (따라해보기)
  • 웹 성능… 최적화…? (언젠가는)

📚 공부하면서 정리하는 것들

1. AI 도구 삽질 기록

Cursor, Claude, ChatGPT 등 AI 도구들을 써보면서 삽질한 기록들을 정리해둡니다. (성공보다 실패가 더 많을 예정)

2. 자동화 시도해보기

Zapier, MCP 같은 걸로 반복 작업을 자동화해보려고 노력 중입니다. 잘 될 때도 있고… 안 될 때도 있고…

3. 실습하면서 배우기

이론보다는 직접 해보면서 배우는 스타일입니다. 그래서 내용이 좀 엉망일 수도 있어요. 😂

🎯 공부 계획 (야심찬)

# AI 공부 로드맵 (현실은?)

1단계: 기본기 다지기
├── Cursor 설치하고 MCP 연동해보기
├── 프롬프트 잘 쓰는 법 배우기
└── 첫 번째 AI 프로젝트 (간단한 거부터)

2단계: 자동화 도전
├── Zapier로 블로그 포스팅 자동화
├── 업무 프로세스 개선해보기
└── 실제로 써먹을 수 있는 것들 만들기

3단계: 고급 기능 시도
├── Figma 디자인을 코드로 변환
├── AI로 웹사이트 자동 생성
└── 뭔가 멋있어 보이는 것들 (목표)

현실: 삽질과 시행착오의 연속
├── 에러 메시지와 친해지기
├── 구글링 실력 늘리기
└── 포기하지 않고 계속 시도하기

💡 이 블로그의 정체성

  • 개인 실험실: 이것저것 테스트해보는 공간
  • 삽질 기록: 실패한 것도 솔직하게 기록
  • 공부 노트: 배운 것들을 나름대로 정리
  • 성장 과정: 초보에서 조금씩 발전하는 모습

주의사항: 여기 내용들은 AI 초보가 공부하면서 정리한 것이라 틀린 부분이 있을 수 있습니다. 그래도 꾸준히 업데이트하면서 조금씩 나아지려고 노력하고 있어요!

🚀 그래도 시작해봅시다!

완벽하지 않아도, 틀려도 좋으니까 일단 시작해보는 게 중요하다고 생각해요. AI Study(라고 거창하게 이름 붙인)와 함께 조금씩 성장해나가 봅시다!

🎯 최근에 정리한 것들

※ 이 글들도 AI 프롬프트로 작성된 것들입니다. 특별한 코멘트가 없다면 AI가 작성했다고 보시면 돼요!