AI Study Notes

생성형 AI를 이용해서 만든 정적 웹 사이트 프로토타입입니다.

콘텐츠 사이트에 최소 기능(반응형 디자인, 다크 모드, 검색 등)만 구현한 프로토타입입니다.

CLI 환경에서 코딩 에이전트에 지시하고 에디터로 확인하는 과정을 반복했습니다.
프로젝트 스캐폴딩과 라이브러리 설정까지 맡기면 토큰 사용량에 비해 만족스러운 결과가 나오지 않아 스캐폴딩과 라이브러리 설정은 미리 한 후 진행했습니다.

작은 규모의 프로젝트지만 AI가 구현한 결과물은 리팩토링할 지점이 많았습니다.
리팩토링에 대한 지시는 간단한 프롬프트보다는 리팩토링에 대한 범위와 제약 사항에 대한 문서를 작성하고 지침으로 삼도록 했습니다.

스타일 작업도 프롬프트만으로는 까다로운데 디자인 시스템을 기반으로 작업, 최신 문서를 참조하도록 지시, 구문에 대한 힌트 등으로 해결했습니다.

웹 사이트 방문하기

• 프로젝트 스캐폴딩 및 사용 라이브러리 설정 후 코딩 에이전트로 작업
• 최신 문서에 대한 힌트 제공

사용된 기술: Astro, Tailwind CSS, AI, Cloudflare