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

  1. купить бошки гашиш марихуану экстази в эмиратах купить закладку героина Купить Мефедрон можно ли купить трамадол без рецепта где можно купить лирику можно ли купить наркотики
    закладки купить москва сайт купить марихуану магазин купить коноплюhttps://khartsyzskkupit.xyz где можно купить гашиш где купить марихуану

  2. vegashero-Antimb

    Entering inside the colourful realm of online gambling needs finding a platform that delivers as well as thrills along with trustworthiness. For players in the United Kingdom seeking a captivating virtual destination, Casino Vegas Hero has quickly grown into a prominent brand on the market. This detailed Vegashero Casino review intends to investigate what makes this platform a preferred option among fans, examining everything from game selection to general user experience.

    When exploring Vegas Hero UK choices, users frequently think regarding safety and reliability. A common query posed by beginners is, is Vegas Hero legit? Depending on gamer opinions along with market benchmarks, the platform operates featuring strict safety protocols, ensuring that your individual information and monetary transactions keep secure. Glancing over various Vegas Hero reviews uncovers a mostly upbeat sentiment, with numerous users praising the website regarding the open operations along with fast customer support.

    The Vegashero adventure is designed to provide towards not only casual players along with high rollers as well. Browsing across the Vegas Hero Casino shows an impressive library of slot machines, classic games, and live dealer actions fuelled by top-tier gaming suppliers. If you are looking seeking old-school wheel games or the most recent captivating video slots, the Vegashero Casino critique general view highlights the pure diversity accessible at your fingertips.

    For those prepared to dive into action, setting up a new account on the portal housed at [url=https://vegashero-148.onrender.com]Casino Vegashero[/url] is simple. The interface associated with Vegashero is adjusted for not only computer and handheld devices, enabling you to savour your beloved options while travelling. As a committed hero Vegas Casino destination, it continues to draw interest concerning the bountiful promotions along with rewarding loyalty rewards.

    In closing, this Vegas Hero Casino critique concludes that indeed the brand fulfills on its commitment featuring high-stakes amusement. From the second you check inside Casino Vegashero, the engaging ambiance along with robust play alternatives stick forth. If you are looking seeking a fresh yet reliable gambling center, exploring Vegas Hero Casino is certainly worthy of your effort.

  3. В этой статье мы говорим о важности поддержки в процессе выздоровления. Рассматриваются семьи, группы поддержки, специалисты и онлайн-ресурсы, которые могут сыграть решающую роль в избавлении от зависимости.
    Читать дальше – [url=https://moyateplica.ru/pages/vyvod-iz-zapoya-cena-na-domu-v-voronezhe/]помощь вывода запоя[/url]

  4. Корректная среда — половина успешной инфузии. Этот порядок действий помогает врачу быстрее принять решения, а пациенту — легче перенести первые часы.
    Получить дополнительную информацию – [url=https://narkolog-na-dom-v-samare16.ru/]нарколог на дом клиника[/url]

  5. spinmacho-spupt

    Der Datenschutz Ihrer personlichen Daten genie?t wahrend dieser Nutzung von Plattformen ahnlich Spinmacho oberste Wichtigkeit [url=https://spinmacho-spiel.com.de/datenschutzrichtlinie]spin macho[/url] . Falls ihr die Webseite spinmacho-spiel.com.de ansteuern, ist dies wichtig, jene vorhandene Datenschutzerklarung zu begreifen, damit man wissen, wie mit Ihren sensiblen Daten verfahren geschieht. Jenes Portal Spin macho besitzt transparente Regeln festgelegt, um zu gewahrleisten, dass die Informationen geschutzt nebenbei nach allen geltenden juristischen Vorschriften behandelt sind.

    Innerhalb dieser detaillierten Datenschutzrichtlinie unter jener angegebenen Internetadresse erfolgt deutlich aufgezeigt, welche Formen von Daten aufgezeichnet werden. Dazu gehoren in der Regel Angaben, die man freiwillig wahrend einer Registrierung angeben, plus rechnerische Daten, welche systemseitig wahrend des Besuchs bei Spinmacho gespeichert werden, beispielsweise etwa Netzwerk-IDs oder Browserinformationen. Solche Werte fungieren hauptsachlich dazu, dieses Spielvergnugen bei Spin macho um individualisieren, rechnerische Prozesse zu verbessern sowie eine Integritat der Webseite um gewahrleisten.

    Jeder wichtiger Punkt der Datenschutzbestimmungen ist eine Speicherung plus Weitergabe von Daten. Spinmacho verpflichtet sich dahingehend, eure Daten niemals ohne Erlaubnis an fremde Stellen preisgeben, au?er sei denn, es wird fur einer Durchfuhrung dieser angebotenen Dienste unerlasslich oder vom Gesetz gefordert. Weiterhin nutzen moderne Verschlusselungsmethoden zum Einsatzbereich, um fremde Eindringversuche um stoppen. Anwender genie?en zudem immer ein Recht, Information hinsichtlich denen fur ihrer Nutzeridentitat gespeicherten Eintrage zu verlangen bzw die Loschung zu verlangen, wenn dieser durchaus keine vorgeschriebenen Haltepflichten entgegenstehen.

    Falls ihr Fragen zu dieser konkreten Sicherheitsma?nahmen von Spin macho besitzen bzw ausfuhrlichere Infos hierzu herausfinden mochten, auf welche Weise die Privatsphare bewahrt bleibt, ist ein wiederholter Besuch auf die Datenschutzerklarungsseite dieser Webseite klug. Transparenz ist ein entscheidender Baustein der Unternehmenspolitik seitens Spinmacho, damit ein sicheres Umfeld bei samtliche Anwender zu generieren. Indem Sie sich durch der Datenschutzerklarung ausfuhrlich beschaftigen, konnen ihr dieses Angebot von Spinmacho durch einem beruhigten Gewissen erleben, denn ihr exakt wissen, auf welche Weise der die Absicherung eurer Datenbestande behandelt wird. Denken Sie immer darauf, die neuesten Bestimmungen bei dieser offiziellen URL um uberprufen.

  6. Wer, auf der Recherche hinsichtlich einer innovativen plus spannenden Plattform bezuglich Online-Gaming aufwartet, sto?t derzeit haufig auf dem Label Cazeus [url=https://cazeus-casino-12.onrender.com]cazeus reviews[/url] . Die Cazeus Spielhalle zeigt sich als erfolgreicher Akteur positioniert au?erdem gewinnt Spieler mit einem stylischen Auftritt sowie der riesigen Game-Vielfalt. In der folgenden Betrachtung werfen wir den kritischen Check auf das Angebot, zwecks den Usern mit der Wahl zu helfen, ob die Domain die richtige Wahl bezuglich eure Spielsessions ist.

    Wenn man verschiedene Cazeus Casino Erfahrungen untersucht, ragt vor allem die Vielfalt der bereitgestellten Automaten plus Live-Tische auf. Die Benutzeroberflache wurde benutzerfreundlich aufgebaut, was es sogar Einsteigern problemlos gestattet, orientieren auf der Seite heimisch zu fuhlen. Viele Nutzer preisen in ihrer Cazeus Kritik die zugige Performance und die mobile Optimierung, was die Action von unterwegs problemlos erlauben. Besonders fur Zocker in Cazeus Deutschland bleibt zudem die Sicherheit ein zentrales Thema. Der Anbieter Cazeus baut auf aktuelle Sicherheitsstandards, zwecks vertrauliche Kundendaten plus Zahlungsvorgange abzusichern.

    Das Studium auf die aktuellen Cazeus Casino Reviews verdeutlicht, dass dabei besonders die Startpramie und die laufenden Aktionen bezuglich Bestandskunden vorteilhaft hervorgehoben werden. Des Weiteren die Qualitat der Hilfe erhalt in vielen Cazeus Kundenmeinungen gute Noten. Wer, der dafur hinsichtlich das Casino Cazeus begeistert, sollte hingegen grundsatzlich ebenfalls die Umsatzbedingungen fur Boni genau studieren, um den gro?ten Vorteil aus seinem Guthaben herauszuholen.

    Resumierend ist festzuhalten, dass die Plattform Cazeus mittels ein attraktives Angebot punktet. Die bisherigen Cazeus reviews bestatigen, dass dabei um eine Webseite geht, welche einerseits Vielfalt als auch Sicherheit bietet. Wenn Sie auf der Suche nach einer zeitgema?en Casino-Welt suchen, bleibt eine eigene Analyse oder ein Blick von einen fundierten Cazeus Casino Bericht durchaus lohnenswert. Es ist positiv zu sehen, dass dabei Plattformen wie diese durch Ehrlichkeit sowie ein breites Portfolio langfristig uberzeugen konnen. Jener, der leidenschaftlich wettet sowie Augenmerk auf ein perfektes Handling legt, findet bei diesem Anbieter eine perfekte Adresse fur seine nachsten Tipps.

  7. chickenroad-Dific

    When seeking regarding a dependable perspective on the competitive realm involving online gambling, plenty of UK players often looking to Chickenroad seeking transparency [url=https://chickenroad-casino-review.co.uk/our-history]chickenroad[/url] . Traversing the digital casino sector frequently feel daunting, a reason grasping the history of the platforms you select is essential. The focused past archive on the Chickenroad website provides a captivating insight inside the origins of this professional review portal, showcasing the manner in which the staff developed out of a group of dedicated enthusiasts transitioning to a credible authority catering to UK players.

    The story behind Chickenroad started employing a simple objective: to bring transparency to an market that often clouded through intense marketing alongside obscure stipulations. As time passed, the creators advancing Chicken Road recognised that players were struggling to distinguish between reputable brands as well as ones that neglected to meet stringent levels regarding protection together with honesty. Through recording their journey plus their commitment concerning rigorous analysis, the platform builds a definite narrative about transparency. This historical context is vital, since it proves how the ratings supplied do not consist of computerised suggestions but are built on seasons of collective knowledge and a authentic devotion to the player base.

    By visiting the history page, you might observe how Chickenroad has adjusted regarding the changing laws throughout the United Kingdom. Since statutes have become stricter and buyer safety has become the primary goal, the platform has adjusted its standards to guarantee how merely the most reliable sites are suggested. This long-standing dedication to quality is the reason countless players currently see the group to be an essential aid. Regardless of being a novice alternatively a seasoned whale, knowing the background regarding your reference point gives required peace of mind. While Chicken Road continues to develop, it continues to be concentrated around its core principles of honesty, honour, together with placing the gamer first, ensuring that each rating mirrors a thorough grasp concerning what forms a genuinely exceptional online casino experience during the contemporary online epoch.

  8. Das Welt von dem Online-Glücksspiels in der Alpenrepublik expandiert konstant und zunehmend mehr Spieler recherchieren hinsichtlich seriösen Portalen, die eine Zerstreuung liefern [url=https://baxter-bet-95.rockyrmokontjo42.workers.dev]baxterbet[/url] . Solch ein Titel, der in jenem Kontext verstärkt Aufmerksamkeit fesselt, heißt baxterbet. Wenn man die rezenten baxter bet Erfahrungen betrachtet, erscheint klar, dass das System trachtet, ein zeitgemäße Umgebung bezüglich sämtliche Interessenten zu. Jenes baxter bet casino charakterisiert durch ein nutzerfreundliches Oberfläche aus, das es Einsteigern leicht macht, sich orientieren. Jemand, der auf der Jagd nach einer erstklassigen baxter bet online Erlebnis auf der Suche ist, entdeckt an dieser Stelle eine breite Selektion von Games, die keinerlei Ansprüche missen.

    Speziell hinsichtlich Spieler, welche fokussiert hinsichtlich baxterbet Österreich recherchieren, bietet die Webpräsenz eine interessante Option. Jene Güte des Sortiments innerhalb beim baxterbet casino ist durch einer attraktiven Visualisierung und reibungslosen Spielrunden charakterisiert. Auch in jener mobilen Version vermag dieses baxterbet online Angebot beeindrucken, weil diese für gängige Endgeräte angepasst ist. Während jener Bewertung jener baxter bet Erfahrungen erscheint auf, dass besonders jene Vielfalt der Automaten plus die Geschwindigkeit der Bedienung gelobt werden. Jener Fakt erscheint essenziell, dass Nutzer innerhalb jeder casino baxterbet stets auf jene gültigen Richtlinien achten und besonnen zocken.

    Das casino baxter bet hat sich wird als konstante Instanz bewiesen, die vornehmlich aufgrund jener Adaption an den Sektor hinsichtlich baxter bet Österreich glänzt. Diese Kombination von ursprünglichen Games nebst innovativen Features macht baxterbet als einer attraktiven Alternative für anpruchsvolle Klienten. Jemand, welcher entscheidet für baxter bet online, zieht Nutzen von einer beständig steigenden Selektion an Entertainment-Optionen. Abschließend darf es sagen, dass die erfreulichen baxter bet erfahrungen ein signifikantes Indiz hinsichtlich dessen sind, dass jemand an diesem Ort ein seriöses Paket antrifft. Ganz gleich, während ein Nutzer das klassische baxterbet casino bevorzugt oder schlicht hinsichtlich spannender Kurzweil strebt, jene Portal stellt für jeglichen Spielertyp eine geeignete Basis. Erforschen Sie persönlich, weshalb unglaublich diverse User auf solches Portfolio setzen und befähigen du euch umfassend bezüglich den Potenziale, die Ihnen dort geboten sind.

  9. vegashero-aliept

    Exploring the immense world of digital play might be demanding, which is why players often turn to professional perspectives ahead of joining with a new venue [url=https://vegashero-149.muozdro62v18.workers.dev]Casino Vegas Hero[/url] . If you have recently found the certain play URL located on the workers dev portal, you are wondering what lies ahead. Finding reliable information about these replacement casino hubs is crucial for ensuring a safe and fun experience, leading many users to seek out a comprehensive Vegashero Casino review.

    While reviewing any current gambling portal, bettors organically ask questions pertaining to privacy, licensing, and general dependability. A common doubt amidst UK users asks if is Vegas Hero legit, especially considering newer mirror sites and domain variations. Proven gamer networks and expert write-ups typically highlight the importance of inspecting payment methods, client service availability, and bonus terms prior to risking hard-earned money.

    The attraction of these portals often stems from their expansive titles collection, offering sought-after online slots, table games, and real-time dealer actions that serve different interests. For aficionados residing in the British Isles, locating a customised experience via Vegas Hero uk is a top key aim to ensure seamless financial deals and adherence with geographic preferences.

    Investigating the features of Casino Vegas Hero shows a active design designed for either desktop and handheld gamers. Whether you call the site as Vegas Hero Casino, Vegashero Casino, or purely Vegashero, the main play journey strives to bring easy flow and attractive special promos. Still, bettors need to always display prudence, go through the terms of service thoroughly, and play wisely.

    Finally, reviewing a thorough Vegashero review may assist you balance the pros and cons of employing the venue located at the muozdro62v18 workers link. Although the charm of the hero Vegas Casino identity is potent, taking a calculated strategy ensures your betting stays both fun and protected. As the landscape of online amusement continues to change, remaining informed through unbiased reviews of Casino Vegashero and Vegashero Casino review articles constitutes the optimal strategy for each modern gamer.

  10. vegashero-Ingenuh

    Klarheit dominiert bei aktuellen Online Angeboten an allerbester Stelle, weshalb die Cookie-Richtlinie von vegashero-spiel.ch ein wesentliches Dokument fur jegliche Nutzer darstellt [url=https://vegashero-spiel.ch/cookie-richtlinie]vegashero[/url] . Wer die Plattform vegas hero aufruft, mochte nicht nur exzellente Unterhaltung konsumieren, vielmehr auch sicher sein, dass der Datenschutz einen gro?en Stellenwert einnimmt. In der ausfuhrlichen Cookie-Richtlinie auf der Webseite wird zudem exakt erklart, welche Technologien eingesetzt werden, um das Spielerlebnis zu optimieren und die Webseite technisch fehlerfrei zu kreieren.

    Cookies sind kompakte Textdateien, die beim Aufenthalt von vegashero auf dem Endgerat des Anwenders hinterlegt werden. Diese unterstutzen dazu, Einstellungen zu fixieren, den Login-Vorgang zu erleichtern und zu garantieren, dass die Bedienoberflache von vegas hero flussig funktioniert. Die Seite trennt dabei zwischen essenziellen Cookies, die fur den Betrieb der Seite dringend notwendig sind, und zusatzlichen Cookies, die etwa fur statistische oder personalisierte Inhalte eingesetzt werden konnen.

    Ein wichtiger Bestandteil der Richtlinie ist die Entscheidungsfreiheit. Nutzer von vegashero haben immer die Option, ihre Einstellungen uber den Web-Browser oder das Cookie-Banner auf der Webseite anzupassen. Die Seite unterrichtet ausfuhrlich daruber, wie man Cookies unterbinden oder loschen kann, verweist hingegen auch dazu hin, dass eine totale Deaktivierung hierzu beitragen kann, dass gewisse Funktionen auf vegas hero nicht mehr in ganzlichem Umfang einsatzbereit sind.

    Schutz und Privatsphare bilden das Basis, auf dem vegashero seine Leistungen errichtet. Durch die deutliche Information in der Cookie-Richtlinie stellt sicher der Anbieter gewiss, dass Spieler genau verstehen, welche Informationen gesammelt werden und zu welchem Ziel sie beitragen. Dies schafft das erforderliche Vertrauen, um sich komplett auf das Spielangebot zu fokussieren. Ansteuern Sie die relevante Unterseite auf vegashero-spiel.ch, um sich ein umfassendes Bild der jetzigen Datenschutzstandards zu verschaffen. Bei Fragen zum Verfahren mit Tracking-Technologien steht zudem ein dedizierter Support bereit, der den Spielern bei jeglichen Anliegen rund um ihre Privatsphare bei vegas hero fachkundig zur Seite steht. Transparenz ist an dieser Stelle der Schlusselbund zu einem sicheren Spielerlebnis. [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-9822]Klarheit bei vegashero-spiel.ch: Alles zur Cookie-Nutzung und mehr Datenschutz[/url] [url=http://cnd-cost.co.kr/bbs/board.php?bo_table=dx0403&wr_id=122856]Klarheit bei vegash[/url] a77327a

댓글 달기

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