Claude 3.7 Sonnet 출시! 새로운 AI 혁신과 Claude Code

Claude 3.7 Sonnet 출시! 새로운 AI 혁신과 코드 개발 도구 Claude Code 공개 안녕하세요! 오늘은 AI 모델의 최신 혁신 소식을 전해드리려고 합니다. 바로 Claude 3.7 Sonnet 출시 소식인데요! 이번 모델은 단순한 업그레이드를 넘어 최초의 하이브리드 추론 모델로 개발되어 더욱 강력한 성능을 제공합니다. 특히 코딩 및 웹 개발 능력이 대폭 향상되었으며, 새로운 에이전트형 코딩 도구인 Claude Code도 함께 공개되었습니다.이제 자세한 내용을 살펴보겠습니다.Claude 3.7 Sonnet: 가장 지능적인 AI 모델의 등장Claude 3.7 Sonnet은 기존 Claude 3.5 Sonnet을 뛰어넘는 최고 수준의 인공지능(AI) 모델입니다. 특히, 빠른 응답과 깊이 있는..

• format_list_bulleted IT TECH/Claude AI
• · 2025. 2. 25.
• textsms

[사전지식]Browser Use: AI 에이전트를 위한 브라우저 자동화 도구-01

Browser Use: AI 에이전트를 위한 브라우저 자동화 도구Browser Use는 AI 에이전트가 웹 브라우저를 자동으로 조작할 수 있게 해주는 Python 라이브러리입니다14. 로컬 환경에서 실행되며, 웹페이지의 버튼, 링크, 폼 등의 요소를 자동으로 인식하고 조작할 수 있습니다12.이번 포스팅 시리즈에서는 Browser Use를 사용해 보고 무엇을 할 수 있는지 확인해 보도록 하겠습니다. 주요 기능웹 요소 추출: 버튼이나 링크 등의 요소를 인식하고 조작하며, 시각 정보와 HTML 구조를 통합하여 웹페이지를 이해합니다1자동화 기능: 여러 탭을 동시에 관리하고, 클릭된 요소를 추적하며 재사용 가능한 작업 기록(XPath 추출)을 생성합니다14커스터마이징 가능: 파일 저장, 데이터베이스 조작, 알림 ..

• format_list_bulleted IT TECH/Browser Use
• · 2025. 2. 25.
• textsms

[실전]Agentic IDE로 StoryBook을 사용해서 component를 작성 방법 06

안녕하세요. 오늘은 먼저 DatePicker에 시간도 설정가능하게 컴포넌트에 기능을 추가해 볼께요.간단하게 아래와 같이 적고 실행해 볼께요. 결과를 확인하고 문제가 있다면 조금씩 수정해 가보도록 할께요.1. DatePicker에 시간 설정 추가하기Prompt: @storybookForNextjs DatePicker 컴포넌트에 시간까지 설정할 수 있는 컴포넌트를 추가해줘.실행한후, WindSurf가 진행해준 결과입니다. DatePicker.tsx먼저 수정해 주었습니다. 그리고 StoryBook설정 파일( DatePicker.storis.tsx ) 도 수정해 주었습니다. Open diff를 클릭해 보면 수정된 파일 내용을 확인 할 수 있어요.  일단, 작성해준 내용을 실행해 볼께요.먼저, 프로젝트 디렉토리로..

• format_list_bulleted IT TECH/Storybook
• · 2025. 2. 19.
• textsms

[실전]Agentic IDE로 StoryBook을 사용해서 component를 작성 방법 05

안녕하세요. 오늘은 windsurf에서 자동작성한 소스를 StoryBook환경에서 실행해 보고, 간단한 설명을 해 드리도록 하겠습니다.1. windsurf에서 자동작성한 소스를 StoryBook환경에서 실행먼저, 프로젝트 디렉토리로 이동후 아래와 같이 프로젝트를 실행해 볼께요.PS C:\windsurf-workspace> cd storybookForNextjsPS C:\windsurf-workspace\storybookForNextjs> npm run storybook실행완료 하시면 아래와 같이 접속 URL이 떠요. 접속하시면....아래와 같이 StoryBook화면을 보실 수 있어요. 왼쪽에 작성된 컴포넌트들이 있고 오른에 작성된 각각의 컴포넌트들을 확인 할 수 있어요. 웹 화면에서와 같이 버튼의 act..

• format_list_bulleted IT TECH/Storybook
• · 2025. 2. 16.
• textsms

VScode Agent mode VS Cursor VS Windsurf Agent IDE AI코딩 비교

안녕하세요! 오늘은 개발자들이 가장 관심 있어 하는 VS Code용 AI 코딩 도구 3가지를 비교해보려고 합니다. 바로 GitHub Copilot의 Agent Mode, Cursor AI, Windsurf인데요, 각각 어떤 특징이 있고 어떤 상황에서 더 유용한지 알려드릴게요! 🚀🔥 1분 요약: 세 도구의 핵심 차이GitHub Copilot Agent Mode: VS Code에 완전 통합된 '자율 코딩' 가능Cursor AI: 별도 설치 필요한 VS Code 포크 에디터, 멀티모델 지원이 장점Windsurf: 코드 생성 특화, 가벼운 플러그인 형태로 간편 사용 👍→ 종합왕은 Cursor, VS Code 순정파는 GitHub Copilot, 경량화 추구는 Windsurf가 답!🔥 2025년 2월 최신..

• format_list_bulleted IT TECH
• · 2025. 2. 16.
• textsms

[실전]Agentic IDE로 StoryBook을 사용해서 component를 작성 방법 04

안녕하세요.오늘부터 실제로 Windsurf IDE에서 개발환경 구축후에 Storybook을 AI Agent를 활용해 자동 작성 해보도록 하겠습니다.1. 프롬프트, Windsulf에서 개발하기전에 사용할 개발 지침(가이드 라인)- 아래의 git링크의 내용을 참고 해서 마크다운 파일을 작성했습니다. 파일 첨부 드릴께요. https://gist.github.com/kleneway/eaa7f66bce53847aec39dbd5f9dac4f0 gist:eaa7f66bce53847aec39dbd5f9dac4f0GitHub Gist: instantly share code, notes, and snippets.gist.github.com   내용은 NextJS 백엔드와 연동되는 최신 프론트엔드 애플리케이션 개발 가이드입..

• format_list_bulleted IT TECH/Storybook
• · 2025. 2. 13.
• textsms

[사전지식]Agentic IDE로 StoryBook을 사용해서 component를 작성 방법 03

Agent IDE 개발 지침을 Markdown(.md) 파일로 작성하는 방법소프트웨어 개발을 진행할 때, 명확한 개발 지침을 문서화하는 것은 매우 중요합니다. 특히, 여러 개발자가 협업하는 프로젝트에서는 개발 원칙과 코드 스타일을 통일하기 위해 Markdown(.md) 파일을 활용하는 것이 일반적입니다. 이번 포스팅에서는 Agent IDE를 사용할 때 개발 지침을 효과적으로 작성하는 방법을 소개합니다.1. Markdown(.md) 파일을 사용하는 이유✅ 가볍고 간편한 문서 포맷Markdown은 단순한 텍스트 기반 포맷으로, HTML처럼 복잡한 태그 없이도 쉽게 문서를 작성할 수 있습니다.✅ 다양한 플랫폼에서 지원GitHub, GitLab, Notion 등 협업 도구에서 널리 사용되며, IDE에서도 미리보..

• format_list_bulleted IT TECH/Storybook
• · 2025. 2. 13.
• textsms

[사전지식]Agentic IDE로 StoryBook을 사용해서 component를 작성 방법 02

안녕하세요. 오늘은 먼저 WindSurf Agentic IDE에 대해서 알아 볼께요.WindSurf는 Codeium이 개발한 세계 최초의 에이전틱 IDE(통합개발환경)로, AI와 개발자가 자연스럽게 협업할 수 있는 혁신적인 개발 도구입니다.주요 특징AI Flow 시스템AI Copilot과 Agent의 기능을 결합한 'Flow' 개념 도입개발자와 AI가 실시간으로 상호작용하며 코드를 작성작업 흐름을 끊지 않고 연속적인 개발 경험 제공Cascade 기능실시간 협업과 컨텍스트 인식 기능 제공[3]개발자의 작업 흐름을 실시간으로 파악이전 작업을 기억하여 지속적인 지원 제공다중 파일 편집 지원으로 일관성 있는 코드 수정 가능핵심 기능AI 기반 개발 지원코드 자동 완성 및 제안실시간 디버깅 지원다중 파일 편집 기능..

• format_list_bulleted IT TECH/Storybook
• · 2025. 2. 13.
• textsms