MariaDB3 프로젝트 생성 프로젝트 생성 다음 누르고 Spring Boot : 2.7.10 종속성 Developer Tools -> Spring Boot DevTools Web -> Spring Web Template Engines -> Thymeleaf 실행버튼 눌렀을때 오류뜨면 application.properties 가서 서버포트 입력해주기. 브라우저에 http://localhost:6795/hello.html 접속하면 hello 뜰거임 왼쪽파일의 static / (hello.html) 주소생성되는 경로 포트경로 적어주고 밑에 DBMS 연결해주기 spring.datasource.driver-class-name=org.mariadb.jdbc.Driver spring.datasource.url=jdbc:mariadb:.. 2023. 9. 22. [React] + express + mariadb /post insert 하기 inputComp.js 추가할 input 값 App.js 로 넘겨주기 import '../css/InputComp.css'; import { Component } from 'react'; class InputComp extends Component{ constructor(props){ super(props) this.state={ id:'', todo:'' } } addTodoList=()=>{ alert('추가(InputComp)') // const {id} = this.props+1 const {id} = this.props.id+1 // alert('추가할 id ' + this.props+1) alert('추가할 id ' + id) const{todo} = this.state this.props.a.. 2023. 7. 8. [React] + express + mariadb 데이터베이스 화면 띄우기 todo list 원래 App.js 상태값에 데이트베이스 대신 배열로 대신하여 화면에 띄웠었는데 이제 express 와 mariadb 를 연결하여 데이터베이스 내용을 화면에 띄울거다. 먼저 app.js 에 있던 배열을 지워준다. class App extends Component{ constructor(props){ super(props) this.state={ todolist:[] } } 이제 서버와 db 세팅을 해야한다. src 폴더밑에 server폴더를 만들어주고 server.js 파일을 생성해준다. const express = require('express'); const db = require('./config/db'); const bodyParser = require('body-parser') .. 2023. 7. 2. 이전 1 다음 728x90
