Yustagram 프로젝트와 서버를 실행하고 App.jsx파일에서 헤더를 잠시 주석 처리 해놓자. 💻 로그인에 필요한 상태 선언 Login.jsx 파일을 열어 함수 안에 다음을 추가하고 저장 const [email, setEmail] = useState(undefined); const [password, setPassword] = useState(undefined); 📟 파이어베이스에서 웹 프로젝트 만들고 로그인 코드 입력 잠시 프로젝트 서버를 끄고 터미널에 npm i firebase 입력 후 다시 프로젝트 실행 파이어베이스 콘솔 -> 프로젝트 설정 -> 일반 -> 내 앱에서 클릭 -> 웹앱 이름 설정 -> 앱 등록 -> SDK에서 script 안의 내용 복사 src 폴더 안에 config 폴더, 그 안..
🔓 서버 열기 Yustagram 프로젝트 폴더 경로 기준 functions 폴더 안 index.js 파일에 다음 내용 넣기 const functions = require("firebase-functions"); exports.helloworld = functions.https.onRequest((request, response) => { functions.logger.info("Hello logs!", { structuredData: true }); response.send("Hello from Firebase!"); }); vscode 터미널에서 functions 파일로 경로 옮기고 다음을 입력해 파이어베이스 함수를 로컬에서 실행 firebase emulators:start --only function..
💻 Firebase 파이어베이스는 내 아이디어를 바탕으로 프로토타입을 빠르게 만들어서 시장에 내놓을 수 있는 아주 편리한 클라우드 서버이다. 파이어베이스는 다음과 같은 다양한 기능을 가지고 있다. 데이터들을 저장할 수 있는 공간인 데이터베이스 이미지 영상등을 저장할 수 있는 스토리지 유저의 회원가입 로그인등을 담당해줄 인증 기능 웹사이트를 공개적으로 호스팅 할 수 있는 호스팅 서버와 스케쥴러를 담당해줄 함수 기능 개발부분에서 사용할 기능이 이정도로 풍부함에도 불구하고 서비스를 더 성장시킬 수 있는 여러가지 파이어베이스만의 서비스가 있다. 출시 이후에 품질모니터링 도구인 Crashlytics와 Performance, 출시한 웹 또는 앱에 대한 사용자 분석에 도움을 주는 애널리틱스, 특정한 시간에 알림 메세..