🥹

아좌잣 홧팅이닷!

토독토독..💻
반응형

배포 2

[React] 리액트 프로젝트 배포 - Firebase Hosting

리액트로 개발한 프로젝트를 배포해 보자 뭐 서버를 구축해서 배포하는 방법은 구축비용이라던가 너무 복잡하기 때문에 firebase를 사용해 좀 더 편리하게 배포를 해볼 것이다. firebase 사이트로 이동해 새로운 프로젝트를 만들어보자 Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com react-project로 이름을 지정해 준 후 애널리틱스 사용설정을 해제하고 프로젝트를 만들어준다 만들어진 프로젝트에 가 Hosting 메뉴에 들어가 시작하기를 눌러주고 설치코드를 복사 후 터미널로 실행해 준다 다음 내가 만든 프로젝트 위치로 이동해 준다 그냥 vscode에서 터미널에서 하면 된다! 두..

[React] 리액트 프로젝트 배포 준비 & 프로젝트 빌드

리액트로 만든 감정일기장이다 이 프로젝트 빌드 전 몇까지 배포준비를 해보자! 1. 타이틀 변경 우선 웹페이지 타이틀을 고쳐보자 index.html의 태그를 감정일기장으로 바꿔주자 ↓ 그리고 맨 위에있는 x o lang 설정도 영어가 아닌 한국어로 바꿔쥬쟈 메인타이틀은 감정일기장이지만 그 페이지마다 페이지가 하는 행동으로 타이틀을 변경시켜 볼 것이다 페이지마다 useEffect의 mount때를 이용해 보자 useEffect(() => { const titleElement = document.getElementsByTagName("title")[0]; titleElement.innerHTML = `감정일기장 - ${id}번 일기`; }, []); title태그의 0번 요소가 우리가 원하는 태그이기 때문에 이..

반응형