Today I Learned
[Front-End] - React
오늘은
openai에서api key를 받아chatGPT를 연동하는 웹사이트를 만들었다.
optional chaining
optional chaining은 객체 내부의 속성을 안전하게 접근할 수 있도록 해주는 문법이다.
기존에는 객체의 중첩된 속성을 접근할 때, 중간 단계에서 값이null또는undefined일 경우TypeError가 발생하는 경우가 많았는데,Optional chaining은 이 문제를 해결하기 위해, 중첩된 속성 접근 시에 각 단계마다 뒤에?를 붙여줌으로써 null 또는 undefined가 반환되는 상황에서 프로그램이 중단되지 않고, 대신 undefined를 반환하도록 하는 기능이다.
fly.io
저번에는
vercel을 통해 배포를 해봤는데 오늘은fly.io를 통해 chatgpt를 연동한 사이트를 배포하였다.설치 명령어
- Install flyctl on Windows
->iwr [https://fly.io/install.ps1](https://fly.io/install.ps1) -useb | iex- Login on your account
->flyctl auth login- Deploy to the world
->fly launch
오늘 배운 내용
openai에서 api key를 발급받는 법 ->(https://api.openai.com/v1/chat/completions)
키 값에-가 없으면 큰따옴표""가 생략가능하지만 있으면 생략이 안된다.
create-react-app프레임워크에서 .env파일 작성시에는 꼭 앞에REACT_APP을 써줘야함.
