숲이 아닌 바다이던가

소스코드를 실행가능한 파일로 만들어주는 과정 => Build Build를 편하게 하기 위한 도구 => Maven 프로그램을 동작하게 하려면 WAS에 올려야 함 => 배포 1.1 설치 후 압축풀기 1.2 conf >server.xml 포트번호 바꾸고 바꾸고 바꾸고 1.3 bin > startup.bat파일 실행 2.1 메이븐 설치 2.2 user settings 2.3 Rus As > Maven install Build Success 타켓에 spring .... SNAPSHOP이 있음 잘라서 server에 webapp에 contextroot만 남겨서=> spring 붙여넣기

자바관점에서.... 1. 테이블 RDBMS 특징 => 관계형 데이터베이스 관리 시스템 각각 장단점이 있지만 아래처럼 나누는 게 정석 CREATE TABLE PARENT_BOARD( BNO NUMBER PRIMARY KEY, TITLE VARCHAR2(200) NOT NULL, CONTENT VARCHAR2(2000) NOT NULL, TYPE NUMBER NOT NULL, CREATE_DATE DATE DEFAULT SYSDATE ); CREATE TABLE USER_BOARD( BNO REFERENCES PARENT_BOARD, WRITER VARCHAR2(200) NOT NULL ); CREATE TABLE PHOTO_BOARD( BNO REFERENCES PARENT_BOARD, IMAGE VARC..

Controller package com.kh.spring.idol.controller; import java.nio.charset.Charset; import java.util.List; import org.springframework.http.HttpHeaders; import org.springframework.http.HttpStatus; import org.springframework.http.MediaType; import org.springframework.http.ResponseEntity; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bind.annotation.Delet..

의존성 주입 (Bean등록해서 Autowired하면 Spring이 알아서 객체를 가져다 주는데) 방법이 쓰던거 1. 필드주입 2. setter주입 3. 매개변수 생성자 주입이 있음 package com.kh.spring.idol.controller; import org.springframework.web.bind.annotation.RestController; import com.kh.spring.idol.model.service.IdolService; import lombok.RequiredArgsConstructor; @RestController @RequiredArgsConstructor public class IdolController { // Rest // 응답할 때 데이터를 무조건 데이터로 응..

1. 요소 삭제하기 App.js import logo from './logo.svg'; import './App.css'; import Chap01 from './component/page/Chap01'; import Chap02 from './component/page/Chap02'; import IdolInfo from './component/idol/idolInfo'; import Chap03 from './component/page/Chap03'; import { Route, Routes } from 'react-router-dom'; function App() { const idolList = [{id : 1, name : 'ENHYPEN', image : 'https://i.namu.wiki/..

onclick도 카멜기법 사용 import { useState } from "react"; import IdolDetail from "./idolDetail"; import IdolMain from "./idolMain"; const IdolInfo = props => { /* console.log(props); console.log(props.idolList[0]); const [idol1, idol2, idol3] = props.idolList; */ // const idolList = props.idolList; // console.log(idolList); /* const idol1 = props.idolList[0]; const idol2 = props.idolList[1]; const idol..

함수의 정의 및 사용 import { Fragment } from "react"; const BreakTime = () => { return 쉬는 시간입니다~ } const LectureTime = () => { return 수업 시간입니다~ } const GetSnack = props => { console.log(props); const name = props.name; const kind = props.kind; // props.name = '바꿀 수 없음 props는 불변객체'; return ( {name}는 {kind}입니다. ) } const Chap02 = () => { return ( { /* Component를 나눠서 return할 때 주의할 점! 반드시 하나의 부모요소로 감싸주어야 함!..

Vue나 Angular는 프레임워크 React는 라이브러리라고 함 => 거의 프레임워크랑 같음 => 동적인 resource는 public에 넣어야 함. 패키지는 package에 https://ko.legacy.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.legacy.reactjs.org import logo from './logo.svg'; import './App.css'; function App() { const str = '안녕 나는 문자열이야~'; const warningMsg = 'JSX안에서 변수를 사용할 때는 반드시 {}를 사용해야 함!!!';..