이번 프로젝트에서 vue-grid-layout 를 이용해서 컴포넌트들을 가지고 폼을 구성하는 화면을 만들게 되는데..한번 만들어 봤습니다. 일단 결론적으로 vue-grid-layout 이 라이브러리가 최선인가 하는 생각을 하게 됩니다(아직 잘은 모르지만). 일단 화면 구성은... 이렇게 구성됩니다.왼쪽에는 컴포넌트들의 목록이 나오고,오른쪽에는 왼쪽 컴포넌트를 drag & drop 방식으로 두면서 폼을 만드는 형식입니다. vue-grid-layout 에서 제공하는 샘플을 보면.. 이런 화면을 구성하고 각각의 item 들을 이동해서 화면을 만들수 있습니다.보통 포틀릿 화면을 구성하는 방식이죠. 소스에서 보면.const state = reactive({ layout: [ { x: 0, y: ..

최근에 Windsurf 라는 툴을 알고 나서 Windsurf 를 검색하면서, 그리고 사용하면서 알게된 것이 AI 툴인데개발자로서 도움을 받을수 있고, 또 코딩 스타일이나, 코딩 결과물을 통해 개발방법을 알게 해주고 있습니다.특히 어떻게 해결해야할지 모를때, 그리고 개발자로서 디자인(css)적인 부분에서 도움을 받았습니다. chatGPT에게 개발자에게 도움이 될만한 툴을 소개해 달라고 했습니다. Windsurf를 사용하고 있다면, AI 코딩 어시스턴트에 관심이 많을 것 같아! 🚀개발자에게 유용한 AI 툴을 몇 가지 추천해볼게.🛠️ 개발자에게 좋은 AI 툴 추천1️⃣ AI 코드 자동 완성 & 분석Copilot (GitHub) → 코드 자동 완성, 함수 추천Codeium → 무료 AI 코드 자동 완성Tab..