SpringBoot으로 웹 출시까지 #4

springboot logo

4. thymeleaf를 이용해 레이아웃 만들기

1 myhome 만들기

https://start.spring.io/

 

project : maven

springboot :  최대한 낮은 버전 / SNAPSHOT X로 선택

group : godcoder

artifact, name : myhome

java: 8

dependencies : Thymeleaf / Spring Web / Spring Boot DevTools / Lombok

2 IntelliJ와 git 연동하기

https://github.com/

깃허브 계정이 없으신분들은 회원가입을 진행합니다.

그 뒤 강의 내용대로 진행하시면 됩니다.

저는 이번 클론 코딩을 진행하는 모든 코드를 한 번에 관리하기 위해 강의와 다르게 연동하였습니다.

git repository 생성 및 로컬 폴더 연결

을 누르시면 모든 프로젝트를 하나의 리포지토리로 관리 하실 수 있습니다.

3 bootstrap 적용

부트스트랩 스타터 탬플릿 적용

https://getbootstrap.kr/docs/5.0/getting-started/introduction/

– 강의 시점과 시간이 달라 버전이 업그레이드 되었습니다.

    코드가 달라지고, 명령어가 수정되었습니다.

    최대한 유사한 코드를 사용해서 작성했습니다.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>
</html>

Visual Studio Code 연결

컴퓨터에 자동 설치된 비주얼스튜디오를 실행시켜 프로젝트 파일(myhome – main – resources)을 열어줍니다.

template 폴더 아래 “index.html” 파일을 만들고 복사한 내용을 붙여넣습니다.

<html lang=“en”> -> <html>으로 수정합니다.

[intelliJ] HomeController 만들기

myhome 아래 “controller” 폴더를 생성하고,  “HomeController” 클래스를 작성합니다.

package com.godcoder.myhome.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HomeController {
@GetMapping
public String index(){
return "index";
}
}

[VSCode]starter-template.css 작성

myhome – src – main – resources – static 아래 “starter-template.css” 파일을 생성합니다.

body {
padding-top: 5rem;
}
.starter-template {
padding: 3rem 1.5rem;
text-align: center;
}

“SpringBoot으로 웹 출시까지 #4”의 61,408개의 댓글

  1. Cuando buscas una experiencia de ocio en linea de excelente nivel, el portal oficial de casinias es cada de las opciones que atrae la mirada de los apostadores mas exigentes [url=https://casinia-casino-52.web.app]casinias opiniones[/url] . Tras explorar la propuesta de este gestor, resulta sencillo entender por lo cual las casinias opiniones son constantemente mas alentadoras. El casino casinias se ha erigido como un sitio versatil, proporcionando una amplia seleccion de alternativas que oscilan desde tragaperras clasicas hasta mesas de casino en vivo con dealers reales.

    Respecto a quienes se preguntan si esta web es la adecuada segun sus requisitos, realizar una casinias review es clave. En la valoracion, destacamos la estructura intuitiva y el diseno moderno que define al casinias casino. La experiencia es rapida, permitiendo que tanto usuarios veteranos al igual que principiantes encuentren sus entretenimientos favoritos en un momento. Igualmente, el deber con la proteccion y la transparencia es patente, aspecto que suele reflejarse en las constantes casinias casino opiniones positivas que se mueven en portales especializados.

    Al revisar multiples casinias resenas, los clientes acostumbran resaltar la excelencia de su inventario de desarrolladores y la agilidad en los procesos de carga, puntos cruciales para cualquier sitio de apuestas. El sitio web oficial de casinias pone un enfasis particular en la adaptabilidad usando celulares, lo cual es una valiosa plus para quienes desean divertirse de sus partidas sin ataduras de geolocalizacion. La promocion de premios y bonificaciones tambien coloca a casinias dentro de las opciones favoritas del mercado presente.

    Para finalizar, en caso de que buscas una web confiable y llena de ocio, nuestra casinias resena senala que nos enfrentamos a un sitio muy exhaustivo. Tanto que te atraen los torneos o si prefieres las jugadas mas tradicionales, el ambiente que proporciona el casinias casino cumple con los estandares mas exigentes. Te incitamos a conocer todo lo que casinias tiene que brindar, procurando en todo momento apostar de forma responsable y aprovechar de la aventura inmersiva que proporciona este sitio en el competitivo sector del azar online.

  2. spinrollz-Skilk

    Cuando buscas cierta experiencia lúdica moderna además apasionante, navegar por la página web [url=https://spinrollz-casino.onrender.com]Spinrollz opiniones[/url] constituye una estupenda elección dirigida a los aficionados de las jugadas online. Día a día aumentan los jugadores que comentan sobre esta web, y tras completar un Spinrollz casino review detallado, es sencillo comprender el porqué de su notoria reputación dentro del sector actual.

    Al adentrarse en Spinrollz online, lo inicial que resalta constituye su propia pantalla sencilla y cierto estilo vistoso el cual facilita el tránsito tanto en PCs así como en terminales móviles. En cuanto a los jugadores de Spinrollz casino españa, la casa proporciona un espacio confiable, adaptado según las elecciones locales con una extensa diversidad de métodos de transacción confiables para depositar así como retirar dinero careciendo de complicaciones.

    Las Spinrollz opiniones pertenecientes a los miembros suelen acordar en distintos aspectos positivos. En primer lugar, el repertorio lúdicos luce asombrosa, incluyendo a partir de los slots más innovadoras alcanzando los típicos juegos de mesa en streaming así como la ruleta junto con dicho juego de cartas. Adicionalmente, el listado de bonificaciones y premios de alta suma un extra de emoción desde el preciso el inicial instante en que te inscribes.

    En resumen, Casino spinrollz ha cosechado un hueco sumamente estimado dentro de la industria gracias a su compromiso hacia la diversión responsable más la honestidad. Si optas por ensayar fortuna en Spinrollz casino online, hallarás periodos de entretenimiento respaldado sostenidas por un servicio de atención al cliente eficaz. Indudablemente, Spinrollz casino constituye cierta opción actual la cual vale la pena explorar en caso de que persigues buen hacer más enormes momentos de ocio digital.

  3. chickenroad-enhase

    Jeder, welcher bei einer Recherche auf der tollen Amusement im online Umfeld ist, findet in dieser Schweizer Nation immer ofter auf diesen Namen Chicken Road [url=https://chickenroad-casino.ch/uber-uns]chicken road[/url] . Dieses Casino wird selbst als feste Instanz positioniert und wirbt fur dem Spielerlebnis, welches kraft Transparenz, Schutz nebst der beeindruckenden Auswahl an Games uberzeugt. Aber welche wirklich verbirgt nun hinter diesem Konzept von Chickenroad sowie was formt solchen Anbieter derart speziell? Der Check zu die Uber uns Bereich der Plattform offenbart die Philosophie, was dieses ganze Portfolio pragt.

    In Mittelpunkt steht sich an Chicken Road immer ein Spieler. Dieses Vorhaben bleibt es, die Basis zu bilden, in der die Zocker geschutzt fuhlen und dazu durch der modernen digitalen Basis zehren durfen. Dieses Personal hinter Chickenroad setzt viel Gewicht darauf, regionale Anspruche um analysieren sowie diese in einem internationales Schema zu ubertragen. Zudem hat die Ehrlichkeit die entscheidende Stelle. Eben in einem sensiblen Segment als dem Online-Gaming ist Glaubwurdigkeit eine hochste Gut, und genau hier setzt dieser Anbieter mit der klaren Aussage zudem harten Sicherheitsrichtlinien ein.

    Die Historie des Chicken Road ist beeinflusst durch Anspruch, niemals blo? nur ein weiteres Portal zu sein, sondern eine Gruppe an Fans von erstklassigen Automaten um bilden. Dabei munden jahrelange Wissen sowie ein tiefes Wissen fur die hiesige Szene ein. Jemand, wer sich auf einer Webseite unter der Sektion Uber uns recherchiert, erkennt zugig, dass hier Kompetenz mit Engagement kollidiert. Ob dies bei einer Auswahl der Spieleanbieter, die reibungslose Bearbeitung von Einzahlungen sowie den Kundensupport geht, samtlicher Prozess im Chickenroad war durch dem Blick auf Exzellenz zudem Fairness verbessert.

    Zusammenfassend kann man behaupten, dass Chicken Road durch einem klares Bekenntnis zu sicherem Gamen zudem der einfachen Domain punktet. Fur alle, welche Gewicht auf Verlasslichkeit und ein tollen Sortiment setzen, hat Chickenroad exakt jene richtige Adresse. Es bleibt jene Symbiose aus systemischer Klasse sowie einer klaren Vision, welche Chicken Road zu einem gefragten Anbieter an Spieler in der ganzen Eidgenossenschaft macht.

  4. В этой статье мы обсудим процесс восстановления после зависимостей, акцентируя внимание на различных методах и подходах к реабилитации. Читатели узнают, как создать план выздоровления и использовать полезные ресурсы для достижения устойчивых изменений.
    Детальнее – [url=https://notarwise.ru/pages/vyezd-narkologa-na-dom/]нарколог на дом недорого[/url]

  5. В данной статье мы поговорим о будущем медицины, акцентируя внимание на прорывных разработках и их потенциале. Читатель узнает о новых подходах к лечению, роли искусственного интеллекта и возможностях персонализированной медицины.
    Открой скрытое – [url=https://i-am-new.ru/stati/reabilitacionnye-programmy-dlya-narkozavisimyh/]наркологический центр[/url]

  6. Медицинская публикация представляет собой свод актуальных исследований, экспертных мнений и новейших достижений в сфере здравоохранения. Здесь вы найдете информацию о новых методах лечения, прорывных технологиях и их практическом применении. Мы стремимся сделать актуальные медицинские исследования доступными и понятными для широкой аудитории.
    Смотрите также… – [url=https://9610085.ru/zdorove/platnyj-narkolog-na-dom]нарколог на дом цена[/url]

  7. Публикация охватывает основные направления развития современной медицины. Мы обсудим значимость научных исследований, инноваций в лечении и роли общественного участия в формировании системы здравоохранения.
    Получить дополнительную информацию – [url=https://ihdd.ru/lechenie-ot-alkogolya]сколько стоит лечение от алкоголизма в клинике[/url]

  8. Если на первичном звонке звучат «красные флаги» (выраженная одышка, спутанность сознания, скачки ритма), мы предлагаем стационарное окно мониторинга. При низком риске стартуем дома или амбулаторно и поддерживаем человека вечерними видеовставками по 15–20 минут, чтобы пройти «трудный час» без лишних поездок и паники.
    Изучить вопрос глубже – [url=https://vyvod-iz-zapoya-v-voronezhe15.ru/]врач вывод из запоя в воронеже[/url]

  9. Обзор посвящён процессу восстановления после зависимостей. Мы расскажем о различных этапах реабилитации, поддерживающих ресурсах и важности мотивации в достижении устойчивого выздоровления.
    Прочесть заключение эксперта – [url=https://alkogolikum.ru/stati/lekarstva-ot-bessonnicy.html]реабилитационный центр для наркозависимых[/url]

  10. В данном обзоре представлены основные направления и тренды в области медицины. Мы обсудим актуальные проблемы здравоохранения, свежие открытия и новые подходы, которые меняют представление о лечении и профилактике заболеваний. Эта информация будет полезна как специалистам, так и широкой публике.
    Подробнее – [url=https://lux-clinic.ru/stati/alkogol-i-ego-vozdeystvie-na-kognitivnye-sposobnosti-chto-nuzhno-znat.html]лечение алкоголизма в стационаре[/url]

댓글 달기

이메일 주소는 공개되지 않습니다.