본문 바로가기

분류 전체보기106

제미나이 3 프로를 무료로 사용하는 구글 안티그래비티 설치하고 초기셋팅까지 (맥북에어 M4) 제미나이 3은 멀티모달 이해 능력에 있어세계 최고 수준의 성능을 자랑하며, 지금까지 구글이 선보인 모델 중 가장 강력한 에이전트이자'바이브 코딩(vibe coding)' 기능을 갖춘 모델입니다. 최첨단 추론 능력을 기반으로더 풍부한 시각적 결과물과 심화된 상호작용을 구현하는 구글 안티그래비티 Google AntigravityGoogle Antigravity - Build the new wayantigravity.google 구글 안티그래비티는현재 모든 기능을무료로 사용할 수 있습니다. 언제 가격정책이 바뀔지 모르니바로 사용해 볼게요! 저는 맥북에어 M4를 사용 중이라Download for Apple Silicon 다운로드 클릭 다운받은 Antigravity.dmg 더블클릭 후 아이콘을 폴더 쪽으로 드.. 2025. 11. 21.

github 사용 시 기본적인 명령어 Pull, Commit, Push 깃에서가장 많이 사용되는기본 명령어풀, 커밋, 푸쉬 git 작업 순서협업 환경에서 코드를 작성하고 공유하는일반적인 순서는 다음과 같습니다.Pull(가져오기)Add/Commit(로컬에 기록하기)Pull(최종 확인 및 충돌 해결)Push(공유하기) 시작git pull을 통해 최신 코드 상태를 확보합니다.작업코드 수정 작업을 합니다.기록git add . 및 git commit -m "메시지"로 변경 사항을 로컬 저장소에 기록합니다.확인다시 git pull을 실행하여 그 사이에 원격에 올라온 새로운 변경 사항이 있는지 확인하고 병합합니다. (충돌 시 해결)공유git push를 실행하여 내가 만든 새로운 커밋을 원격 저장소로 공유합니다. Commit, Pull, PushGit을 사용한 협업 환경에서코드를 관리.. 2025. 11. 20.

github 새 저장소 만드는 방법 github깃헙에 접속 후 로그인 해줍니다. GitHub · Change is constant. GitHub keeps you ahead.Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.github.com github프로젝트 폴더 생성 Dashboard 왼쪽 상단New 버튼 클릭 General에서Repository name 입력 후 Configuration에서Choose visibility 오른쪽 공개 여부 선택에서공개할.. 2025. 11. 19.

피그마 무료 버전에서도 사용 가능한 코딩 플러그인 anima 사용 방법 animaFigma에서 작업한 디자인을코드로 내보내기 할 수 있는 플러그인 CSS, Tailwind CSS 또는Styled Components가 포함된HTML, React 또는 Vue 코드모두 가능합니다 Anima: AI Design to Code | Figma to React | Figma to App / Website | Figma to HTML | Design to code automationAnima is transforming the design to development workflow: Turn any design to code, and iterate with AI to bring it to life, right in the browser.www.animaapp.comanima - 사이.. 2025. 11. 18.

Cursor 사용 시 Project Rules 프롬프트 적용으로 프로젝트 개발 가이드라인 만드는 방법 커서에서 프로젝트 룰을 적용하면 코딩 에이전트가내가 원하는 방식으로개발하도록 요청하는 방법입니다. 개발 시 가이드라인을제공한다고 생각하면 됩니다. 프로젝트 룰스는 유저 룰스와 다르게해당 프로젝트 내에서만 적용 됩니다. Cursor Directory다양한 기술에서 사용할 수 있는프로젝트 룰 및 사용자 룰을 다운로드 해서커서 프로젝트 룰에 추가해 사용할 수 있습니다. Cursor DirectoryFind the best cursor rules for your framework and languagecursor.directory 커서 다이렉트 사이트 접속 후원하는 기술의 룰스를 선택 후다운로드 합니다. 내용을 그냥 써도 되지만,어떤 내용인지 확인 후 작업을 진행 해보겠습니다. 영문 지시 사항이 많다.. 2025. 11. 17.

Cursor 사용 시 RAG 기법 Docs 인덱싱 진행하기 커서에 독스를 인덱싱 시킨다는 것은 커서의 코딩 에이전트나LLM에게 학습시키는 것입니다. 개발 학습된 문서는커서의 레퍼런스가 되는 것이죠 커서라고 모든 것을알고 있지 않습니다. Cursor Docs 인덱싱Next.js의 docs를커서에 인덱싱 시켜 보겠습니다. 넥스트제이에스 독스의 경로는아래와 같습니다.URL을 복사해 주세요 Next.js Docs | Next.jsWelcome to the Next.js Documentation.nextjs.org 커서 독스 인덱싱 경로는Cursor Settings > Indexing & Docs >Codevase indexing 화면에서 아래 Docs 옆 + Add Doc 버튼을 클릭 후아까 복사했던 Next.js decs URL을 붙여 넣고 엔터를 클릭하면이.. 2025. 11. 16.

직장인 업무 효율에 최적화 된 Genspark AI - 매일 100 크래딧 무료 Genspark AIhttps://www.genspark.ai/ 직장인 업무에 최적화된 AI 모델로사용해 본 AI 모델 중결과 값이 가장 만족스러웠습니다. 직장인이라면사업자라면 Genspark AI의팩트체크 에이전트와 딥 리서치 에이전트가결과 값이 만족스러울 것입니다. 템플릿으로 된AI 문서도 마음에 들었습니다. 총 18개의 에이전트가 있으며모두 사용하려면 슈퍼 에이전트를 선택하면 됩니다. 사용하는 에이전트에 따라크레딧은 다르게 차감됩니다 Genspark AI를무료로 사용할 수 있는 범위는 일 100 무료 크레딧AI 드라이브로 1GB 스토리지AI 모델 및 에이전트에 대한 제한된 액세스 크레딧 소모 관련 동영상 Plus 월 10,000 크레딧Pro 월 25,000 크레딧 꿀팁!! 대화 중간중간에 .. 2025. 11. 15.

스테이블 디퓨전 프롬프트 작성을 전문적으로 해주는 크롬 확장 프로그램! AIPRM AIPRM AIPRM은 프롬프트를전문적으로 작성해 줍니다. ChatGPT, Claude, Midjourney 및DALL-E 3에 바로 사용할 수 있는 프롬프트를쉽게 작성할 수 있습니다. AIPRM 무료 다운로드 · AIPRMThe Ultimate Time Saver for ChatGPT and other AI models. Trusted by over 2 million users and some of the world’s biggest brands.www.aiprm.com AIPRM은 어떻게 작동하나요? AIPRM 시작하기 - 단 3분 만에! AIPRM 사용법 크롬 확장 프로그램으로 설치 AIPRM for ChatGPT - Chrome 웹 스토어AIPRM is your cheat code fo.. 2025. 11. 14.

스테이블 디퓨전으로 무료 AI 이미지 생성하기 (Civit AI 사용법 checkpoint, LoRA, Embedding) Stable diffusion은노이즈를 뿌린 뒤노이즈를 제거하여 그림을 그리는 방식으로 Stability AIMultimodal media generation and editing tools designed for the best in the business. No creative challenge too big, no timeline too tight. Get to production with Stability AI, your enterprise-ready creative partner.stability.ai 오픈소스 형태를 가지며유저가 모델이나 UI 환경 커스터마이징이 가능하며공유 및 다운도 가능합니다. 전문성을 가질수록활용할 수 있는 방식은 무한대지만, 다른 AI 이미지 생성 모델들에 비해초보자.. 2025. 11. 13.

미드저니(Midjourney) 디스코드로 사용하고 개인 서버 & 채널 만드는 방법 Midjourney Web 과 Discord두가지 버전으로 사용이 가능합니다. 미드저니는설치 없이 바로 시작하며 https://www.midjourney.com 스타일리시하고 완성도 높은 이미지로예술작품, 포스터, 감성 일러스트에 적합합니다. 명령어만 입력하면고퀄리티 이미지 자동 생성해 주는초보자 친화적이어서 고퀄리티 이미지를 빠르게 얻고 싶은디자이너, 아티스트, 비전문가에게 추천합니다. 미드저니를 디스코드에서사용하고 싶다면 디스코드 사용 시 초대 코드 없다고당황하지 않으셔도 됩니다. ① 미드저니 왼쪽 하단 My Account 클릭 후② Go to Discord를 클릭하면 미드저니 공식 서버 초대 링크를 통해서 서버에 참여할 수 있는 링크로 연결되고 ③ 사용할 이름과 생년년월일 입력 .. 2025. 11. 12.

Cursor 사용 시 프로젝트 일관성 유지를 위한 User Rules 설정 방법 커서에서 User Rules는한번 입력하면 커서를 재 시작해도 모든 프로젝트와채팅 세션에 걸쳐 자동으로동일하게 적용됩니다. AI가 응답할 때 따라야 할구체적인 규칙(예: 특정 코딩 스타일, 주석 사용 방식 등)을설정할 수 있으며 매번 규칙을 반복적으로 입력하는번거로움을 줄여주고 동일한 규칙을 계속 적용하여프로젝트 전체의 일관성을 유지하는 데 도움이 됩니다. User Rules 적용 방법AI가 잘 이해할 수 있도록User Rules는영어로 쓰는 것을 기본으로 합니다. Cursor > Cursor Settings >Rules, Memorie... > User Rules에서 Always respond in korean 옆에... 클릭 후 수정, 삭제가 가능하며 +Add Ruls 클릭 후 추가해도 됩니다. .. 2025. 11. 11.

Cursor 사용시 나에게 의견 묻지 않고 계속 코딩하게 하는 방법 Auto-Run Mode 설정 커서와 함께 코딩하다 보면생각보다 나에게 의견을 많이 물어본다 내가 원하는 것을 개발해 주는 것은 맞지만,너무 귀찮다. 그래서물어보지 말고끝까지 계속 진행해 줘라고 요청하곤 했다. 이제 말하기도 귀찮.. 커서 셋팅에서 물어보지 말고계속 진행하라고 설정함. Cursor에서Auto-Run 설정하기 Cursor > Cursor Settings 화면에서 Agents > Auto-Run > Auto-Run Mode Run Everything 선택하면자동으로 계속 진행해 줍니다. 2025. 11. 10.

Cursor에서 Figma 사용하기 (피그마 MCP cursor talk to figma mcp 설치방법) 커서에서 피그마 사용하려면cursor talk to figma mcp를 설치해야 합니다. cursor talk to figma mcp 검색 후 커서에 개발 서버 설치하기 깃헙 사이트에서① cursor talk to figma mcp를다운로드 해 줍니다. GitHub - grab/cursor-talk-to-figma-mcp: TalkToFigma: MCP integration between Cursor and Figma, allowing Cursor Agentic AI to comTalkToFigma: MCP integration between Cursor and Figma, allowing Cursor Agentic AI to communicate with Figma for reading desi.. 2025. 11. 9.

AI 프롬프트 요청 시 마크다운 사용법 AI에게 자연어로 요청시마크다운 언어를 사용하면좀 더 높은 결과물을 얻을 수 있습니다. 프롬프트의 구조는목표 + 맥락 + 상세지침을AI에게 잘 전달하는데에 있습니다.지시문Task/GoalAI가 수행해야 하는 지시 사항맥락ContextAI가 더 좋은 답변을 위해 참고하고 알아두어야 할 내용지침InstructionAI가 답변을 생성할 때 주누수해야 할 제약 조건과 따라야할 지침 프롬프트 엔지니어링 = 내용 + 형식 자연어만 사용한 일반 프롬프트에서도 좋은 결과를 얻을 수 있지만,마크다운을 사용하면 AI가 좀더 알아듣기 쉬운 언어로 대화하는 형태로 요청하게 되면 챗 지피티나 클로드, 제미나이와 대화할 때 원하는 결과값에 가까운 결과를받을 수 있습니다.일반 프롬프트마크다운 형식 프롬프트아래 요구사항을 고려해서.. 2025. 11. 6.

커서 프로그램 설치 방법 cursor free download - MAC 인공지능 코딩 에디터커서 프로그램 설치 방법! 다운로드시엔로그인이 필요 없습니다. 커서 사이트에 접속하기 >>커서 사이트 메인 접속 하면내 컴퓨터 사양에 따라 다운로드 할 수 있도록표시 됩니다. Cursor: The best way to code with AIBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.cursor.com 다운로드 화면으로 이동하면버전 및 운영체제에 따른 다운로드도 가능합니다.커서 AI 다운로드 하러가기 > DownloadDownload Cursor Available for macOS, Windows, and Linux.cursor.com 맥북을 사용 중이므로MAC O.. 2025. 11. 5.

Cursor AI란? 한국말(자연어)로 개발을 요청하면 개발해주는 인공지능 도구 인공지능 개발 툴Cursor AI인공지능 도구 Cursor AI“코딩의 판도를 바꿨다”는 말이 나올 정도로,많은 개발자들이 기존의 코딩 방식을완전히 바꾸고 있습니다. 단,Cursor AI는“AI가 코드를 대신 써주는 도구”가 아니라,“AI와 함께 코드를 짜는 새로운 개발 방식”입니다. 쉽게 말해Cursor AI는AI 중심으로 설계된 코드 환경으로인공지능 기반의 코드 에디터(AI IDE)이며 단순히 VSCode 플러그인이 아닌,VSCode를 기반으로 새롭게 만들어졌습니다. 인터페이스는 VSCode와 거의 같지만,AI 통합 수준이 훨씬 깊고 자연스럽습니다. 우리가 평소에 사용하는VSCode 같은 개발 환경 안에ChatGPT 수준의 AI 코딩 비서가내장되어 있는 것이죠. Cursor는 단순히“코드 자동완.. 2025. 11. 4.

React 앱 생성 방법 및 초기 셋팅 방법 리액트 앱 생성 방법 및초기 셋팅 방법 1리액트 개발 폴더 만드는 방법개발 폴더 생성 후 생성 된 폴더로 이동mkdir home cd home홈 폴더 생성 후 홈 폴더로 이동* mkdir 명령어는 "make directory"의 약자로, 디렉토리(폴더)를 생성하는 명령어* cd 명령어는 "change directory"의 약자로, 현재 작업 디렉토리를 변경하는 명령어 2React 앱 생성 방법npx create-react-app ..을 붙이면 현재 폴더에 설치됩니다. 2~3분 정도 소요됨 3프로젝트 실행 확인npm start자동으로 브라우저가 열리며 http://localhost:3000에 “React 앱 기본 화면”이 보이면 성공! 4불필요한 코드 정리code .VS Code 실행 후 다음 파일.. 2025. 6. 23.

React Native + Expo 개발 환경을 위한 Node.js 설치하기 React + Expo는“웹 + 앱을 동시에 하나의 코드베이스로” 배포할 수 있는 실용적 선택임!이유설명개발 진입 장벽이 낮음React는 HTML/CSS를 조금이라도 아는 사람이라면 빠르게 적응 가능함Expo로 앱과 웹 동시에 배포 가능Expo는 React Native Web을 통해 Android/iOS + Web 동시에 지원강력한 웹 UI 생태계Tailwind, shadcn/ui, chart.js 등 다양한 고품질 UI 도구 사용 가능 이미 작성한 웹 코드 재사용 가능지금까지 작성한 JSX 기반 코드들을 거의 그대로 앱에서도 사용 가능 리액트 네이티브 + 엑스포로앱을 개발하기로 결정 했다면 1단계React 앱을 만들기 위해서Node.js 설치하기 ① Node.js 사이트에 접속 후② Node.js 다.. 2025. 6. 22.

왜 React Native + Expo로 개발하는가? 왜 React(React Native + Expo)로 개발하는가? 1한번에 세 플랫폼 개발웹, 안드로이드, iOS까지 React Native 자체만으로도 크로스플랫폼 개발이 가능하지만,Expo를 사용하면 추가 설정 없이 바로 웹과 모바일 앱을 만들 수 있음.하나의 코드로 세 가지를 다 커버함npx create-expo-app my-appcd my-appnpx expo start그리고 w, a, i를 누르면 웹, 안드로이드, iOS 미리보기까지! 2설정이 너무 쉽다React Native는 강력하지만,처음 설정할 때 Xcode, Android Studio, 환경 변수, CocoaPods... 이런 설정 지옥에 빠질 수 있으나Expo는 이 과정을 싹 생략하게 해줌. 설치하고 바로 개발, 바로 실행. .. 2025. 6. 21.

streamlit? 아나콘다 streamlit 명령어 streamlit 설치하기pip install streamlit streamlit 실행하기streamlit run 파이썬 파일명 streamlit 서버 실행 중지Ctrl + C (터미널에 종료 가능) Python웹앱의 새로운 대안 ✅ Streamlit이란? Streamlit은 데이터 사이언티스트와머신러닝 엔지니어를 위해 만들어진Python 기반의 웹 애플리케이션 프레임워크 HTML, CSS, JavaScript를 몰라도단 몇 줄의 Python 코드만으로도대화형 웹 앱을 만들 수 있도록 도와줍니다. 데이터 기반 데모나 실험용 앱 = Streamlit이 최적 항목StreamlitFlaskDjango목적데이터 앱/ML 대시보드일반 웹 서비스대규모 웹 플랫폼언어PythonPythonPython프론트엔드 .. 2025. 6. 19.

아나콘다 MAC 터미널 명령어 정리 비주얼 스튜디오 코드아나콘다 터미널 명력어 정리 설치된 콘다 버전 확인conda --version 설치된 아나콘다 관련 정보 조회conda info 콘다 가상환경 리스트 확인conda env list 가상환경 생성 (-n name의 약자)conda create -n 가상환경이름 python=버전 가상 환경 복사conda create --clone 대상가상환경 -n 가상환경이름 가상환경 활성화 (conda 생략 가능)conda activate 가상환경이름 현재 활성화된 가상 환경을 비활성화conda deactivate 가상환경 삭제conda env remove -n 가상환경이름 2025. 6. 18.

이전 1 2 3 4 ··· 6 다음

티스토리툴바