[AI 개발시작_001] 클로드 코드 시작

기본 설명

• 설치법 등은 여러 블로그나 유튜브 영상이 많아서 생략하고,
• 내가 시작한 첫 화면부터 작성함.

클로드코드 설치하고, 실행한 첫 화면

지금 이 블로그에서 글을 쓰려고 보니, 이 기능, 저 기능 등이 필요해서 자꾸 추가하다보니, 블로그를 쓰는게 아니고,,,,,,,,,, 자꾸 사이트를 고치고 했어서, 일단 어제까지 작업한 내용을 작성해 보겠다.

---

• 클로드 설치후 블로그 사이트를 만들고자, 썼던 프롬프트

"나는 포트폴리오 홈페이지를 만들고 싶어. 여기는 개발이나 지금 이 사이트 만드는 내용들을 저장을 할거야. 마크다운으로 글을 쓰기 편하게 만들고 디자인은 심플하지만 이쁘게 만들어줘."

• 이렇게 작성하면, 어떤걸로 만들지 물어봐서, 아래처럼 대답하고,

"1번 Next.js로 만들어줘."

"이 사이트는 기본적으로 영어랑 한국어 다국어 지원을 할거야. 그리고 영어로 작성된 것들은 한국어로 눌렀을때 번역이 되게 만들어줘.
[링크] 이 사이트같은 느낌으로 만들어줘."

• 이런식으로 작성을 계속하고 localhost로 사이트를 띄어주더라.

그리고 계속 중간중간 디자인 같은거 요청하면서 수정하다가..

디비 세팅을 안하고, 어떻게 글을써야되는거지?
그냥 진짜 프론트만 만들어 주는건가??
그래서 DB구조를 물어봤더니, 이렇게 대답을 해주네...ㅎㅎㅎㅎ

내가 너무 옛날 개발자라.. 당연히 DB세팅하고, 웹서버 세팅하는것까지 생각했는데,
사실, 깃허브로로 충분히 DB처럼 저장해서 쓸 수 있는데....
그걸 생각 못했다. 내가 진짜 옛날 방식에 머물러 있구나.

그리고 웹서버 및 배포에 대해서 물어보니,
vercel을 사용하면 된다고.... vercel 가입하고 클로드가 시키는 대로 정보 입력만 했음.
그리고 배포까지 자동으로 해주고, 사이트 배포해주고,
이 블로그 기본틀 만드는데, 3시간 정도 걸렸다.

옛날에는 워드프레스로 만들면, 환경 세팅만 반나절 넘게 걸렸는데,
진짜 감탄이.......

하...내가 아쉬운게, 이거 처음 만들때의 질문 대답들을 다 넣고 싶은데,

처음에 만들때는 화면 켭쳐를 못해서.... 아쉽다.
다음 프로젝트 만들때는 캡쳐해서 업데이트 하겠다.