전체 글17 [바이브코딩] 플로우 제안 & 프롬프트 모음 1. Cursor나 Clude Code에게 할 일 정해주기( 페르소나 정하고- 목표 정하고 - 기술스틱을 정해준다) "너는 20년 경력의 완벽한 솔루션 아키텍처(개발자)야. or 너는 프론트엔드 시니어 엔지니어이자 DX(Developer Experience) 설계자야.지금부터 우리가 함께 만들 프로젝트에 대해 대화하자.지금부터 우리는 서비스를 기획하는 작업을 진행할꺼야.내가 만들고 싶은 것에 대해 얘기하면 필요한 것들에 대한 질문을 해줘.우리는 [이런저런...... ] 프로젝트를 만들거야.tech stack1. next.js (프레임워크)2. TypeScript (랭귀지)3. Tailwindcss (css)4. Shadcn(ui)5. Recharts(차트)6. Supabase - (dateba.. 2025. 9. 10. [Markdown] 자주 쓰는 마크다운 문법 Markdown,간단한 문법으로 문서를 구조화 할 수 있는 텍스트 파일 포맷으로기술 문서 작성이나, 블로그 글, 문서 중심 UI설명 및 개발협업 문서 쓸 때 많이 쓰임프로젝트 만들때 미리 파일 작성하고 작성한 README.md 파일 기반으로 바이브 코딩 할때 쓰면 좋을 듯 문법 예시기능Markdown 문법HTML 결과제목# 제목1 / ## 제목2, 굵은 글씨**굵게**기울임*기울임*리스트- 항목1- 항목2코드블럭jsconsole.log('hi')링크[구글](https://google.com)이미지수평선--- 또는 ***README.md파일바이브코딩할때 이용방법내가 만들고 싶은 프로젝트에 대해 cursor와 대화하고 필요한 것들을 정리 후 .md파일로 작성 해달라고하고.. 2025. 9. 10. [GitHub] Cursor 터미널에서 GitHub사용하기(GitLens) AI 활용 설정https://slideplayer.com/slide/11721554/참고 기본으로 알아야할 github 구조? 1. 사전준비 GitHub 계정 있어야 함 → https://github.com 가입Git이 설치되어 있어야 함Mac에서는 보통 기본 설치돼 있음확인: cursor 터미널에 "git --version" 입력: 마우스를 뷰포트 아래 가져다 대면 + 모양이 생기고 그걸 끌어서 나누면 됩니다. 2. github에 새 레포 만들기 GitHub 접속 → 오른쪽 위 + 클릭 → New repository 선택레포 이름 입력 (예: my-portfolio)초기화 옵션은 체크하지 말기 (예: README 생성 x)Create repository 버튼 클릭 3. cursor에.. 2025. 9. 10. [Cusor] Cursor 에서 Claude Code사용하기 1. 실행 (터미널에서) claude 2. 명령어 >/init 현재 프로젝트의 현재 코드를 분석하고 claud.md파일을 만들어준다.(새 프로젝트에 들어갈때는 항상 먼저 하고 시작) >/clear 대화 이력 지우기(커서의 새창)*자주 지워주는 게 좋음 /compart 내가 작업한 코드 요약 /u 직전에 작업한 변경사항 바로 되돌리기 /model 사용하는 ai모델 선택할 수 있는 명령어 (보통 Defoault) 2025. 8. 22. Figma MCP Dev mode(Figma MCP Server) 연결 기존에 사용했던 Talk to Figma 같은 경우는 디자이너 중심이었다고 하면 이번에 새로 출시된 Figma mcp dev 모드는 디자인 코드 추출과 개발협업이 더 강화된 ai 도구라고... gpt가 말해주네요. Figma MCP Dev mode 1. Figma dev mode- 활성화 1.1 - Figma - 새디자인 파일 좌측 상단 피그마 로고 눌러서 - 기본 설정 - Dev mode MCP 모드 활성화 or 1-2. 디자인 창 오른쪽에서도 활성화 가능 2. Cursor 공식 툴 사이트 들어가서 - Figma "+Add Figma to Cursor" 클릭 https://docs.cursor.com/tools Cursor – MCP DirectoryExplore.. 2025. 6. 20. Cursor 터미널에서 직접 입력 한번 질문할때마다 나의 남은 질문 갯수가 쑥쑥 빠져나가니 이정도는 터미널에 직접 입력하면 좋을 듯내가 자주 사용하게 될 명령어? 모음 초기세팅npx create-next-app@latest frontend --ts --tailwind --eslint --src-dir --app && \cd Frontend/src && mkdir components styles 옵션 설명frontend생성할 프로젝트 폴더 이름입니다 (frontend/ 폴더가 만들어짐)--tsTypeScript 사용--tailwindTailwind CSS 자동 설정--eslintESLint 설정 포함 (코드 품질 체크 도구)--src-dirsrc/ 폴더 아래에 소스코드를 구성 (pages, app 등 포함됨)--app최신 App Rout.. 2025. 5. 15. 이전 1 2 3 다음
