스페이스

에이전트개발 에이전트 개발 공부 중 발견한 피그마의 비밀 무기 - HTML to Figma 요즘 에이전트 개발 때문에 꾸준히 이것저것 테스트, 검증 해보고 있는데,우연히 Figma의 자동화 플러그인 생태계를 들여다보게 됐다. 웹페이지를 자동으로 디자인 레이어로 변환해주는 확장 프로그램이 있었다. Figma에서 공식으로 내놓은 기능이라니? 피그마 변환이면 통으로 될 줄 알았는데 몇 번 써보니까 생각보다 괜찮았다! 네이버 통으로 가져온건데 생각보다 정확도가 높았다.레이어를 모두 분리해서 한번에 가져온 걸 확인 할 수 있다. 자동화 도구를 찾다가 발견한 것에이전트 관련 도구들을 찾다보면 "웹 스크래핑", "UI 자동화" 같은 개념이 자꾸 튀어나온다.사람이 하는 반복적인 작업을 머신이 대신 하게 하려면, 웹페이지의 구조를 정확하게 이해할 수 있어야 한다는 거였다. 그 와중에 이 확장자는 웹페이지를 그..
에이전트개발 현시대 개발자가 꼭 알아야할 AI 에이전트 코딩을 위한 길벗 클로드코드 책 추천 출판사로 부터 도서를 제공받아 작성하는 서평입니다.좋은 기회로 길벗 서평단에 참여하게 되어서받아본 한 걸을 앞선 개발자가 지금 꼭 알아야 할 클로드 코드 책을 받아서 지금 후반부 내용을 달려가고 있는데요.생각보다 너무 괜찮아서 후기를 작성해보고자 합니다.책 구성& 커리큘럼4주 챌린지 과정으로, 순서대로 따라가면 기초부터 실무까지 자연스럽게 익힐 수 있는게 큰 장점이였던 것 같아요.1주차 고양이 웹페이지 만들기를 통해서 실전 실습을 통해 빠르게 클로드 코드와 친해질 수 있었고,후반부로 달려갈 수록 속도도 빨라지고 손에도 익어서 리팩토링까지 현업에서 할 수 있는 모든 대부분의 테스트를 할 수 있어서 많은 도움이 되었다고 생각합니다!길벗에서는 클로드코드 책 외에도 실무에서 에이전트 개발을 위해 필요한 다른 A..
Vue Vue3 환경 설정 방법 완전 비교 가이드 (이걸로 종결함) Vue 3로 프로젝트를 시작할 때 다양한 환경 설정 조합이 있었다.이번에 환경 설정 관련해서 찾아보다가 여러가지 방법이 있어서 나중에 또 사용하기 위해 정리해보고자 한다. 1.Vue 3 + Nuxt 3#프로젝트 생성npm nuxt@latest init my-nuxt-app#생성 프로젝트 진입cd my-nuxt-app#의존성 설치npm i#서버 실행npm run dev 특징 )풀스텍 프레임 워크 SSR,SSG, SPA 모드를 모두 지원한다.파일 기반 라우팅이 가능하다 pages/ 디렉토리 구조로 자동 라우팅자동 코드 분할 : 페이지별 자동 분할로 성능 최적화 가능내장 SEO 최적화 : 메타태그, 사이트맵 등 SEO도구를 제공Typescript를 완벽 지원한다. (별도 설정을 하지 않아도 됌)단점)기본 기능..

티스토리툴바