최근 게시물 4건을 노출합니다.
-
자기계발
MCP와 Claude + Cursor 연결 A부터Z까지 + 크롤링 구현
최근 대학교에서 진행하는 프로젝트에서 AI를 많이 접해 자연스럽게 AI관련 기술에 대해 관심이 가게 되어 MCP가 핫하다는걸 알게 되었습니다. 알게된지는 좀 되었으나 이제서야 블로그로 기록을 남기네요ㅜ그럼 이제 MCP와 Claude + Cursor를 활용해 크롤링을 구현시켜보겠습니다.크롤링 해주는 FireCrawl MCP를 이용해 크롤링을 해온 뒤 Claude에서 유의미한 내용들을 수집 및 요약 정리를 하고 Cursor로 보내 Cursor에서 내용 확인을 할 수 있는 그런 기능을 구현하려고 합니다. 먼저 FireCrawl 에 접속해 회원가입하고 API를 발급 받으시면 됩니다.해당 API키를 복사해와Smithery 사이트에 접속해 회원가입하고 FireCrawl MCP를 검색해줍니다.검색 후 API키를 넣어..
-
카테고리 없음
Lighthouse의 처참한 성능 점수를 보고 최적화 시작...
하..ㅋㅋㅋㅋ원인을 하나하나 살펴보고 해결해보자.보고서에서 텍스트 기반 리소스(HTML, CSS, JS 등)의 압축이 부족하다고 하니 그래..압축해줄게.. 우선 나는 백엔드 없이 프론트엔드 혼자서 외주를 하고있는거기 때문에Firebase Hosting에서 텍스트 압축 활성화를 시켜줬다. Firebase에 텍스트 압축 활성화 및 캐싱 및 헤더 적용Firebase Hosting은 기본적으로 gzip과 brotli를 지원하지만, 직접 활성화하거나 특정 파일을 더 잘 관리하려면 firebase.json 설정 파일을 직접 수정해야 한다!캐싱과 헤더 설정은 리소스 요청 수를 줄이고, 사용자 경험을 개선하는 데 중요하다.. { "firestore": { "rules": "firestore.rules", ..
-
팀 프로젝트
AWS 배포 후 새로고침시 404에러 오류 해결
1. S3에서 새로고침 처리 설정React와 같은 SPA(Single Page Application)는 모든 요청을 index.html로 리디렉션해야 하므로, S3의 **"오류 문서 설정"**을 수정해야 합니다.S3 설정 단계AWS Management Console에서 S3로 이동합니다.배포에 사용 중인 S3 버킷을 선택합니다."속성" (Properties) 탭으로 이동합니다."정적 웹사이트 호스팅" 항목에서 다음을 설정합니다:인덱스 문서: index.html오류 문서: index.html이 설정은 S3 버킷에서 404 오류 대신 index.html을 반환하도록 만듭니다. 2. CloudFront에서 새로고침 처리 설정CloudFront는 기본적으로 404 오류가 발생하면 S3에서 반환된 대로 클라이언트..
-
자기계발
총정리) main,dev 브랜치 별로 배포하는 방법 (windows)
Windows에서 환경 변수가 Vite에서 읽히지 않아 각종 삽질을 끝에, cross-env 패키지를 사용해 문제를 해결할 수 있었습니다. (이 글을 읽으시는 windows 사용자 분은 그냥 아래 방법때로 따라하시면 됩니다...) cross-env 설치npm install --save-dev cross-env package.json 스크립트 수 "scripts": { "dev": "vite", "build": "vite build", "build:main": "cross-env VITE_BRANCH=main vite build", "build:develop": "cross-env VITE_BRANCH=develop vite build", "lint": "eslint .", ..
최근 게시물 4건을 갤러리 형태로 노출합니다.