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,392개의 댓글

  1. Эта информационная публикация освещает широкий спектр тем из мира медицины. Мы предлагаем читателям ясные и понятные объяснения современных заболеваний, методов профилактики и лечения. Информация будет полезна как пациентам, так и медицинским работникам, желающим поддержать уровень своих знаний.
    Погрузиться в детали – [url=https://shkatulkaesoteric.ru/vyvod-iz-zapoya-na-domu-cena-v-voronezhe/]вывод из запоя в воронеже[/url]

  2. platinum-Kidway

    Wenn Sie auf der Suche nach einem exzellenten Spielerlebnis sind, ist Platinumslots eine ideale Anlaufstelle fur Glucksspielbegeisterte [url=https://platinum-slots-casino-9.pearlcuankundihew14.workers.dev]Platinumslots[/url] . Das Platinumslots Online Casino bietet eine beeindruckende Auswahl an Spielen, die sowohl Anfanger als auch erfahrene Spieler begeistern. Wer sich fur das Platinumslots Spielen interessiert, wird von der benutzerfreundlichen Oberflache und der hohen Qualitat der Software beeindruckt sein. In unserer ausfuhrlichen Platinumslots Review haben wir die verschiedenen Aspekte des Anbieters genau unter die Lupe genommen, um Ihnen einen transparenten Einblick zu ermoglichen.

    Besonders fur Spieler aus dem deutschsprachigen Raum ist Platinumslots Deutschland eine attraktive Option. Die Plattform hat sich als serioser Anbieter etabliert, was auch in vielen positiven Platinumslots Erfahrungen widergespiegelt wird. Viele Nutzer schatzen die Vielfalt an Spielautomaten sowie die schnellen Auszahlungsmethoden. Wenn Sie nach dem offiziellen Zugang suchen, ist die Platinumslots Official Seite der beste Ort, um von allen Bonusangeboten und Sicherheitsstandards zu profitieren. Auch fur Nutzer, die gezielt nach Platinumslots De suchen, bietet das Casino individuelle Optionen und einen exzellenten Kundenservice, der bei Fragen jederzeit zur Verfugung steht.

    Warum entscheiden sich so viele Spieler fur das Casino Platinumslots? Die Antwort liegt in der Kombination aus Sicherheit, Fairness und einer gro?en Spielauswahl. Die Platinumslots Bewertung fallt daher in vielen Expertenkreisen sehr positiv aus, da das Casino regelma?ig seine Standards aktualisiert und auf moderne Verschlusselungstechnologien setzt. Egal ob Sie nun klassische Slots oder aktuelle Video-Slots bevorzugen, bei Platinumslots finden Sie garantiert das Richtige fur Ihren Geschmack. Wer das Platinumslots Casino noch nicht kennt, sollte die Gelegenheit nutzen, sich registrieren und den Willkommensbonus zu prufen. Zusammenfassend lasst sich sagen, dass Platinumslots zu den fuhrenden Anbietern gehort, wenn es um ein unterhaltsames und sicheres Glucksspielerlebnis in Deutschland geht. Tauchen Sie ein in die Welt von Platinumslots und entdecken Sie, warum so viele Spieler ihre Freizeit gerne auf dieser Plattform verbringen. Es ist an der Zeit, Ihr Gluck bei einem der besten Online Casinos zu testen.

  3. Наркологическая помощь в Реутове оказывается круглосуточно, включая выходные дни. После обращения специалист уточняет длительность употребления алкоголя, примерное количество спиртного, наличие хронических болезней, принимаемые препараты и текущие симптомы. Эти данные помогают предварительно оценить тяжесть ситуации и подобрать оптимальное лечение. Если человек находится в стабильном состоянии и отсутствуют показания для госпитализации, вывод из запоя может проводиться на дому. При серьезной интоксикации, психических расстройствах, сердечной недостаточности и других осложнениях более безопасным решением становится лечение в стационаре.
    Узнать больше – https://vyvod-iz-zapoya-reutov15-2.ru/

  4. spinogambino-Ontorse

    Unser Kosmos der digitalen Freizeitgestaltung entwickelt sich beständig und liefert Usern in dem Bundesgebiet stets hochwertigere Möglichkeiten, ihre Muße zu verbringen [url=https://spinogambino-app.co.at/tags]spinogambino app[/url] . Jeder, der auf der Suche nach einer systematischen Auflistung und einer einfachen Orientierung durch diverser Themengebiete ausschau hält, findet an der Plattform spinogambino-app.co.at schwerlich vorbei. Besonders der Bereich für Tags, der unter spinogambino-app.co.at/tags zugänglich ist, bildet eine essenzielle Anlaufstelle für jedermann dar, die fokussierte nach spezifischen Inhalten suchen möchten. Durch das durchdachte Sortiersystem entdecken Nutzer punktgenau das, was den Anwender interessiert, ohne ausgiebig suchen zu brauchen.

    Die Seite spinogambino-app.co.at punktet mittels ihres übersichtlichen Layouts und ihrer hohen Funktionalität. Wohingegen zahlreiche Plattformen mit überfüllten Interfaces ringen, setzt diese Plattform zugunsten eine intuitive Kategorisierung. Die Labels agieren hierbei als Wegweiser durch das breit gefächerte Angebot. Egal, ob der User auf der Suche nach aktuellen Trends, besonderen Optionen oder technischen Support fahndet, die Unterseite spinogambino-app.co.at/tags aggregiert sämtliche relevanten Beiträge und offeriert einen raschen Überblick hinsichtlich die thematische Bandbreite. Das reduziert kostbare Zeit und garantiert, dass die User Experience immer im Vordergrund steht.

    Weshalb ist besagte Struktur so wertvoll? Innerhalb einer digitalen Landschaft, wo Informationen häufig konfus verteilt sind, bietet spinogambino-app.co.at eine solide Struktur. User, die regelmäßig auf die Domain wiederkommen, schätzen die Ordnung, die durch die Kategorisierung resultiert. Dies ist ein effektives Instrument, zwecks die Bedeutung der Beiträge zu optimieren und zu gewährleisten, dass auch die Community genau die Informationen erhält, die für ihr individuelles Nutzererlebnis von Bedeutung sind.

    Kurz gesagt kann man festhalten, dass ein häufiger Check auf spinogambino-app.co.at sowie das bewusste Nutzen der Tag-Übersicht unter spinogambino-app.co.at/tags die optimale Methode ist, damit stets auf dem Laufenden zu sein. Wer Augenmerk bei Struktur, unkomplizierte Bedienung und inhaltlich exzellente Informationen setzt, erhält durch besagtem Webdienst eine perfekte Anlaufstelle. Entdecken Sie die Möglichkeiten und gebrauchen Sie die clevere Kategorisierung, damit Ihr online Erlebnis bei spinogambino-app.co.at produktiv und komfortabel zu formen. Es ist die Symbiose aus technologischer Qualität und User-Zentrierung, die diese Webseite zu einem nützlichen Asset für die hiesige Anwenderschaft gestaltet.

  5. Наша философия — минимально достаточные вмешательства и измеримые цели. Вместо «усилить всё сразу» мы меняем один параметр (скорость/последовательность/объём инфузии) и проверяем ответ в согласованное окно. Такой «тонкий ремонт» снижает риск побочных эффектов, сохраняет ясность днём и делает ночь предсказуемой. Семья и пациент получают короткую памятку на 72 часа с «зелёными зонами» (что считать нормой сегодня) и понятными поводовыми триггерами для немедленного контакта с дежурным врачом.
    Подробнее можно узнать тут – http://vyvod-iz-zapoya-v-voronezhe15.ru/vyvod-iz-zapoya-staczionar-voronezh/

  6. vegasherologin-Flathe

    Wer, der auf der Suche nach exzellenter Unterhaltung und einer interessanten Spielauswahl ist, kommt an der vegashero Plattform wirklich nicht vorbei [url=https://vegasherologin.at/app]vegashero casino[/url] . Mit dem Augenmerk auf ein herausragendes Nutzererlebnis hat sich das vegashero casino als feste Gro?e in der Welt des Online-Glucksspiels etabliert. Besonders fur Spieler, die ihre Games gerne von unterwegs spielen mochten, bietet die vegashero casino app eine ideale Losung. Die Software gestattet es Usern, ihre liebsten Slots und Tischspiele umgehend auf dem Mobilgerat zu erleben, ohne dabei Einbu?en bei der Optik oder Geschwindigkeit einzugehen.

    Wer das vegas hero mobile Erlebnis evaluieren mochte, wird umgehend bemerken, wie ubersichtlich das Interface entworfen ist. Durch der vegas hero app haben Spieler stets Zugriff auf ihr Userkonto, aktuelle Bonusaktionen und eine gro?e Palette an Titeln. Ganz gleich, ob Sie nun im Garten, in der Bahn oder gemutlich auf der Couch sitzen, das vegas hero casino mobile Angebot gewahrleistet dafur, dass die Casino-Atmosphare stets in greifbarer Nahe bleibt. Die Einspielung ist problemlos, da die vegashero apk Datei exklusiv fur eine reibungslose Funktionalitat auf mobilen Endgeraten optimiert wurde.

    Das casino vegashero burgt fur Sicherheit, Fairness und eine beeindruckende Spielvielfalt. Anhand der Nutzung der vegashero mobile casino Funktionen profitieren Anwender von kurzen Ladezeiten und einer intuitiven Oberflache, die speziell auf die Anforderungen moderner Mobilgerate abgestimmt ist. Die Vegas Hero mobile Optimierung stellt sicher, dass alle Features der Desktop-Version gleichfalls unterwegs zur Auswahl stehen. Damit bietet das Casino eine storungsfreie Integration in den digitalen Alltag. Wenn Sie gro?en Wert auf Flexibilitat legen und gerne mobil zocken, ist die vegashero casino app die erste Wahl. Erkunden Sie noch heute, warum so viele Spieler auf das vegas hero app Angebot bauen, um ihre Gewinnaussichten und den Spa? zu maximieren. Tauchen Sie hinein in die Welt von vegashero und genie?en Sie ein besonderes Casino-Erlebnis, das technisch optimal auf Ihren mobilen Lifestyle abgestimmt ist. Ihr nachster erfolgreicher Gewinn konnte gut nur einen Fingertipp entfernt sein. [url=https://borayoluklu.com/2022/02/23/and-the-day-came-when-the-risk-to-remain-tight-in-a-bud-was-more-painful-than-the-risk-it-took-to-blossom/#comment-9649]Warum die VegasHero App die erste Wahl fur mobiles Glucksspiel ist[/url] [url=https://centercitybbs.com/smf/index.php?topic=1.new#new]Maximale Flexibilitat: Das VegasHero Casino mobile Angebot im Detail unter die Lupe genommen[/url] 98001ef

  7. При продолжительном приеме спиртного накапливаются продукты распада этанола, нарушается баланс жидкости и электролитов, возрастает нагрузка на сердце и сосуды. Алкогольная интоксикация вызывает изменения сна, настроения и поведения. Иногда развивается психоз; психиатрия относит подобные острые состояния к ситуациям, требующим срочной оценки специалиста. В таких случаях лечение в стационаре наиболее безопасно.
    Изучить вопрос подробнее – [url=https://vyvod-iz-zapoya-balashiha15.ru/]вывод из запоя цена балашиха[/url]

  8. С пациентом работают профильные специалисты, которые оценивают состояние и подбирают безопасный план помощи.
    Подробнее – [url=https://4.narkologicheskaya-klinika-v-krasnoyarske17.ru/]https://4.narkologicheskaya-klinika-v-krasnoyarske17.ru[/url]

  9. casinia-Priorge

    Supponendo che sei alla ricerca di una piattaforma completa per il tuo divertimento online, Casinia incarna oggi una delle scelte piu interessanti nel settore del gaming internazionale [url=https://casinia-casino-71.iraxicageb358.workers.dev]casino casinia[/url] . Questo spazio si e affermato subitaneamente merito di un’offerta ricca e diversificata, divenendo un cardine per tutti coloro che cerchi vivere l’emozione di un casino casinia innovativo e garantito. Girando nel sito, si avverte prontamente la dedizione riservata all’esperienza utente, con un layout agile che agevola l’accesso a tutte le categorie principali.

    Uno degli aspetti piu apprezzati dagli utenti italiani che analizzano Casinia italia e la ampia serie di prodotti fruibili. La area mirata alle casinia slot e fortemente attenta, mettendo in campo svariati di divertimenti creati dai piu importanti fornitori del campo. Dai tradizionali senza tempo ai prodotti piu all’avanguardia caratterizzati da interfacce 3d, ciascun giocatore puo trovare la partita consona alle personali scelte. Leggendo le varie casinia recensioni online, emerge evidentemente come la bonta dei sistemi e la ampiezza tematica costituiscano i pilastri che rendono questo casinia casino molto popolare.

    A parte la collezione, un punto essenziale nella selezione di un casinia online casino e la amministrazione di cassa. I utenti richiedono perennemente prontezza e onesta, e in questo contesto il protocollo di casinia prelievo e risulta perfezionato per assicurare pagamenti rapidi e sicure. La sicurezza degli giocatori e comprovata dalle svariate casinia casino recensioni favorevoli, che apprezzano non soltanto la fretta nei trasferimenti ma anche un supporto di aiuto utenti continuamente pronto a far fronte a ogni necessita.

    In definitiva, se cerchi sperimentare un’esperienza di svago appassionante, Casinia e la soluzione ottimale. Che tu sia un fan di slot machine o un amante dei giochi da tavolo, la piattaforma ti propone un ambiente tutelato dove il passatempo e perennemente al top. Optare per Casinia casino implica appoggiarsi a un operatore professionale che colloca la valore dell’intrattenimento al epicentro del rispettivo obiettivo, offrendo ore di divertimento in massima calma.

댓글 달기

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