취준 기간 이면서 취준을 위해 집을 구해야 하는 공백기간이다.
현재 서류심사 중인 LH를 기다리며 무엇을 해볼까 하다
핫한데 아직 사용해 보지 못한 GPT API를 사용해 보려고 합니다.
어릴적 좋아하던 메이플 몬스터와 대화를 하면 참 재밌겠다 싶어서 ㅅㅣ작한
"내 친구 예티!!!!!!!!!!!"
ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ
그럼 프로젝트 생성부터 시작하겠습니다
npx create-react-app mapleGPT --template typescript리액트 타입스크립트로 프로젝트를 시작합니다.
프로젝트를 생성 후 시작합니다.
cd 프로젝트~~
npm start
그렇다면 이제 다 삭제 해 줍니다( 다 말고 필요 없는거)
그리고 전 git에 연결을 하겠습니다.
연결 후 라이브러리 설치 해줍니다.
일단 라우터 설치
npm install @types/react-router-dom
그리고....................
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from "./page/Home";
function App() {
return (
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
</Routes>
</BrowserRouter>
);
}
export default App;
💢 위의 코드로 했는데 "'"react-router-dom"' has no exported member named 'Routes'. Did you mean 'Route'?" 이런 오류가 뜨는거 아닌가!!!!!!!! 최신 버전으로 설치 후 다시 해봐도 계속 된 오류에 터미널 껐다 키니 잘 작동한다..ㅎ
프리티어 설정
npm install prettier
.prettierrc 파일 생성후 안에
{
"trailingComma": "all",
"tabWidth": 2,
"semi": true,
"singleQuote": true,
"printWidth": 80
}
입력크
스타일드 컴포넌트 설치 중에 이런 오류가 났습니다.
npm ERR! Cannot read properties of null (reading 'edgesOut')
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\pc\AppData\Local\npm-cache_logs\2023-05-09T12_55_31_725Z-debug-0.log
내가 시도한 해결책들
npm cache clear --force.
-> 실패
모듈삭제, package-lock.json 삭제 후 다시 npm install 후 설치
-> 실패
ㅇㅅㅇ,,??
구글링 ㄱㄱㄱ
npm install styled-components@latest최신버전으로 설치 후 해결!
https://velog.io/@sion8120/Error-Cannot-read-properties-of-null-reading-edgesOut
위 블로그를 보고 해결했습니다!ㅠㅠㅠ 좋아요 꾹 했습니다
이젠 스타일드 컴포넌트 설치 해 주고 일단 여기 까지만
