본문 바로가기

반응형

전체 글

Flask를 이용해 ChatGPT를 이용한 챗봇이 있는 웹페이지 만들어보기 4 [Python, OpenAI, Flask, Svelte, Routify, Cursor IDE] 터미널에서 입력하는 명령어일 경우 > 로 작성함 해당 포스팅의 경우 따라해보기이기 때문에 개념이나 기타 지식에 대한 설명이 부족할 수 있습니다. 이번 포스팅에서는 ChatGPT와 소통해서 실시간으로 데이터를 뿌려보자. 우선 화면을 그릴건데 FemanticUI를 먼저 불러온다 나는 CDN으로 스크립트를 호출할 예정 프론트엔드 폴더 가장 바깥에 index.html이 있는데 해당 파일을 열어 태그 사이에 아래 스크립트를 추가한다. 해당 html 파일이 svelte layout의 가장 큰 틀이 되는 부분이다. 그리고 /routes/index.svelte 파일을 열어 마크업을 해보자. https://fomantic-ui.com/views/feed.html#label Feed | Fomantic-UI Docs Au.. 더보기
Autowired해줬는데도 NullException뜰 때 [Java, Spring Boot] AService, BService, CService, DService가 있다고 가정해보자. AService에 createList 메서드가 있고 BService에서는 AService.createList 를 이용한 getResult메서드가 있다. BService.getResult를 CService와 DService에서 사용하고 싶을 때 AService.java @Service public class AService { public List createList(String language) { List list = new ArrayList(); Map map = new HashMap(); map.put("name", "개발새발자"); map.put("language", language); list.add(ma.. 더보기
Flask를 이용해 ChatGPT를 이용한 챗봇이 있는 웹페이지 만들어보기 3 [Python, OpenAI, Flask, Svelte, Routify, Cursor IDE] 터미널에서 입력하는 명령어일 경우 > 로 작성함 해당 포스팅의 경우 따라해보기이기 때문에 개념이나 기타 지식에 대한 설명이 부족할 수 있습니다. 이전 포스팅에서 그냥 Python이랑 Flask만 사용해서 프로젝트를 구성하려고 했더니 프론트 라이브러리/프레임워크 붙이는 게 녹록치 않아서.. 아예 백엔드랑 프론트엔드를 분리해 프로젝트를 구성해보려고 한다. 프론트는 Svelte를 사용해보자. 우선 nodejs를 다운로드 받는다. https://nodejs.org/en msi파일이 다운로드되면 실행해서 node를 설치한다. 변경할거없이 그냥 계~~~~~~~~~~속 다음버튼을 누르자 터미널에 > node -v 를 쳤을 때 20.11.0이라고 나오면 설치가 잘 된거다. 참고한 글 https://cabreraalex.. 더보기
Flask를 이용해 ChatGPT를 이용한 챗봇이 있는 웹페이지 만들어보기 2 [Python, OpenAI, Flask, Cursor IDE] 화면은 Fomantic UI로 꾸며보려고 한다. 무료 UI Framework다 ㅎ https://fomantic-ui.com/ https://fomantic-ui.com/introduction/getting-started.html#using-a-cdn-provider nodejs 기반이 아니기 때문에 cdn 참조를 통해 포맨틱UI를 불러와보자. index.html로 돌아가 아래처럼 코드를 추가한다. Hello, HTML World! {{ data }} 하단에 보면 script와 link라는 태그가 있는데, 이게 바로 라이브러리를 cdn에서 바로 받아오는 코드다. 라이브러리를 불러오기 위해선 파일을 다운로드받아 프로젝트 내 폴더에 저장해서 사용하거나 저런식으로 스크립트로 불러오거나, node같은 경우에는 .. 더보기
Flask를 이용해 ChatGPT를 이용한 챗봇이 있는 웹페이지 만들어보기 1 [Python, OpenAI, Flask, Cursor IDE] Cursor IDE 관련 설명 포스팅 2024.01.16 - [파이썬] - 파이썬으로 ChatGPT와 대화하는 모바일 앱 만들어보기 1 [Python, OpenAI, Kivy, Cursor IDE] OpenAI를 이용한 코드에 대한 간략한 내용 참고 포스팅 2024.01.19 - [파이썬] - 파이썬으로 ChatGPT와 대화하는 모바일 앱 만들어보기 2 [Python, OpenAI, Kivy, Cursor IDE] Kivy를 이용한 포스팅은 그냥 혼자 해보는 사이드 프로젝트인데, 어쩌다보니 Python과 Flask를 이용해 웹페이지를 구축해야 할 일이 생겨 해당 포스팅을 먼저 진행해보려고 한다. 터미널에 실행하는 명령어일 경우 > 명령어 로 작성함. 우선 프로젝트 구조는 아래와 같다. Flask는 기본적.. 더보기
파이썬으로 ChatGPT와 대화하는 모바일 앱 만들어보기 3 [Python, OpenAI, Kivy, Cursor IDE] 이번 포스팅에서는 Kivy를 이용해 UI를 만들고 그 안에서 GPT와 대화해보자 터미널에 실행하는 명령어일 경우 > 명령어 로 작성함. https://kivy.org/ Kivy란 무엇인고 하니.. 간단히 말해서 Python으로 코드를 하나만 짜도 이 것을 이용해 Android, iOS, Windows, Linux 등에서 사용가능한 크로스 플랫폼 GUI를 만들어주는 "와! 오픈 소스! 무료 라이센스! 아무튼 개 쩐다!" 라고 할 수 있는 프레임워크이다. 무료로 제공되는 프레임워크인 만큼 여유가 되는 분들은 5$정도의 작지 않지만 작은 후원을 통해 Kivy를 도와줄 수 있으니 참고하세요~ https://kivy.org/doc/stable/gettingstarted/installation.html 코드를 작성.. 더보기
파이썬으로 ChatGPT와 대화하는 모바일 앱 만들어보기 2 [Python, OpenAI, Kivy, Cursor IDE] OpenAI Key를 발급받아 코드 내에서 ChatGPT와 소통해보는 코드를 짜보자 GPT 3.5 준비물: 5$의 결제태도 (ㅋㅋ 진짜임) 터미널에 실행하는 명령어일 경우 > 명령어 로 작성함. https://openai.com/ Open AI 홈페이지에 접속해 회원가입 및 로그인을 진행한다. ▼ ▼ 그런데, 다음 페이지가 접속이 안되고 하얀 화면에 무한 로딩이 될 경우가 있다. 왜 그런진 모르겠으나 서버가 불안정한지 가끔가다 https://platform.openai.com/ 페이지가 안 들어가질 때가 있는데 그냥 딴 짓 하면서 한 번씩 새로고침을 해보면 언젠가 나온다........................... ▼ Chat GPT를 사용하려면 신용카드 등록을 해야한다. 아니면 코드에서 API Ke.. 더보기
파이썬으로 ChatGPT와 대화하는 모바일 앱 만들어보기 1 [Python, OpenAI, Kivy, Cursor IDE] Cursor IDE 를 알아보자 (본인이 사용하는 IDE가 따로 있다면 해당 포스팅은 건너뛰기) 우선 IDE를 다운로드 받는다. AI가 이식된 새로운 IDE가 출시되었다고 하길래 한 번 깔아봤다. (원래도 개발할 때 ChatGPT를 안 써서 이거 깔아도 어시스턴트는 안 쓰기는 함) 각자 본인이 사용하는 IDE를 사용해도 되기는 하지만 아마 캡처가 Cursor IDE가 기준이 될 거라 링크 첨부함. https://cursor.sh/ 설치를 진행하고 나면 아래와 같은 화면을 볼 수 있는데 편한대로 설정하면 된다. Help Improve Cursor를 선택하게 되면 내 코드조각, 질문 등이 수집되고 Privacy Mode를 선택하게 되면 수집하지 않는다. 다만 Privacy Mode에서 OpenAI는 30일간.. 더보기

반응형