Git (2) 썸네일형 리스트형 [Git] 깃허브로 무료 이미지 호스팅 하기 (임시방편) 로컬에 이미지를 저장하고 import 해서 사용하게 되면 개발 환경에서는 렌더링이 금방 되지만 Netlify 같은 무료 배포 서비스를 통해 배포하게 되면 속도가 현저하게 느려지는 경우가 발생한다. 그 이유는 서버 위치, 이미지 최적화, 네트워크 대역폭 제한 등 여러 문제가 있다.이를 해결하기 위해 CDN 또는 S3를 사용하는데 유료 서비스가 부담스럽거나 이미지가 많지 않아 오히려 사용하기 번거롭다면 GitHub에 이미지를 업로드하여 이미지의 URL을 사용하는 것이 성능 향상에 조금이나마 도움이 된다.다만 GitHub는 이미지 호스팅 서비스가 아니기 때문에 대규모 이미지 호스팅은 제한 되므로 임시방편의 목적으로 사용해야 한다. GitHub 리포지토리 생성 이미지를 업로드할 새로운 리포지토리를 생성해 주.. [Git] 리액트 프로젝트와 깃허브 연동하기! 1. Visual Studio Code 새 창에서 리액트 프로젝트를 생성합니다. - 터미널창에서 cd 명령어를 통해 프로젝트를 만들 폴더로 접근합니다. - npx create-react-app 프로젝트명 으로 프로젝트 폴더를 생성합니다. 2. 깃허브에서 프로젝트와 연동할 repository를 생성합니다. - 로그인 후 왼쪽에 New 버튼을 클릭합니다. - Repository name을 입력하고 Create repository 버튼을 클릭하여 생성합니다. 리액트 프로젝트명과 repository name은 일치하지 않아도 됩니다. 3. 리액트 프로젝트와 생성한 repository와 연동 - repository를 생성하면 다음과 같은 화면이 나옵니다. 화살표가 가르키는 곳을 클릭하여 코드를 복사 합니다. * .. 이전 1 다음