자본주의를 살아가는 코린이

chat GPT API는 python, node 등에서 사용할 수 있지만 저는 python 대신 node를 사용하였습니다. 그 이유는 node가 python 보다 웹에서 최적화 되어있기 때문입니다. 기본적으로 openai에서 제공하는 예시 코드를 약간 수정하는 방향으로 진행하였습니다. 제가 짠 코드의 문제는 api의 응답속도가 매우 느리다는 점, css, jsx가 안 맞다는 점입니다. 아래 github내용을 참조하세요. .env 파일도 생성해 주시고 아래 내용에 api key를 넣어주세요 OPENAI_API_KEY=[openai key] https://github.com/whiteout367/AIGuide GitHub - whiteout367/AIGuide Contribute to whiteout367/..

chatGPT api를 활용한 간단한 next.js 앱을 만들려고 하는데 백엔드는 했지만 프론트 엔드의 디자인에서 문제를 만났습니다. 이를 해결하기 위해 bootstrap을 사용할 것입니다. 공식문서에 설치법이 나와있습니다. https://react-bootstrap.github.io/getting-started/introduction/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io npm install react-bootstrap bootstrap app.js에 import해줍니다.(저는 index.js 에 했습니다.) import 'bootstrap/dist/css/boo..

이 내용은 아래 강의를 참조하여 만들었습니다. 이 강의에서 제공하는 github내용에 추가하여 만든 내용입니다. https://www.youtube.com/watch?v=KjY94sAKLlw import Head from 'next/head'; import Link from 'next/link'; import Image from 'next/image'; export default function TestList({posts}) { return ( {posts.map((ev) => ( {ev.title} {ev.url} ))} ); } export async function getServerSideProps() { const res = await fetch('https://jsonplaceholder.ty..

next.js 는 react.js의 프레임워크 입니다. 따라서 react.js를 아셔야 합니다. 2023.04.18 - [FRONT END/react] - 1. react.js 란 무엇인가? 1. react.js 란 무엇인가? react가 무엇인가를 알아 보기위한 가장 좋은 방법은 공식홈페이지 입니다. https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces jacorinne.tistory.com react의 CSR 보완점을 SSR로 보완하여 더 좋은 사용자 경험을 선사합니다.(검색엔진 최적화, 초기 로딩속도 단축 등) https://nextjs.org/..

회사에서 개발중인 앱의 psuh 알람을 개발하는 부분이 있어 개발하기 위해 자료를 찾았습니다. 일단 firebase와 안드로이드 클라이언트 부분은 완성되어 있다는 가정하에 node 서버를 적겠습니다. 혹시 그 전 단계를 안 하셨으면 아래 내용을 참조해주세요 2022.10.14 - [APP/안드로이드] - android firebase를 사용한 FCM push notification android firebase를 사용한 FCM push notification 처음은 firsbase 에 접속하여 fcm 서비스를 신청하는 것입니다. https://console.firebase.google.com 로그인 - Google 계정 이메일 또는 휴대전화 accounts.google.com 시작하기 -> 프로젝트 만들..

기본적으로 SSR을 사용하면 backend언어로 html 조작을 해야할 경우가 많습니다. 즉, javascript가 할 일을 다른 언어로도 가능하다는 이야기입니다. 저는 그중 php를 사용해보겠습니다.

date('Y-m-d'); 간단히 date함수를 사용하면 됩니다. 자세한 시간을 알고 싶으면 뒤에 시간 형식을 붙이면 됩니다. 만약 여기서 하루지난 시간을 알고 싶으면 $endDt = date('Y-m-d', strtotime("+1 day")); strtotime()을 붙여 하루 뒤의 시간을 알 수 있습니다.

php에서 MeekroDB를 사용하면 간단한 DB연결이 가능합니다. https://meekro.com/ MeekroDB :: The Simple PHP MySQL Library How's it better than PDO? Check out some of the features demonstrated in the examples below. PDO doesn't have most of them, or requires more than a single line of code to make them work. Also, PDO doesn't support static class operation so you're stuck pass meekro.com 한번씩 시도해보는 것도 좋은 방법입니다.

json 라이브러리를 다운 받습니다. https://mvnrepository.com/artifact/org.json/json/20220320 Maven Repository: org.json » json » 20220320 JSON is a light-weight, language independent, data interchange format. See http://www.JSON.org/ The files in this package implement JSON encoders/decoders in Java. It also includes the capability to convert between JSON and XML, HTTP headers, Cookies, and mvnrepository.com ..

스프링을 사용하다보면 JSP만으로 코딩을 할 일이 많이 없습니다. 하지만 적은 인원으로 빠른 개발이 필요한 경우 JSP를 사용할 수 있습니다. (여러분 그냥 PHP, node, Django 쓰세요...) 일단 jsp 만들 사용하여 backend를 만들려면 서버를 구동시키는 법을 알아야 합니다. sql과 태그 라이브러리 jar를 다운받아 lib에 넣어주세요. https://mvnrepository.com/artifact/mysql/mysql-connector-java Maven Repository: mysql » mysql-connector-java JDBC Type 4 driver for MySQL VersionVulnerabilitiesRepositoryUsagesDate8.0.x8.0.29Centra..