반응형

전체 글 97

RateLimitError: 429 You exceeded your current quota, please check your plan and billing details / npm openai usage 발생 에러

RateLimitError: 429 You exceeded your current quota, please check your plan and billing details. For more information on this error, read the docs: https://platform.openai.com/docs/guides/error-codes/api-errors. 두둥ㅎㅎ이 에러는 할당된 요청량을 초과했을 때 뜨는 에러이다.요금제와 결제 정보를 확인해보자.저는 무료 플랜을 사용하고 있었습니다.결제를 위한 신용카드를 등록해보겠습니다.현재 당당하게 Free trial그러니까 되는 기능이 없지!$10를 결제했는데 $11달러가 결제되었다토큰을 채웠으니 다시 코드를 돌려보면~!무언가 정상적으로 출력되..

카테고리 없음 2024.10.17

배포를 위한 npm 관리

npm outdated​npm prune npm prune을 사용하면 프로젝트에서 사용되지 않는 패키지를 제거할 수 있다.package.json파일에 명시되지 않은 패키지들을 삭제해준다. npm prune --production--production 또는 -P 옵션을 사용하면 devDependencies에 있는 패키지들을 제거해준다. npm prune --dry-run--dry-run 또는 -d 옵션을 사용하면 패키지를 제거하지 않고 제거되야 하는 패키지 목록을 알려준다. npm prune 명령어를 주면 package-lock.json 파일도 같이 업데이트 된다는 점을 잊지 않기!오래된 패키지 정리 및 프로젝트 경량화에 도움을 주기 위한 명령어이다.위의 명령어를 사용해서 의존성 충돌을 줄여보자 npm o..

카테고리 없음 2024.07.08

npm init으로 npm package.json 생성하기

npm init 을 하고 모든 옵션에 엔터를 쳐주면 기본 값으로 package.json이 생성된다.이 과정 전에 nodeJS 설치를 해줘야 한다.npm init -y 로 -y 옵션을 주면 바로 기본 옵션으로 파일이 생성된다.npm view uuiduuid 패키지에 대한 정보를 얻을 수 있음 더 많은 npm package에 대한 정보를 얻으려면 https://www.npmjs.com/ npm | HomeBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript developmen..

카테고리 없음 2024.07.03

Webhook, Ngrok이란? PortOne으로 결제 시스템 구현하기

이커머스 사이트를 구현하던 도중 결제시스템까지 넣어서 프로젝트를 완성해보고 싶어졌다. 그래서 PortOne이라는 서비스가 있음을 알게되었고 인증결제 연동하기를 따라하던 도중 iframe 결제창 결과처리를 위해서는 웹훅을 사용해야 안정적으로 처리할 수 있다는 것을 알게되었다. 두둥..! 근데 웹훅이 뭐야?? 너무 익숙한 단어라서 순간 아는 개념인줄 알았다. ✅ Webhook이란? 웹훅은 웹 애플리케이션 간에 실시간으로 데이터를 전송하고 통신하기 위한 매커니즘이다. 이벤트가 발생하면 해당 이벤트에 대한 정보가 담긴 HTTP요청이 특정 URL(웹훅 endpoint)로 전송된다. REST API로 구축된 웹 서비스는 하나의 요청에 따라 하나의 응답을 제공한다. 응답을 받기 위해서 클라 쪽의 요청이 선행되어야한다..

카테고리 없음 2024.03.08

firebaseAuth.js Error: Permission denied Error handling

firebaseAuth.js:89 Error: Permission denied at Repo.ts:534:1 at async Object.readProductData [as queryFn] (firebaseAuth.js:80:1) 포트폴리오 만드려고 예전에 만들어둔 프로젝트 다시 띄웠는데 다음과 같은 에러가 발생함 realtime database의 규칙이 다음과 같이 설정되어 있었음 { "rules": { ".read": true, ".write": true } } 누구나 읽고 쓸 수 있게 변경해줌 보안 사항에 따라 규칙 설정을 변경해주어야 함! 그리고 배포해줄 때는 꼭 firebase console authentication에 가서 승인된 도메인 클릭하고 '도메인 추가'해주어야 됩니다. 저 같은 경우엔..

카테고리 없음 2024.03.06

웹개발 핵심 질문들(DOM, Virtual DOM, React란, Flux 패턴, 상태관리)

DOM과 Virtual DOM을 설명해주세요. 우선 DOM은 Document Object Model의 약자로 HTML문서의 구조적인 표현이다. 웹페이지의 실제 구조이다. 반면 Virtual DOM은 react와 같은 JS 라이브러리가 관리하는 Real DOM의 가상 표현이다. React는 Vurtual DOM의 상태 변경을 업데이트한 다음 React DOM과 동기화한다. Virtual DOM의 성능이 더 빠른 것은 처리 속도 자체가 빨라지는 것이 아니라 변경된 정보의 양이 적기 때문이다. 전체 페이지를 업데이트하는 데 시간을 낭비하지 않고 필요한 업데이트가 필요한 부분만을 상호 작용한다. 리액트의 특징을 설명해주세요. react는 UI를 만들기 위한 js library(재사용이 용이한 컴포넌트 단위로 U..

웹 개발 2024.02.27
반응형