본문 바로가기

분류 전체보기234

[node] MySQL 연결 방법 1. mysql2 설치npm install mysql2 pakage.json 안에 dependencies 안에 mysql2 가 추가된다.2 2. mysql 데이터 베이스, 테이블 만들어 두기그래야 연결할 테이블을 정할 수 있고, 정보가 잘 들어오나 확인 할 수 있다. 3. index.js : 가장 기본 버전 (연결만 확인하기 용이하다)server 의 가장 상위에 .env 를 만들어 보안을 강화하였다. import express from 'express';import dotenv from 'dotenv';import mysql from 'mysql2';dotenv.config();const app = express();const port = process.env.PORT;app.set(port || 400.. 2024. 11. 10.
error: RPC failed; HTTP 400 curl 22 The requested URL returned error: 400 node.js 를 사용하여 서버를 구축하려는데오류 발생.. 🤦‍♀️ 검색 결과 너무 많은 양을 깃허브에 올릴려고 하면 생길 수 있는 오류라고 한다.아래 명령어를 통해 버퍼를 늘려준 후 push 하면 바로 올라간다.git config http.postBuffer 524288000 2024. 11. 10.
[M1] MySQL 설치하기 원래 오라클을 교육을 통해 배우면서 db를 사용하게 되면 오라클만을 사용했었다.다양한 db 툴을 사용해보기 위해 mysql을 사용해 보려고 한다. 전제적으로 Homebrew 가 설치되어있다는 전제로 진행한다. 1. 홈브루 업데이트brew update 2. mysql 설치brew install mysql2-1. 버전 확인 mysql --version 3. 서버 실행mysql.server start 4. mysql 실행brew services start mysql 5. 서버 설정mysql_secure_installtion5-1. 질문 사항들이 쭉 나온다.VALIDATE PASSWORD COMPONENT 설정 여부 : 비밀번호의 강도를 검사하여, 보안에 충분히 강력한 비밀번호만 허용- nroot 계정의 비밀번.. 2024. 11. 7.
[React] TypeError: Cannot read properties of undefined (reading 'body') 오류Cannot read properties of undefined (reading 'body') TypeError: Cannot read properties of undefined (reading 'body') 서버나 클라이언트에서 body 객체에 접근하려 할 때 해당 객체가 정의되지 않은 경우 발생한다. 즉, 객체나 변수의 값이 정의되지 않은 상태에서 프로퍼티를 참조하려 할 때 발생하는 에러이다. 해결optional chaining 을 사용했다.{/* optional chaining (?.)을 사용하여 중간에 undefined인 경우에도 오류가 발생하지 않도록 처리 */}{weatherData && geoData && weatherData.response?.body?.items?.item && ( 옵.. 2024. 10. 31.
[React] 공공데이터 API <errMsg>SERVICE ERROR</errMsg> API 에러 코드 나의 오류 내용 : 등록되지 않은 서비스 키res data (JSON): " \n\t\n\t\tSERVICE ERROR\n\t\tSERVICE_KEY_IS_NOT_REGISTERED_ERROR\n\t\t30\n\t\n" 확인 할 곳1.  Service KeyEncoding 된 인증 번호를 올바르게 가져왔는지 체크 근데 잘 되다가 또 위에 오류가 뜬다면, 그땐 decoding 된 값으로 변경하세요... (1시간을 헤맨 나..)API 부를때, encoding 인지 decoding 인지 확인 하는 것도 중요한 것 같다. 도움받은 사이트 : 발전 개발 [API] 공공데이터포털 API로 데이터 불러오는 방법(2024)무조건 성공하는 API 불러오기 및 컴퓨터에 저장 방법 (+ 성공 코드) 사용 .. 2024. 10. 31.
[React] Cannot read properties of undefined (reading 'prototype') 오류 화면구글링하면 다들 import { response } from'express'; 이것만 지우면 된다고 하는데 어딘지 당최 보이지 않아서 적어놓는다.나의 경우에는 연결시 들어가는 첫 .js 페이지에 있었다.지우면 바로 ERROR 해결. 또는 주석처리 하면된다.이게 안 되는 이유는 브라우저에서 node.js 기반의 익스프레스 모듈을 인식하지 못하기 때문이다.자동적으로 vscode 에서 import 되기 때문에 그때 보이면 바로 주석 처리 해두는게 마음 편할 것 같다. 2024. 10. 25.
[React] 공공데이터 기상청 API (정보보관용) 기상청 단기예보 조회 서비스 기상청_단기예보 ((구)_동네예보) 조회서비스초단기실황, 초단기예보, 단기((구)동네)예보, 예보버전 정보를 조회하는 서비스입니다. 초단기실황정보는 예보 구역에 대한 대표 AWS 관측값을, 초단기예보는 예보시점부터 6시간까지의 예보를,www.data.go.kr간단하게 방법은 활용신청 전 회원가입 > 활용 신청 후 api 번호(Encoding) 받은 다음에 문서 확인 후 사용하면 된다. 초단기 실황, 초단기 예보, 단기 예보의 차이초단기 실황초단기 예보단기 예보현재 시점에 실시간으로 관측된 기상 상태1시간~6시간 후의 날씨를 예측하는 예보6시간~3일 후의 날씨를 예측하는 예보실시간으로 측정된기온, 강수량, 풍향 및 풍속 등 현재의 기상 데이터기온, 강수 확률, 바람의 세기, 강.. 2024. 10. 22.
[Node, TypeScript] nodemon 설치 nodemon 이란디렉터리의 파일 변경이 감지되면 노드 애플리케이션을 자동으로 다시 시작해준다. 근데, 직접 수정마다 서버를 껐다가 켜는 건 까먹으면 그 때부터 지옥의 서막이기도 하고 ..     (다신 겪고 싶지 않다,,.,)서버를 계속 해서 재 로드를 하는 건 번거롭기 때문에 까는 걸 추천한다. Node 설치방법nodeJS 의 루트 디렉토리에서 설치cloning with git or by using npm(공홈 권장방법) npm install -g nodemon # or using yarn: yarn global add nodemon 아니면 이렇게 development dependency로 설치하는 방법도 있다.npm install --save-dev nodemon # or using yarn: ya.. 2024. 10. 19.
[React] CORS 에러 참고 블로그1 : Inpa Dev  🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 된다고 해도 과언이inpa.tistory.com 참고 블로그 2: 호두파파 (React) React App에서 CORS 이슈 해결하기CORS가 무엇인지, CORS 이슈를 어떻게 극복할지 알아보자velog.io그리고 gpt.. 웹 개발자라면 한 번 쯤 겪는다는,, CORS 에러,, 이렇게 겪어보다,, 공부 하는대로 정보 추가 할 예정 --> 추가 완료 CORS 에러 란?교차 출처 리소스 공유 Cross-Origin Resourc.. 2024. 10. 16.

티스토리툴바