[FE 배포] Netlify로 3초 만에 리액트 프로젝트 배포하기
·
study/프론트엔드🔯
프론트엔드 배포는 EC2로만 해봤었는데 이번에 UMC 미션하면서 netlify를 알게 되었다. vercel과 비슷한 사이트인 것 같은데 정적 사이트를 아주 쉽게 배포할 수 있어서 앞으로 많이 사용할 것 같다. https://www.netlify.com/ 100GB까지 무료로 사용할 수 있고, Build도 300분까지 무료라서 AWS의 과금이 두려운 사람에게 완전 추천한다.🤩🤩 회원가입하고 로그인하면 아래와 같이 뜰 건데, 깃허브 리포지토리와 연동해주면 된다. 원하는 브랜치를 선택해주고, 아래에서 빌드 설정을 해주면 된다. 자동으로 빌드를 해주기 때문에 따로 vscode에서 npm run build를 해줄 필요가 없다. 프로젝트 폴더가 안에 들어가있다면 Base directory를 설정해주면 되는데, 나는..
[Github Pages] 리액트 프로젝트 깃허브 페이지로 배포하기🌟
·
study/Git👾
개요 맨날 로컬에서만 개발하면서 화면공유해서 진행상황을 공유했었는데ㅎㅎ,,, 프론트 결과물을 수시로 다른 파트 분들이 확인할 수 있게 적당히 배포할 필요성을 느꼈다. 아직 EC2 파서 배포해본 경험이 많지는 않아서 깃헙 페이지로 배포해보기로 했다. html 처음 공부할 때였나 한 번 배포해보려다가 실패한 기억이 있었어서 어려운 줄 알았는데 진짜 겁나 쉬웠다.. 버튼 3번 클릭 정도?ㅠㅠ 배포하기! 일단 레포지토리 만들어서 프로젝트에 연결하셔야 해요! 저는 이미 레포 파놨어서 이건 생략할게요. git remote add origin 링크복붙 git add . git commit -m 브랜치명 하시면 됩니당 그 다음부터 차근차근 하시면 돼요~! 1. 프로젝트 폴더 가서 npm install --save gh..
cowboysj
'배포' 태그의 글 목록