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”의 68,880개의 댓글

  1. Наркологическая клиника в Екатеринбурге уделяет большое внимание психотерапевтическим методам. Индивидуальный подход к пациенту позволяет выявить причины и особенности зависимости, сформировать устойчивую мотивацию на лечение и отказ от вредных привычек.
    Разобраться лучше – [url=https://narcologicheskaya-klinika-ekaterinburg00.ru/]частная наркологическая клиника свердловская область[/url]

  2. Rozrywka mobilna wchodzi na nowy poziom dzięki innowacyjnym funkcjom dostępnym dla fanow hazardu [url=https://play-jonny-logowanie.pl/app]play jonny casino app[/url] . Jeśli szukasz komfortowej metody na dostęp do swoich ulubionych gier, playjonny app to doskonały wybor, ktore pozwala bawić się w każdym momencie. Użytkownicy, ktorzy cenią sobie szybkość oraz intuicyjność, z pewnością docenią funkcjonalność, jaką oferuje playjonny casino app. Dzięki tej aplikacji masz pełną kontrolę nad swoim kontem oraz dostęp do bogatej oferty automatow i zakładow w swoim smartfonie.

    Dla osob korzystających z urządzeń z systemem Android proces rozpoczęcia przygody jest niezwykle prosty. Wystarczy przeprowadzić playjonny download, aby cieszyć się całą ofertą gier w kieszeni. Warto zaznaczyć, że playjonny apk został zaprojektowany z myślą o maksymalnej optymalizacji, dzięki czemu aplikacja pracuje bez zarzutu nawet na starszych modelach telefonow. Jeśli szukasz sprawdzonego źrodła, oficjalny playjonny app download pozwoli Ci szybko zainstalować oprogramowanie i zanurzyć się w świecie emocji.

    Dla wielu graczy najważniejsze jest to, aby wszystko działało stabilnie. Playjonny casino applicatie zapewnia nie tylko dostęp do kasyna, ale także funkcje typowe dla platformy sportowej, ponieważ to także rozbudowana playjonny betting app. Niezależnie od tego, czy preferujesz klasyczne sloty, czy obstawianie wynikow meczow, play jonny app spełni Twoje oczekiwania. Proces instalacji, podczas ktorego wykorzystasz play jonny casino apk, jest intuicyjny i zajmuje zaledwie kilka minut.

    Wybierając playjonny casino app, stawiasz na jakość i bezpieczeństwo swojej rozgrywki. Dzięki regularnym aktualizacjom użytkownicy mogą liczyć na świeże gry oraz jeszcze lepszą optymalizację techniczną. Nie czekaj dłużej, wybierz sprawdzone rozwiązanie, ktore zmieni Twoj sposob postrzegania mobilnego hazardu. Z aplikacją od tego operatora każdy Twoj zakład lub spin stanie się łatwiejszy i przyjemniejszy. Dołącz do tysięcy użytkownikow, ktorzy już teraz korzystają z wygody, jaką daje dedykowane oprogramowanie na telefon, i odkryj wszystkie możliwości, jakie oferuje świat mobilnej rozrywki na najwyższym poziomie.

  3. The universal domain of online entertainment has observed a tremendous surge in fame across India, and one portal that is regularly grabbing interest is patang [url=https://patang-5.web.app]patang india[/url] . As players look for dependable portals to participate in amusement, the patang official site has emerged as a preferred destination for those seeking a diverse entertainment journey. If you happen to be a fan of traditional deck activities or contemporary slot machines, this interface provides a comprehensive suite of selections geared for the local players.

    As participants look for a protected and engaging patang betting site, they emphasize ease of access and honesty. The system is crafted to be user-friendly, ensuring that regardless if you are entering it via a desktop or through the dedicated patang mobile interface, the shift is seamless. Regarding devotees of table games, the patang casino section provides a premium atmosphere that replicates the buzz of a real-world betting parlor. Numerous gamers who have tried the patang online casino environment appreciate the simple layout and the diversity of stake levels accessible, making it perfect for notably casual gamers and high rollers.

    Starting out with the patang game selection is straightforward. The site emphasizes clarity, which is why a thorough patang casino review frequently highlights its robust safety measures and reliable withdrawal methods. Since the fame of patang india expands, so develops the network of members who enjoy the challenge of patang casino online sessions. The merger of modern systems guarantees that each patang bet is handled rapidly and securely, giving assurance to its members.

    In case you are hoping to explore the newest styles in virtual entertainment, the patang online experience is highly recommended. Starting with the lively graphics to the attentive support system, all elements is optimized for local players. By choosing the patang casino platform, you are selecting a streamlined play adventure. Enter the world of patang today and discover why it is rapidly evolving into a popular choice within gamers across the country. Keep in mind to gamble with care and enjoy the fun that this site offers to your monitor.

  4. Wer, der auf der Suche nach hochwertigem Entertainment fur unterwegs ist, gelangt an unserer Spino Gambino App zwangslaufig vorbei [url=https://spino-gambinocasino.ch/app]spino gambino app[/url] . Gleich eine der top Plattformen fur User in der Schweiz prasentiert die Webseite ein herausragendes Smartphone-Vergnugen, was absolut keine Anspruche unerfullt lasst. Mit der Spino Gambino App besitzen Sie Ihre Lieblingsspiele stets parat, egal ob man in den eigenen vier Wanden auf der Couch ausruhen bzw. unterwegs in offentlichen Verkehrsmitteln sitzen. Das Interface wirkt intuitiv konzipiert, sodass man sogar Anfanger sofort orientieren.

    Sofern Sie auf der Suche nach Spinogambino APK Download sind, sehen ihr samtliche erforderlichen Details unmittelbar auf der eigentlichen Internetprasenz. Der Prozess betreffend den Spinogambino APK Download bleibt sicher sowie rasch vollzogen, sodass man direkt in die Welt der Games nebst Echtzeit-Spieltische abtauchen konnen. Dieses Spinogambino Casino App Erlebnis unterscheidet sich durch flotte Ladezeiten plus eine herausragende Grafikqualitat hervor, die das Casino unmittelbar auf Ihr Smartphone bringt.

    Viele Nutzer fragen sich, ob die mobile Casino Spinogambino App ebenfalls auf ihrem Endgerat lauft. Das Spektrum ist weit gefachert, sodass sowohl Android-User wie auch iOS-Anwender maximal auf ihre Kosten erhalten. Wenn ihr die Casino Spino Gambino App Software installieren, profitieren ihr von exklusiven Pramien, die gelegentlich lediglich Unterwegs-Spielern angeboten werden. Dies formt die Anwendung zum Favoriten fur jeden, welche das optimale Online Casino Schweiz App Erlebnis suchen.

    Mit der Spinogambino Online Casino Schweiz App wahlen Sie fur Integritat plus Schutz. Die Plattform orientiert sich konsequent an die gesetzlichen Vorgaben, was einem ein faires Spielumfeld verburgt. Durch die Spino Gambino App Download Option hat man niemals wieder auf aufregende Gewinnchancen entbehren. Versuchen Sie das Angebot heute noch heraus plus erfahren Sie personlich, weshalb die mobile Online Casino App Spinogambino bei Nutzern so beliebt ist. Greifen Sie jetzt Ihren Zugang mittels dem Spinogambino Swiss Casino App Bereich plus erfahren Sie erstklassiges Gaming auf einer neuen Stufe. Gute, Stabilitat plus Nervenkitzel bleiben lediglich einen Fingerdruck entfernt. [url=https://aljasad.com/showthread.php?tid=183&pid=3570#pid3570]Warum die Spino Gambino App das beste Online Casino Schweiz App Erlebnis ist[/url] [url=http://bookangel.co.uk/boards/threads/hey-folks.364/page-4372#post-141023]Spino Gambino App: Das ultimative mobile Casino-Erlebnis fur die Schweiz[/url] 3f5fa77

  5. chickenroad-advise

    interessantes Casino-Spiel hatte in den letzten Zeiträumen immer mehr Fokus auf sich gerufen [url=https://chickenroad-game-223.vercel.app]Chicken Road Demo Play[/url] .

    Besonders beliebt ist die Möglichkeit, das Spiel in einer Probeversion zu testen, bevor man reales Investitionen investiert.

    Auf der Plattform die offizielle Demo-Seite findest du genau das: eine praktische Testversion, mit der du das Spiel ohne Risiko testen kannst, ohne jegliches Gefahr und ohne jede Pflicht.

    —

    Die Chicken Road Demo Spiel bietet eine perfekte Möglichkeit, die Prinzipien des Unterhaltungsangebots zu erkunden. Das Abenteuer ist aufgebaut auf einem intuitiven, aber fesselnden Ansatz: Nutzer dürfen, eine Route zu navigieren, wenn sie Obstacles überwinden und Erfolge verdienen.

    Die Probe gibt es dir, alle Features zu prüfen, ohne jegliche dass du dich bei Investitionen oder Rückgaben konfrontieren müssen.

    Besonders für Anfänger im Casino-Welt ist das ein großer Befreiung, weil so ein Empfinden für das Spiel erlangen können, vorher sie wahres Mittel einsetzen.

    —

    Viele Teilnehmer in Deutschland suchen nach einer Chicken Road Demo De, um das Spiel in der nationalen Zunge zu testen. Die Anbieter verfügt wahrscheinlich Features in Muttersprache, aber die Testphase ist immerhin leicht und gibt eine klare Darstellung über das Unterhaltungsmodell.

    Wer auf der Ausschau nach einer Demo für deutsche Spieler ist, wird dort fündig finden, da Plattform international zugänglich ist und auch deutsche Spieler abdeckt.

    —

    Die Chicken Road Demo Feedback von Spielern sind meistens erfolgreich. Viele loben die intuitive Steuerung und den fesselnden Charakter des Casinos. Besonders die Option, das Abenteuer ohne Aufwand zu testen, wird als deutlicher Vorteil hervorgehoben.

    Wer sich für eine Demo-Version Rezension fragt, findet auf dieser Plattform eine faire und objektive Möglichkeit, das Spiel vor dem dem eigentlichen Investition von wahrhaftigem Finanzen zu verstehen.

    —

    Für viele, die das Casino Play wünschen, ist die Demo-Version die ideale Lösung. Sie gibt zusätzlich Unterhaltung, sondern sogar eine ausreichende Führung für das wahre Casino-Spiel.

    Wer sich für eine Casino-Vorschau Unterhaltungsbereich interessiert, sollte definitiv die Testphase verwenden, um sich mit den Mechaniken und Chancen bekannt zu werden.

    —
    Abschluss: Die Testphase ist eine hervorragende Chance, das Casino zu meistern, ohne finanzielles Gefahr. Besonders für deutsche Nutzer, die nach einer deutschen Casino-Demo ausschauen, gibt die Website eine ausreichende Option, um das Casino in einer geschützten Umgebung auszuprobieren.

    Wer eine Chicken Road Demo Analyse betrachtet, wird unverzüglich feststellen, dass die Demo-Version eine unverzichtbare Hilfe bei der Bewertung gegen das Casino bleibt.

    Versuch es unkompliziert aus und lass dich von dem unterhaltsamen Spielprinzip beeindruckt!

  6. Вывод из запоя — комплексное медицинское лечение, направленное на безопасное прекращение длительного употребления алкоголя, уменьшение проявлений абстинентного синдрома и постепенное восстановление организма. В Красноярске помощь может быть организована на дому или в стационаре клиники в зависимости от тяжести состояния пациента. Врач оценивает длительность запоя, количество спиртного, возраст, сопутствующие заболевания, работу сердечно-сосудистой и нервной системы, наличие хронических патологий и признаков острых осложнений. Такая диагностика позволяет определить, можно ли провести лечение запоя на дому или больному требуется госпитализация в стационар.
    Подробнее – [url=https://vyvod-iz-zapoya-krasnoyarsk68.ru/]www.vyvod-iz-zapoya-krasnoyarsk68.ru[/url]

  7. Wer, einer auf der Jagd nach dem zeitgemäßen plus aufregenden Spielerlebnis ist, entdeckt regelmäßig verstärkt auf dieses Portfolio von Frumzi [url=https://frumzi-casino-4.vercel.app]frumzi online casino[/url] . Jenes Frumzi Casino hat sich in der Welt von virtuellen Casinoseiten einen Ruf erarbeitet, indem es ein performantes, geschütztes zudem einfaches Design liefert. Vor allem bei Spieler aus Deutschland ist das Angebot eine spannende Anlaufstelle, weil es eine breite Palette von Spielspaß offeriert. Jemand, der selbst für das Frumzi Casino entscheidet, sollte sich die verschiedenen Funktionen intensiver betrachten, damit die Vorzüge der Plattform voll zu verwenden.

    Falls Spieler aktuelle Frumzi Casino Erfahrungen prüft, sticht besonders durchaus das schlichte Layout auf, welches es Usern erlaubt, ohne lange Wartezeiten sofort bei der Action starten. Dieses Frumzi Online Casino legt massiven Wert bei die logische Navigation, damit selbst Einsteiger schnell problemlos orientieren. Bei dem Test auf das Frumzi Casino Online Angebot erscheint umgehend klar, dass hier die gesamte Güte von Spiele auf erster Position dominiert. Ob klassische Kartenspiele oder moderne Frumzi Slots Kasino Titel, die Auswahlvielfalt wirkt umfassend dazu kommt von etablierten Providern.

    Der zentraler Punkt für die Wahl des Anbieters bleibt selbstverständlich der monetäre Frage. Wer, der bei Casino Frumzi setzt, legt Fokus bei Transparenz sowie Tempo. Viele Nutzer preisen in ihren Frumzi Erfahrungen vor allem eine reibungslose Handhabung, falls die Sache um das Frumzi bezahlen geht. Die nutzbaren Optionen sind vertrauenswürdig und effizient gestaltet, sodass dadurch dieses Spielerlebnis keineswegs mittels lästige Barrieren beeinträchtigt bleibt. Auch bei der Frumzi Casino Auszahlung beweist hier der Dienstleister serviceorientiert, dadurch dass Transaktionen zügig abgewickelt sind.

    Abschließend lässt man behaupten, dass auch Frumzi Deutschland eine gute Lösung bei Fans digitaler Geldspielgeräte darstellt. Die Mischung von einem breiten Spielangebot, der einfachen Oberfläche und zuverlässigen Transaktionswegen gestaltet das Frumzi Casino zu einer tollen Wahl. Jeder, der Fokus bei Vertrauenswürdigkeit sowie die reibungslose funktionale Umsetzung setzt, ist hier perfekt richtig. Der Abstecher auf der Plattform lohnt dabei definitiv für jeden, die tolle Unterhaltung in einem aktuellen Umfeld bevorzugen.

  8. chickenroadrecensioni-spera

    Il trattamento dei dati personali funge da un pilastro fondamentale per ogni progetto web che punta alla chiarezza e alla protezione del navigatore [url=https://chickenroadrecensioni.it/informativa-sulla-privacy]ChickenRoad[/url] . Nel contesto della piattaforma Chicken Road, la sicurezza delle informazioni raccolte nel corso dell’uso e lo scambio con i contenuti offerti viene curata tramite una precisa policy di riservatezza. Consultare questo documento e essenziale per apprendere come ChickenRoad utilizzi le informazioni rilasciate, garantendo sempre il pieno rispetto delle leggi attuali circa la salvaguardia dei dati personali.

    Navigando la pagina Chicken Road, l’utente puo sentirsi tutelato mediante criteri trasparenti che stabiliscono scopi, tecniche di gestione e periodi di archiviazione dei profili. La piattaforma ChickenRoad lavora costantemente a sfruttare gli strumenti di monitoraggio e i cookie in modo responsabile, con la finalita esclusiva di ottimizzare l’esperienza di navigazione e fornire contenuti maggiormente mirati e eccellenti. La limpidezza non e solo un obbligo legale, ma identifica il valore cardine su cui si fonda la relazione di confidenza tra il sito e la sua crescente community di lettori.

    Nel documento sulla riservatezza consultabile nella pagina, risultano descritti le prerogative dell’utente, incluso la facolta di consultare, rettificare o richiedere la cancellazione delle proprie informazioni in qualsiasi momento. L’organizzazione Chicken Road ha organizzato le proprie procedure interne per rispondere con tempestivita a simili richieste, dimostrando una cura costante verso le esigenze degli ospiti. Sia che tu stia navigando i recenti pareri o approfondendo i tutorial proposti nel portale ChickenRoad, puoi essere certo che la tutela della tua sfera privata rimanga una priorita assoluta per gli amministratori del blog. Esortiamo tutti gli utenti a leggere con interesse la pagina specifica, visto che la cultura tecnologica rappresenta l’avvio per un’esperienza online sicura e difesa. Rimanere informati sulle direttive implementate rappresenta il metodo preferibile per usufruire appieno dei servizi offerti dal sito Chicken Road nella massima serenita.

댓글 달기

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