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

  1. free spiny na novy rok bonusy zdarma automaty
    dneЕЎnГ­ free spiny stiahnut zadarmo hracie automaty sk casino no deposit bonus Dnesne free spiny fortuna hracie automaty zdarma bez registrace power stars hry online automaty
    jednodielny blackjack online master joker demo

  2. Выезд нарколога на дому удобен тем, что помощь проводится в спокойной обстановке. Капельница на дому может быть организована круглосуточно, если состояние человека позволяет такой формат; выезд доступен в том числе ночью и по выходным. Нарколог и специалисты выездной службы работают по медицинским стандартам, а сама капельница проводится с наблюдением за самочувствием. Наркологическая служба принимает звонок, уточняет адрес и основные жалобы, затем направляет врача. Капельница назначается с учетом осмотра, а препараты вводятся постепенно. Доктор следит за реакцией пациента и при необходимости меняет темп инфузии.
    Ознакомиться с деталями – [url=https://1.kapelnica-ot-zapoya-v-moskve14.ru/]moskva-kapelnica-ot-alkogolya[/url]

  3. spinogambinobonus-Evips

    When you start using an online gaming platform, learning the site regulations is the vital first move you can take [url=https://spinogambinobonus.bet/terms-and-conditions]spino gambino[/url] . At spinogambino, we value transparency and fairness, which is why we encourage all our players to examine our official terms and conditions page. Visiting the site provides you with a clear roadmap of your rights and responsibilities as a player.

    The terms and conditions page acts as a formal contract between you and the platform. It outlines essential information regarding sign-up procedures, age verification requirements, and the policies for managing your personal data. By familiarizing yourself with these details, you guarantee a better experience and prevent misunderstandings regarding account eligibility or site access.

    Furthermore, spino gambino is committed to responsible gaming. Our terms explain how bonuses and promotional offers function, including the specific wagering requirements you must satisfy to withdraw winnings successfully. Whether you are curious about deposit limits, withdrawal timeframes, or the guidelines for participating in tournaments, everything you need to know is laid out plainly on this page. We want every player to feel secure, knowing that our operations are regulated by industry-standard policies designed to protect your interests.

    It is frequent for players to overlook these documents during the sign-up process, but taking the time to examine the entire document will be beneficial in the long run. If you ever have questions about specific clauses or need clarification on a policy, our customer support team is available to help. Remember that by using the services offered by spinogambino, you signify that you have read and agreed to these terms. Stay informed and play wisely by keeping these policies in mind as you enjoy the wide selection of titles available on our platform. Making yourself aware of our rules is the best way to experience everything spino gambino has to offer with total assurance.

  4. Этот обзор посвящен успешным стратегиям избавления от зависимости, включая реальные примеры и советы. Мы разоблачим мифы и предоставим читателям достоверную информацию о различных подходах. Получите опыт многообразия методов и найдите подходящий способ для себя!
    Детальнее – [url=https://gurenok.ru/volna-rasprodaj-ynesla-2-mlrd-iz-bitkoin-etf/]наркологическаяклиникадельта в балашихе[/url]

  5. Samtliche AGB spielen jene signifikante Bedeutung betreffend das serioses nebst transparentes Casinoerlebnis bei dem Online-Casino [url=https://spino-gambinocasino.ch/allgemeine-geschaeftsbedingungen]spino gambino[/url] . Sobald Sie jeweils auf dieser Domain bei Spino Gambino aufhalten, erscheint es empfehlenswert, jeweils anhand solchen rechtlichen Regelwerken auseinanderzusetzen. Die Webprasenz an dieser URL spino-gambinocasino.ch/allgemeine-geschaeftsbedingungen enthalt vollstandige Details, diejenigen User benotigen, sodass solche Richtlinien dieses Anbieters ganzlich nachzuvollziehen.

    Transparenz befindet sich bei der Plattform auf hochster Stelle. Innerhalb den AGB bleiben alle wichtigen Themen detailliert aufgefuhrt, die hinsichtlich solche Verwendung dieses Portals entscheidend wirken. Dazu zahlen unter anderem jene Voraussetzungen hinsichtlich jene Anmeldung, Daten bezuglich verantwortungsvollen Zocken nebst jene geltenden Bestimmungen betreffend Promotions und Bonusprogrammen. Weil Online-Glucksspiel innerhalb dieser Schweizer Lande harten gesetzlichen Vorgaben unterliegt, helfen diese Regelwerke dazu, sowohl den Casinobetreiber sowie jenen Nutzer abzusichern.

    Bevor man eine Transaktion durchfuhren oder bei dieser verschiedenen Spielen mitspielen, mussten man jeweils jene Gelegenheit investieren, die Vorgaben bei jener Plattform von Spino Gambino gewissenhaft durchzulesen. Solches hilft dabei, Unklarheiten betreffend Auszahlungen oder jener Anwendung von Bonusguthaben von vornherein zu vermeiden. Spinogambino betont hohen Fokus darauf, damit die Spielregeln prazise kommuniziert bleiben, sodass jener Schwerpunkt komplett und vollig auf dem Spielvergnugen verweilen moge.

    Wenn Sie gezielte Unklarheiten zu den formellen Aspekten oder den Spielregeln besitzen, bietet solche Webseite bei Spino Gambino haufig zudem den Weg zum Kundensupport. Eine klare Wissen jener AGB ist die beste Grundlage betreffend die gute nebst anstandige Spielerfahrung. Dadurch dass Sie jene Seite spino-gambinocasino.ch/allgemeine-geschaeftsbedingungen stetig hinsichtlich eventuelle Updates uberprufen, bleiben Sie stets auf dem aktuellsten Stand. Abschliessend lasst jeweils behaupten, sodass das verantwortungsbewusster Agieren durch der Richtlinien der Domain die Grundlage fur jeden Casinobesucher ausmacht. Informieren ihr sowohl daher grundlich auf der Plattform, damit sicherzugehen, dass euer Zockerverhalten jederzeit anhand den vorhandenen Richtlinien innerhalb Einklang befindet. Sicherheit und Spass verlaufen dort gemeinsam, falls jene Rahmenbedingungen respektiert sind. [url=https://centercitybbs.com/smf/index.php?topic=1.new#new]Die AGB fur Spino Gambino: Essenzielle Regeln fur das transparentes Wettvergnugen[/url] [url=http://czrlp.8u.cz/forum/viewtopic.php?f=9&t=1353&p=25095#p25095]Samtliche AGB fur Spino Gambino: Relevante Regeln fur das sicheres Casinoerlebnis[/url] c98001e

  6. Provided you are looking for an engaging and thrilling gaming experience in India, the Patang platform is currently making waves among enthusiasts [url=https://patang-4.vercel.app]patang casino[/url] . As a quickly evolving destination for online fun, Patang presents a diverse range of playable modes tailored to suit the tastes of local players. Whether you happen to be a devotee of retro gaming formats as well as current online stakes, the Patang official site gives a intuitive design that guarantees effortless movement for equally newcomers alongside seasoned professionals.

    Numerous visitors searching for a dependable Patang betting site get drawn to its safe atmosphere plus quick payment handling. The Patang game selection is extensive, incorporating hit releases that resonate well with the Indian market. If you who appreciate the rush of live dealers plus interactive tables, the Patang online casino segment stands out as a leading selection. Through prioritizing high-quality graphics and fluid operation, the makers have ensured that the Patang mobile experience proves every bit as captivating as gaming on a computer.

    When perusing a common Patang casino review, you might regularly find accolades for the platform’s dedication to honest standards as well as openness. As a leading Patang casino online, it bundles multiple banking options common in India, rendering top-ups and payouts incredibly convenient. Provided you are curious in investigating Patang online, you will discover that the player pool stays growing, with constant patches that keep the content updated as well as thrilling.

    To individuals who wish to start their adventure, accessing the Patang casino proves easy. The portal stays adjusted to ensure that all Patang bet you make is processed with precision plus safety. Given its rising popularity throughout the territory, Patang India has built the brand as a reliable label for any user hoping to relish virtual play from the ease of their residence. Before you dive in, confirm you stay using the genuine domain to relish the complete array of functions plus offers accessible on this thrilling platform. Join the community currently and see why so many gamers consider this their top spot for digital fun.

  7. chickenroad-Irrary

    Vogel-Weg Testversion ist ein modernes digitales Glücksspiel-Aktivität, das in den letzten Monaten besonders Aufmerksamkeit auf sich gesammelt [url=https://chickenroad-game-222.pages.dev]Chicken Road Demo Erfahrungen[/url] .

    Besonders gefragt ist die Demo-Version, die Spielern die Möglichkeit bietet, das Spiel vor dem Echtgeld-Risiko kennenzulernen. Wer sich für die Hühnerstraße-Testversion begeistert, findet auf Portalen wie huehnerstrasse-demo.net eine zuverlässige Option, um das Casino in ausführlichem Umfang auszuprobieren.

    Die Probe-Ausgabe ist hauptsächlich für Spieler aus Deutschland, da sie eine zuverlässige und vertrauenswürdige Möglichkeit bietet, die Mechaniken des Spiels zu erkunden, ohne Geld zu riskieren.

    —

    Die Hühnerstraße-Testversion Casino-Version ist besonders spannend, da sie immer wieder mit überzeugenden Bildern und einem interaktiven Verlauf beeindruckt. Spieler können hier die vielfältigen Optionen wie bonusbasierte Drehungen, Premiumrunden oder Vervielfacher testen, ohne sich um finanzielle Verluste befürchten zu müssen. Viele Nutzer teilen in ihren Chicken Road Demo-Feedback, dass das Erlebnis durch seine intuitive Handhabung und das attraktive Aussehen verzaubert. Ausgezeichnet in Deutschland gibt es eine stetig wachsende Sphäre, die sich für die Vogelroute-Vorschau deutsche Version interessiert, da sie auf die Beachtung staatlicher Vorschriften und Datensicherheitsrichtlinien fordern.

    —

    Wer sich für die Hühnerstraße-Testversion virtuelle Casino-Variante auswählt, sollte darauf achten, dass die Anbieter zuverlässig und professionell ist. Die Vogelroute-Vorschau-Analyse zeigt, dass viele Nutzer das Spiel als gerecht und ehrlich erleben. Die Demo-Variante ermöglicht es zudem, die vielfältigen Spielarten wie Vogelroute-Vorschau Erlebnis oder Chicken Road Demo Glücksspiel ausgiebig zu nutzen. Hauptsächlich für Neulinge ist die Vogelroute-Vorschau Play-Option geeignet, um sich mit den Spielmechanismen zu lernen.

    —

    In einer Vogelroute-Vorschau-Analyse wird häufig unterstrichen, dass das Unterhaltung nicht nur durch seine Faszination, sondern auch durch seine Gerechtigkeit überzeugt. Viele Spieler aus Deutschland wertschätzen die Option, die Vogelroute-Vorschau deutsche Edition zu nutzen, bevor sie sich für eine Echtgeld-Session festsetzen. Die Demo-Version ist somit eine wichtige Entscheidungshilfe, um sicherzustellen, dass das Casino den persönlichen Vorstellungen entspricht.

    Wer also auf der Suche nach einem modernen Online Casino-Aktivität ist, sollte die Vogelroute-Vorschau auf jeden Fall einmal testen – sowohl für die Unterhaltung als auch für die Respektierung bundesdeutscher Spielstandards.

  8. chickenroadrecensioni-Vajesee

    Mentre navighi all’interno del portale Chicken Road, la onesta e la protezione dei tuoi dati sensibili sono al cuore della nostra etica. Proprio per tale ragione, abbiamo predisposto una sezione riservata all’informativa sui cookie, leggibile al percorso [url=https://chickenroadrecensioni.it/informativa-sui-cookie]ChickenRoad[/url] , che spiega limpidamente come il nostro domain adotta le metodologie di monitoraggio per ottimizzare la tua interazione. Nel complesso di ChickenRoad, utilizziamo i cookie ne soltanto per supportare il funzionamento ottimale delle risorse, ma anche per analizzare il flusso globalmente, consentendoci di fornirti materiali costantemente idonei e di grande valore. La nostra politica sui cookie segue totalmente le leggi attuali in materia di privacy digitale, garantendoti il gestione assoluta sulle tue impostazioni. Attraverso il menu di controllo presente sul sito, hai certamente la possibilita di confermare, negare o modificare in qualsiasi momento le tue scelte inerenti i cookie funzionali, di analisi o di profilazione. E essenziale sottolineare che una gestione oculata di tali file agevola Chicken Road di trasformare la navigazione piu veloce e personalizzata. Se decidi di disabilitare svariati cookie, potresti riscontrare restrizioni in parti fornite da ChickenRoad, che sono progettate esattamente per snellire la consultazione delle nostre analisi e dei nostri consigli. Sollecitiamo i nostri utenti a esaminare attentamente l’informativa indicata nel link indicato per afferrare totalmente che tipo di dati sono registrati durante la navigazione. La credibilita degli lettori e per noi fondamentale ed e esattamente grazie a la chiarezza delle nostre policy che desideriamo saldare il rapporto con coloro che scelgono di continuo Chicken Road come punto di riferimento per le proprie esplorazioni. Navigare protetti e sapendo tutto e un vantaggio di ogni visitatore, e noi ci dedichiamo a proteggerlo certificando che ogni dato trattato da ChickenRoad sia maneggiato con la estrema premura e professionalita. Per qualsiasi quesito o necessita di approfondimento, le istruzioni contenute nella area riservata sono aggiornate di continuo per riflettere le best practice del mondo internet.

  9. Falls Sie auf der Suche nach einem modernen und einfachen Spielerlebnis sind, sollten Sie sich das Frumzi Casino genauer ansehen [url=https://frumzi-casino-3.pages.dev]casino frumzi[/url] . Die Anlaufstelle, die unter der Adresse frumzi-casino-3.pages.dev aufzurufen ist, hat sich in der Szene der Online-Gaming-Branche als eine feste Größe bewiesen. Jede Menge User suchen gezielt nach dem Frumzi Casino, da es durch eine klare Bedienung und eine beeindruckende Auswahl an Games punktet.

    Betrachten wir die Frumzi Casino Erfahrungen, die deutsche Spieler bisher gesammelt haben. Die meisten Nutzer preisen primär die Geschwindigkeit und die einfache Handhabung. Nachdem das Sortiment exklusiv auf die Anforderungen der Interessenten abgestimmt wurde, ist das Frumzi Online Casino eine exzellente Option für alle, die Abwechslung suchen. Unabhängig davon ob Sie Traditions-Games bevorzugen oder in die Dimension der zeitgemäßen Frumzi Automatenspiele eintauchen möchten, wird hier jeder fündig. Ein wichtiger Aspekt bei der Wahl eines Anbieters ist logischerweise die Seriosität. Bei der Frumzi Casino Auszahlung schildern Anwender von problemlosen Transaktionen, was das Glaubwürdigkeit in dieses Casino Frumzi noch steigert.

    Falls Sie überlegen, wie Sie bei Frumzi einzahlen dürfen, dürften Sie von den flexiblen Optionen begeistert sein. Das Konzept ist dahingehend optimiert, Ein- und Auszahlungen kinderleicht zu abzuwickeln. Etliche Gamer, die nach Frumzi Deutschland suchen, lieben hauptsächlich die Offenheit und die fairen Bedingungen. Insgesamt sind die Resonanzen rundum gut, da das Web-Angebot eine optimale Kombination aus Verlässlichkeit, Vergnügen und IT-Sicherheit bietet. Wer sich für das Frumzi Casino online entscheidet, gewinnt von einem intelligenten Modell, das alle Erwartungen erfüllt. Abschließend kann man festhalten, dass Frumzi eine top Anlaufstation für jeden ist, die ein seriöses und aufregendes Spielerlebnis suchen. Probieren Sie das Frumzi Casino und verschaffen Sie sich einen Überblick von dem umfangreichen Portfolio und der hochwertigen Leistung, die dieses Online-Portal auszeichnen. Es ist absolut eine Umgebung, die man als leidenschaftlicher Gamer im Blick behalten sollte.

  10. onlyspins-enjoymn

    Un site dans le domaine des paris OnlySpin attire de plus en plus d’interet parmi les joueurs locaux a la recherche d’une solution de jeu securisee [url=https://onlyspins-35.pages.dev]Only Spin avis[/url] . Qu’il s’agisse de sur la piste d’une plateforme OnlySpin fiable ou que vous desiriez consulter un avis Only Spin pour rejoindre la plateforme, voici les points importants pour bien evaluer cette plateforme.

    OnlySpin se presente comme une alternative serieuse sur le marche des casinos en ligne, avec une interface moderne et un choix de jeux concue pour les passionnes de betting et de jeux de hasard. Pour ceux qui cherchent une plateforme OnlySpin critique fiable, il est important de analyser les avis des membres et les regles de jeu presentees. Les amateurs de langue francaise apprecient surtout les services accessibles en francais, ce qui facilite OnlySpin accessible a un public francophone plus etendue.

    Si vous etes sur la piste d’une plateforme virtuel OnlySpin Casino, vous devriez verifier les avantages et bonus, souvent mis en avant pour attirer les nouveaux joueurs nouveaux. Les avis OnlySpin presents sur les forums peuvent offrir une vision claire des avantages et des possibles defauts. Certains joueurs soulignent la rapidite des paiements et l’excellence des jeux, tandis que certains soulignent sur la vitalite de maitriser les clauses et modalites avant de s’engager.

    OnlySpin betting est aussi une alternative pertinente pour les passionnes de paris sportifs, avec des options nombreux et des cotes competitives. Que vous soyez un joueur de temps en temps ou un habitue des jeux en ligne, OnlySpin propose une plateforme concue pour les exigences des francophones. Pour ceux qui cherchent une critique OnlySpin authentique, il est recommande de consulter plusieurs avis pour valider un choix definitif.

    En synthese, OnlySpin casino se positionne comme une alternative fiable pour les joueurs de jeux en ligne, mais il est systematiquement suggere de analyser les retours sur OnlySpin et les modalites generales avant de s’inscrire. Si vous aimez les slots ou les paris sportifs, OnlySpin offre un environnement concue pour les amateurs de langue francaise a la recherche de plaisir et de profits potentiels.

댓글 달기

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