전체 글22 [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. Cursor에서 Next.js 환경생성 및 figma디자인 가져오기(디자이너) 워크플로우 1. Nest.js 초기 환경세팅 Cursor 터미널에서 직접npx create-next-app@latest frontend --ts --tailwind --eslint --src-dir --app && \cd Frontend/src && mkdir components styles 또는 바이브코딩 "Next.js 기반으로 프로젝트를 생성하고 프론트엔드 부분만 구성하고 백엔드쪽은 기본폴더만 만들어줘. 필요한 데이타나 api가 있다면 임의로 너가 만들어줘. App Router 구조를 사용하고 Tailwind도 포함해줘." 2. 디렉토리 구조 확인my-project/├─ src/ │ ├─ app/ ← 페이지들 (App Router) .. 2025. 5. 15. 이전 1 2 3 4 다음
