Project.log

노마드코더 니꼴라스 ReactJS로 영화 웹 서비스 만들기에서 React.js를 설치하지 않고 쓰는 모습을 보았습니다. https://www.unpkg.com/ UNPKG UNPKGunpkg is a fast, global content delivery network for everything on npm. Use it to quickly and easily load any file from any package using a URL like:unpkg.com/:package@:version/:file Examples Using a fixed version: You may also use a semver range or a www.unpkg.com 1. unpkg사이트에 들어가서 형식에 맞게 url을 긁..

노마드코더 니꼴라스와 만드는 트위터 서비스를 만들면서 오류를 발견했습니다. 바로 export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' 입니다. import { useState } from "react"; import { HashRouter as Router, Route, Switch } from "react-router-dom"; import Auth from "../routes/Auth"; import Home from "../routes/Home"; const AppRouter = () => { const [isLoggedIn, setIsLoggedIn] = useState(false); return ( {isLogged..

노마드코더 니꼴라스와 만드는 트위터 서비스를 만들면서 오류를 발견했습니다. 바로 firebase.js파일에서 다음과 같은 오류가 생깁니다. import firebase from "firebase/app"; const firebaseConfig = { apiKey: process.env.REACT_APP_API_KEY, authDomain: process.env.REACT_APP_AUTH_DOMAIN, projectId: process.env.REACT_APP_PROJECT_ID, storageBucket: process.env.REACT_APP_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID, appId: proce..

리액트를 사용하는 프로젝트들을 보면 의미없이 쓰이는 태그들이 많이 보입니다. 사용하지 않는태그를 쓰는 이유는 리액트에서는 하나의 컴포넌트가 여러 엘리먼트들을 반환(return)하게 되는데 이때 리액트에 쓰이는 문법 JSX규칙상 return 문 안에는 반드시 하나의 최상위 태그가 있어야 하기 때문인데요. 이는 리액트가 하나의 컴포넌트만을 리턴할 수 있기 때문입니다. 의미없이 쓰이는 태그예시를 보면 이러한 코드를 짜고 크롬개발자도구에 Elements를 열어보면 이런식으로 출력되게 됩니다. 위 처럼 로 묶어주는 부분이 많지 않으면 상관이없지만 많다고 가정을 해보면 여러 엘리먼트를 감싸주기 위해 별 의미없는 div태그를 남발하게 됩니다. 물론 큰 문제는 되지않지만 코드가 더러워지고 효율이 안좋아지고 불필요한 태..