본문 바로가기

WEB44

[Spring] STS install, spring legacy 없을 때 marketplace에서 sts도 설치하고 eclipse를 restart 했는데도 spring legacy 가 안보인다면 다시 marketplace에 들어가서 update를 해보자! 잘 뜬다! 2022. 3. 12.
React project 중 덕지덕지 오류 모음(+React랑 상관없는 것도) 🙊 'event'은(는) 사용되지 않습니다. - event.preventDefault() 를 사용하려고 했는데 안나던 오류가 났다. 알고보니까 컴포넌트 함수 안에 return을 안해줌.. 함수 안에 구조 다시 잘 살펴보기! 🙊 No default bucket found. Did you set the 'storageBucket' property when initializing the app? (storage/no-default-bucket) 분명 storageBucket을 잘 만들고 import도 잘했는데 이런 오류가 났다. 알고보니,,, .env로 환경설정을 할 때에 이렇게 잘 해놓고 fbase.js 파일에서 쓸 때 아래처럼 썼던것,,, 변수명, 이런 경우는 복붙을 생활화 하자.. REACT_APP_ST.. 2022. 1. 6.
[React+Firebase] Set up, Auth 원하는 디렉터리에 > npx create-react-app 내플젝이름 > code 내플젝이름 이렇게 명령어 입력해서 VScode 편집기로 내 플젝 열기 VScode 터미널에서 firebase를 install 해준다. npm i firebase@9.6.1 src 폴더에 firebase.js 파일 만들어주고 내가 firebase 사이트에서 만든 앱 정보 넣어주기 import firebase from 'firebase/app'; const firebaseConfig = { ... }; export default firebase.initializeApp(firebaseConfig); index.js에서 import해주고 console.log 찍어보기 (실행은 VScode 터미널에서 npm run start) o.. 2022. 1. 4.
[React Hooks] useFullscreen, useNotification, useAxios useFullscreen - fullscreen 을 할 때 사진을 포함한 div가 커진다. - 전체화면에서 exit fullscreen을 누르면 다시 원래 화면으로 돌아온다. import "./styles.css"; import React, { useState, useEffect, useRef } from "react"; const useFullscreen = () => { const element = useRef(); const triggerFull = () => { if (element.current) { element.current.requestFullscreen(); } }; const exitFull = () => { document.exitFullscreen(); }; return { elem.. 2021. 12. 20.