노력 천재 고철수

해당 에러가 날 경우

해당 코드 상단에

/* eslint-disable @typescript-eslint/no-unused-vars */

추가해주시면 에러가 해결됩니다.

커서 AI 를 개발하다가

프로버전은 너무 비싸서 계정을 새로 파서 하려고 했는데

Too many free trial accounts used on this machine. Please upgrade to pro

위와 같은 에러 메세지 와 함께 mini 도 더이상 사용할수가 없게되었다.ㅠㅠ

계정을 새로 만들어서 돌려서 사용하는건 불가능한가보다.

일단 정식 방법은 아니지만 잠시나마 사용할수 있는 방법을 공유하자면

커서 프로그램을 삭제한 뒤 아래 폴더를 모두삭제하고

Windows:
C:\Users\[YourUsername]\AppData\Roaming\Cursor
C:\Users\[YourUsername]\AppData\Local\cursor-updater
C:\Users\[YourUsername]\AppData\Local\Programs\cursor

커서를 재설치 한뒤

Windows: %APPDATA%\Cursor\User\globalStorage\storage.json

해당 폴더에 진입해서 아래 값들을 변경 했다.

{
            "telemetry.machineId": "",
            "telemetry.macMachineId": "",
            "telemetry.devDeviceId": "",
            "telemetry.sqmId": "",
            "lastModified": "2024-01-01T00:00:00.000Z",
            "version": "1.0.1"

}

HKEY_CURRENT_USER\Software\Microsoft\DeveloperTools\deviceid 

해당 레지스트 값도 임시로 변경

키 값은 https://mercyhacks.com/ 사이트에서 받았지만 추천하진 않는다 사이트가 영...불안하다.

불안하니 다들 유료로 구매해서 사용하는걸 추천드립니다. 참고만 해주세요~!

일단 어디에서나 활용가능할만한 잡담을 나누는 사이트를 제작해볼까합니다.

해당 컨텐츠는 앞으로 개발할 여러사이트에서 방명록 형식으로 추가 될것을 기대하고 있습니다.

자 신규폴더를 생성해주시구요 저는 이번에는 board_ziego 로 만들었습니다.

pnpx create-next-app@latest .

cmd 에서 프로젝트 생성해주시구요

커서에게 요청합시다.

"next js 프로젝트야. src 코드 위치는 app/page.tsx 코드가 이미 있어. 거기에다가 추가해서 작성해줘. 방명록 형식으로 글을 써서 올리는 사이트를 만들거야 firebase db 를 사용할거야 구현해줘"

pnpm install firebase 

설치하라고 하네요 설치 진행해주세요.

그리고 accept all 해주세요.

이제 방명록을 올리면 저장 될 db 를 firebase 를 이용하여 사용해보도록 하겠습니다.

https://console.firebase.google.com/

구글계정 아무거나 로그인 하시면됩니다.

"프로젝트 만들기" 버튼을 클릭합니다
프로젝트 이름을 입력하고 (예: "guestbook-project")
Google Analytics 사용 여부를 선택합니다
"프로젝트 만들기" 버튼을 클릭하여 완료합니다

프로젝트에서 모든제품 cloud firestore 들어가주세요

데이터베이스 만들기 선택해주시구

보안 규칙에서 "테스트 모드로 시작" 선택 (개발용) 
데이터베이스 위치 선택 (예: asia-northeast3 (서울))
"사용 설정" 클릭

생성되고나면 홈에서 앱추가 클릭하고 프로젝트명 저장후 다음을 하면 Firebase config 정보가 나옵니다.

이제 db 설정은 완료되었습니다.

다시 커서로 돌아갑시다.

gpt 가 이런 코드를 만들어놨을거에요. config.ts 파일을 찾아서 위에 정보를 붙여넣기 해주세요

자 설정이 되었다면 실행해봅시다.

아래와 같이 잘 등록 되네요. 간단하게 몇가지만 요청해서 다듬어 보도록하죠

"좀 더 세련되고 이쁘게 수정해줘 gui 아이콘은 없애줘 그리고 전체적인 색상도 하늘색 계열로 해줘"

"이름은 캐시에 저장해서 계속 사용할수있게 해줘"

"제목을 대화방이 아니라 AI 공부방으로 바꿔줘 "

3개 정도 추가로 요청했습니다.

결과를 보도록 하죠

아주 깔끔하게 진행되었네요. 

강의가 도움이 되셨다면 우리가 만든 방명록에 한마디씩 남겨주세요~!

https://boards12.netlify.app/

오픈 api key 를 사용해서 웹사이트를 개발했을때

env 는 깃허브에 추가되지않아 아래와 같은 에러가 발생한다.

Error: The OPENAI_API_KEY environment variable is missing or empty; either provide it, or instantiate the OpenAI client with an apiKey option, like new OpenAI({ apiKey: 'My API Key' }).
    at new dg (C:\bitcoin_ziego\.next\server\app\api\trading-advice\route.js:5:25567)

api 를 사용할수있는 key 가 셋팅이 안된 것인데 이럴 경우 netlify 사이트에서 직접 지정을 하면된다.

아래와 같이 site configuration 을 클릭하고

아래와 같이 add a single cariable 로 추가해두면 됩니다.

coingpt.netlify.app

챗 gpt 에게 현재가 기준으로하여 보조 지표기준으로 매수 목표가와 익절가 손절가를 표시하는 사이트입니다.

gpt 의 의견을 매수에 참고 부탁드립니다.~!

바이낸스, 비트겟 수수료 할인 레퍼럴입니다

해당 링크로 가입하시면 할인 됩니다.

꼭 해당 링크를 통해서 가입 진행하셔야해요!!!

Failed to compile.

./app/page.tsx
1:1  Warning: Unused eslint-disable directive (no problems were reported from '@typescript-eslint/no-unused-vars').

next js 개발하다보면 위에러를 종종 만날수가 있습니다.

저는 아래와 같이 eslint disable 해버립니다.

아래 문구를 추가해주시면 됩니다.~!