기억보다 기록

기존에 mysql과 raw하게 연결했던 음악 관리 프로그램을 쿼리문을 직접 작성하지 않고 데이터를 생성, 삭제, 변경 등을 할 수 있는 Sequelize를 사용하도록 개편했다. Sequelize란 ORM의 일종이다. 간단히말해 ORM 이란, 객체(Object) 와 관계형 데이터베이스 (Relational Database)의 데이터를 자동으로 맵핑(Mapping) 해주는 것 이다. express에 Sequelize를 사용하는 것은 이 분의 유튜브 를 보고 진행했다. react와 express, Sequelize를 모두 함께 쓰는 코드를 찾기 어려웠는데 결과적으로 아주 원활히 성공했기 때문에 정말 만족했다. 하지만 그 와중에 몇 가지 에러가 발생했다. 프론트 엔드단인 리액트의 App.js에서 MySQL 테이..

음악 관리 프로그램에서 며칠 전부터 Invalid Hook Call(유효하지 않은 Hook을 요청)하고 있다며 에러가 발생해 구동되지 않았다. useEffect(() => { callApi() .then(res => setMusics(res)) // 에러가 발생한 부분 .catch(err => console.log("this is error " + err)); }, []) const callApi = async() => { const response = await fetch('http://localhost:5000/musicdata') const body = await response.json(); return body; } setMusics에서 Hooks을 호출할때 에러가 발생한 것 같았다. 인터넷에 ..

노트북을 항시 켜두다가 오랜만에 껐다가 켜 음악 관리 프로그램의 MySql 서버를 열었는데 접속이 불가했다. 인터넷에 검색 해본 결과 작업관리자 -> 서비스 에서 MySQL80 항목의 상태가 중지됨으로 되었음을 알게 되었고 이를 실행중으로 바꾸었더니 서버가 정상적으로 작동되었다. 보고 해결한 곳 : m.blog.naver.com/leenuri7/221765825089

React 의 App.js 에서 fetch를 통해 express 에 연동된 DB 데이터를 불러들이는 과정에서 계속해서 에러가 났다. useEffect(() => { callApi() .then(res => setMusics(res)) .catch(err => console.log("this is error " + err)); }, []) async function callApi() { const response = await fetch('/musicdata') const body = await response.json(); // { connection.query('SELECT * from musicdata', (error, rows) => { if (error) throw error; res.header..