728x90

오블완 6

Server, Spring Boot + React 프로젝트를 NCP를 사용해서 서버에 올리기 -1

Spring Boot + React 프로젝트를 NCP를 사용해서 서버에 올리기     1- 연습 Project 생성  project : NCPSpringBootReatGradletype : GradleAvailable : Spring Boot DevTools, Lombok, Spring Web   spring boot project에 Docker 파일 생성 프로젝트에서 우클릭 – new – file – Dockerfile 생성 NCPSpringBootPrject/src/Dockerfile에 생성된다. DockerfileFROM openjdk:17ARG JAR_FILE=build/libs/NCPSpringBootReactGradle-0.0.1-SANPSHOT.jarCOPY ${JAR_FILE} app.ja..

Server 2024.11.15

Sprint Boot, Sprint Boot + MyBatis

Sprint Boot + MyBatis  Sprint Boot + MySQL + MyBatis + Web application.properties 또는 application.yml 사용 Spring Framework -> servlet-context.xml(웹) / root-context.xml(웹X) Spring Boot -> application.properties 또는 application.yml *,yml : 단계를 잘 맞추어 줘야한다. (줄 간격 .. ) Spring Boot에서는 JSP를 권장하지 않는다.JSP를 사용하려면 의존성을 따로 추가해야한다.   Spring Boot css, js, img 경로 추가하는 방법 src/main/resources/static 안에 넣으면 된다. [ 이전 ..

Spring 2024.11.14

Spring Boot, Thymeleaf 예제 -2 / 조건문 및 표현식 사용

조건문 (if, unless) Thymeleaf에서는 th:if와 th:unless를 사용하여 조건에 따라 HTML 요소를 동적으로 렌더링할 수 있다. th:if는 조건이 참일 때 태그를 렌더링하고, th:unless는 조건이 거짓일 때 렌더링한다. ■ Controller.javamodel.addAttribute("age", 25);model.addAttribute("movie", "모아나2");model.addAttribute("today", "화요일");  ■ ifcondition.html / 조건을 활용한 목록 표 19}">결과 : 시청 가능  글래디에이터 기자 - 에디블록 탑건결과 : - 글래디에이터          - 기자 - 에디블록          - 탑건  수요일은 빨간 장미를 받는 날 1..

Spring 2024.11.13

Spring Boot, Thymeleaf 란?

Thymeleaf 란? Thymeleaf는 주로 서버 측 자바 웹 애플리케이션 개발에서 사용되는 템플릿 엔진이다.즉, HTML을 생성하는 데 사용된다. 하지만 Thymeleaf는 서버 측에서만 사용되는 것은 아니며, 이메일 템플릿, PDF 생성, XML 처리 등 다양한 용도로도 활용될 수 있다.   * Spring Boot 프로젝트 생성시 Thymeleaf 추가 해서 생성하기  또는 Thymeleaf 의존성 추가   특징 - 서버 사이드 HTML 렌더링(SSR)타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링하는 용도로 사용된다.  - 네츄럴 템플릿타임리프는 순수한 HTML을 최대한 유지하려는 특징이 있다. 이게 JSP와의 큰 차이점으로 타임리프로 작성한 파일은 확장자도 .HTML이고 웹 브라우저에서..

Spring 2024.11.12

Spring Boot, React와 같이 작업하기

Spring Boot Project : Chapter01HelloGradleType : Gradle-GroovyAvilable :  React  작업환경 : src\main VSCode에서 Spring Boot로 만든 프로젝트를 열고해당 프로젝트의 src/main 위치에서 react 파일 생성한다. ■ 파일 생성npx create-react-app front * react, 대문자 안됨  ■  react 서버 키기npm start  ■  파일 위치src   main      front (리액트)          src              components                    BoardInput.jsx                    BoardList.jsx  ■   필요한 Insta..

Spring 2024.11.11

Spring Boot, React와 같이 작업하기

Spring Boot Project : Chapter01HelloGradleType : Gradle-GroovyAvilable :  React  작업환경 : src\main VSCode에서 Spring Boot로 만든 프로젝트를 열고해당 프로젝트의 src/main 위치에서 react 파일 생성한다. ■ 파일 생성npx create-react-app front * react, 대문자 안됨  ■  react 서버 키기npm start  ■  파일 위치src   main      front (리액트)          src              components                    BoardInput.jsx                    BoardList.jsx  ■   필요한 Insta..

Spring 2024.11.07
728x90