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 안에 넣으면 된다. [ 이전 ..

• format_list_bulleted 백엔드/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..

• format_list_bulleted 백엔드/Spring
• · 2024. 11. 13.

Spring Boot, Thymeleaf 예제 -1

Thymeleaf 예제 literal / 문자 결합 veriable / 값 꺼내기 operation / 산술연산자, 비교 연산자 No-Operation 조건식 속성 설정 속성 추가Checkbox 처리 literal / 문자 결합 http://www.thymeleaf.org">namespace 지정 -> th th를 부르면 타임리프로 사용하겠다는 뜻이다.  say 값이 없으면 Hi나옴 있으면 안나온다. 'hello' + ' world' = //=> 결합 / 'hello' + ' world' = hello world'hello world' = //=> 문자열 그대로 / 'hello world' = hello world'hello' + ${data} = //=> 'hello' + ${data} = ..

• format_list_bulleted 백엔드/Spring
• · 2024. 11. 12.

Spring Boot, Thymeleaf 란?

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

• format_list_bulleted 백엔드/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..

• format_list_bulleted 백엔드/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..

• format_list_bulleted 백엔드/Spring
• · 2024. 11. 7.