100일 챌린지/빅데이터기반 인공지능 융합 서비스 개발자 93

Day 81 - React에서 login 프로그램 만들기 (4) Spring backend 활용하기 + Oauth

프로젝트 만들기application.propertiesspring.application.name=sts15spring.h2.console.path=/h2spring.h2.console.enabled=truespring.datasource.url=jdbc:h2:mem:testDBspring.datasource.username=saspring.jpa.hibernate.ddl-auto=createspring.jpa.show-sql=truelogging.level.com.gimhae.sts15.controller=debugDept.classpackage com.gimhae.sts15.model.entity;import com.gimhae.sts15.model.Deptvo;import jakarta.persist..

Day 79 - React로 CRUD 프로그램 만들기 (3) Nodejs API 서비스 이용

API 프로젝트 만들기app.jsvar createError = require('http-errors');var express = require('express');var path = require('path');var cookieParser = require('cookie-parser');var logger = require('morgan');var cors = require('cors');var indexRouter = require('./routes/index');var usersRouter = require('./routes/users');var app = express();// view engine setup// app.set('views', path.join(__dirname, 'views')..

Day 78 - React로 CRUD 프로그램 만들기 (2) spring에서 데이터셋 활용하기 [h2]

Spring 프로젝트 만들기application.propertiesspring.application.name=sts14spring.datasource.url=jdbc:h2:mem:testspring.h2.console.path=/h2spring.h2.console.enabled=truespring.jpa.show-sql=truespring.jpa.hibernate.ddl-auto=updateDept.classpackage com.gimhae.sts14.model.entity;import jakarta.persistence.Entity;import jakarta.persistence.GeneratedValue;import jakarta.persistence.GenerationType;import jakar..

Day 78 - React 프로그램 배포하기

Babelhttps://babeljs.io/ Babel · BabelThe compiler for next generation JavaScriptbabeljs.io->웹이 이해할 수 있는 형태로 javascript를 변형build 하기build 된 것을 임시 서버로 서비스 하기npx serve -s buildserver 만들어서 배포하기 https://start.spring.io/localhost:8080window apache 서버로 배포하기https://httpd.apache.org/docs/current/ko/platform/windows.html Microsoft Windows에서 아파치 사용법 - Apache HTTP Server Version 2.4Microsoft Windows에서 아파치 사..

Day 78 - React로 CRUD 프로그램 만들기 (1) dummy json 사용

프로젝트 만들기react router dom 사용하기https://www.w3schools.com/react/react_router.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.comhttps://reactrouter.com/en/main/start/overview Feature Overview | React Router reactrouter.co..

Day 77 - React 사용하기, 문법(1)

https://react.dev/ ReactReact is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizatireact.dev단축키 사용하기프로젝트 만들기import React from 'react';import ReactDOM from 'react-dom/client';import './index.css';import..

Day 77 - Nodejs express로 CRUD 프로그램 만들기

프로젝트 만들기 https://expressjs.com/en/starter/generator.html  Express application generatorLearn how to use the Express application generator tool to quickly create a skeleton for your Express.js applications, streamlining setup and configuration.expressjs.comconnection pools 이용하기const mysql = require('mysql2');// Create the connection pool. The pool-specific settings are the defaultsconst pool = my..