기억보다 기록

기존에 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..

리액트와 node.js 의 express를 연동하는 연습을 진행하면서 첫번째에 환경을 설정할 때 yarn eject 라는 커맨드를 입력해야 했다. 하지만 다음과 같은 에러가 등장했고 나는 구글에 'yarn error'라고 검색을 했다. 여기에 대해서 나와 같은 에러가 나는 사람들이 꽤있었고 해결방법도 있었다. 보통 해결방법은 다음과 같았다. $ npm uninstall react-scripts $ npm install react-scripts-cssmodules $ git add . $ git commit -m "Save before ejecting" $ yarn eject 왜 이 작업을 하는 지는 정확히 이해는 안갔지만 밑의 블로그에 따르면 create-react-app 보일러플레이트 코드자체가 git..