이번 개인프로젝트에서 백엔드 구조를 직접 혼자 만들어봤다.
Node와 Express를 활용했고, MySQL로 DB를 연결했다.
1.Model
첫번째로 music에 관한 예제다.
models/music.js
쿼리문을 작성해 rows를 callback한다.
conn이 mysql을 연결하는데 쓰는 구문이다. 그래서 mysql을 상위에서 불러와야한다.
그리고 나서 host, user,password, database를 설정해 mysql과 연결해야한다. createConnection 메서드를 사용해 연결하면 된다.
2.View
나는 View는 Next로 연결해놨다.
그래서 바로 frontend 파일에서 연결한대로 사용하게 만들었다.
- Controller
controller는 바로 model에서 받아서 export를 따로 해준다.
여기서 주의할점 res.json을 꼭 써야 글로 보이게 된다.
꼭 json으로 할것 이걸 못해서 엄청 헤맸다..
- routes
routes/index.js
이건 나중에 axios 주소를 써야 데이터를 받아 올수 있는데 예를 들어 localhost:5000/이라고 하면 뒤에 users를 쓰면 되는 기본 주소다
다음으로 세분화된 music, user가 있는데
각자 get과 post 매서드가 있고 이에 따라 세부 좋아요에 대한 것은 따로 나눠 놓았다.
그러면 주소는 localhost:5000/music/like이렇게 뒤로 붙게 되는것이다.
이걸 헷갈리지 말자!
그리고 이러한 모든 모듈은 export를 까먹지 말자.
이렇게 만들고 가장 중요한 server.js
아직까진 되게 단순하다.
app.use를 사용해서 각각의 router를 불러와준다.
그럼 성공적으로 DB의 테이블에 값을 넣어 확인해 볼수 있다.
이렇게 간단하게 MVC 구조를 만들어봤는데 처음에는 Next로 처음하다보니 어떻게 하는거지? 했는데 전에 부트캠프에서 했던 수업자료를 찾아보며 하나씩 직접 만들어가다보니 할수 있었다.
다음에는 좀 더 빠르게 MVC 구조를 만들수 있을것같다.
