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

  1. В этой статье рассматриваются различные аспекты избавления от зависимости, включая физические и психологические методы. Мы обсудим поддержку, мотивацию и стратегии, которые помогут в процессе выздоровления. Читатели узнают, как преодолеть трудности и двигаться к новой жизни без зависимости.
    Более подробно об этом – [url=https://autorentsale.ru/pages/kapelnica-ot-alkogolya-na-domu/]вывод из запоя недорого[/url]

  2. gtspins15-peentus

    If you are hunting for a cutting-edge platform to enjoy premium gaming, Gtspins has rapidly become a notable destination for many players [url=https://gt-spins-15.onrender.com]Gtspins[/url] . If you are searching for an immersive experience, a Gtspins Casino review showcases the various features that make this site distinguish itself in a crowded market. For those based in the Gtspins United Kingdom community, getting to know the platform is essential before you decide to play. Many users are often curious and wonder, is Gtspins trustworthy or not? When assessing Gtspins UK, it is key to look at the selection of games, safety protocols, and the general site layout that Casino Gtspins offers to its members.

    The appeal of Gtspins online casino is found in its vast collection of slots and table games. If you are specifically looking for Gtspins real money action, the platform provides a smooth process for deposits and withdrawals, ensuring that players can devote their time to their favourite titles. Checking various Gtspins reviews can provide valuable insights into the experiences of other gamers, helping you decide if this site matches your individual tastes. Whether you are a fan of traditional slots or the newest interactive gaming technology, the Gtspins casino environment is built to cater to a broad audience.

    Regarding the question, is Gtspins legit, the platform works hard to uphold high standards for its users. Safety and fairness are paramount for anyone engaging with an online gaming site. By selecting a trusted provider, you can enjoy peace of mind while browsing the games on offer. While it is always wise to perform your own due diligence, the common opinion among the community suggests that Gtspins offers a stable and entertaining environment. If you are ready to explore what this site has to offer, take the time to browse the features available on the portal. With a focus on excellent gaming and accessible support, Gtspins is building its standing as a solid choice for those interested in experiencing digital gaming in the United Kingdom.

  3. spinmama-Rorkic

    Bezpečne hazardovani představuje hlavnim stavebnim kamenem veskerych jisteho prozitku v online kasinech, jelikoz web spinmama věnuje tomuto tematu velkou pozornost [url=https://spinmama-aplikace.cz/zodpovedne-hrani]spinmama[/url] . V připadě, ze se rozhodnete vyuzit sluzeb, jez spin mama přinasi, doporučujeme neustale myslet na to, aby kasinove tituly by se měly brat primarně jako způsob relaxace, a nikoliv jako metoda, jak ziskat penězni vydělek. Web spinmama usiluje sve hrače edukovat a poskytovat jim vsechny potřebne nastroje proto, aby měli svou hru zcela v rukou.

    Obezřetny postoj k hazardu znamena hlavně definovani pevnych omezeni. Před zahajenim kazdeho kola je vhodne si vymezit, jake časove rozpěti a financi jste ochotni do hrani utratit. Portal spin mama v teto souvislosti vam radi aplikovat zabudovane nastroje platforem, napřiklad stropy pro vklady, limity pro finančni ztraty nebo moznost časovych restrikci. Tyto nastroje vam usnadni udrzet hrani v hranicich, ktere jsou pro vas komfortni a finančně bezpečne.

    Hlavnim prvkem je dale schopnost rychle identifikovat vystrazne přiznaky gamblingu. Pokud zjistite, ze sazeni narusuje vasi psychiku, mezilidske vztahy nebo vasi finančni stabilitu, je nutne vyhledat odbornou pomoc. Web spinmama na sve strance o zodpovědnem hrani doporučuje spolky a centra, ktere se specializuji na pomoc lidem s problemovym hazardnim hranim. Pamatujte, ze pozadani o pomoc neni slabost, ale proziravym rozhodnutim k zajistěni vasi ochrany.

    V ramci komunity spin mama je prioritou zdravy přistup, ktery chrani uzivatele před nechtěnymi nebezpečimi. Nikdy nehrajte v opilosti nebo tehdy, kdyz se citite v naročnem obdobi nebo uzkosti. Hra by měla zůstat vzdy jen relaxaci. Jestlize budete řidit doporučenimi na tomto webu, udrzite si svou aktivitu v bezpečnem ramci. Jednejte vzdy logicky a sazejte vyhradně s financemi, o jake si můzete dovolit přijit. Obezřetnost a zdravy rozum jsou při hrani v internetovych hernach zakladni nutnosti, kterou můzete mit.

  4. Spieler, die Person, auf der Jagd nach diesem modernen sowie vielseitigen Zockererlebnis tatig ist, kommt an Cazeus derzeit schwerlich hier [url=https://cazeus-casino-17.onrender.com]cazeus casino erfahrungen[/url] . Jenes Cazeus Casino wurde auf dem Markt der digitalen Gaming-Plattformen einen Namen gemacht, dadurch dass dieser Anbieter eine gro?e Ansammlung bezuglich Spielautomaten, Klassikern und Echtzeit-Tischen durch eine intuitiven Plattform zusammenfuhrt. Viele Zocker, welche, auf dem Cazeus Casino online anmelden, favorisieren vor allem solche einfache Steuerung und diesem moderne Design der Webprasenz. Jeder, sich intensiv mit dem Spielangebot auseinandersetzt, wird schnell feststellen, dass das Portal nicht nur bei Neulinge wie fur Experten viel zu bieten hat.

    Betrachtet man diverse Cazeus Casino Erfahrungen betrachtet, wirken besonders solche schnellen Ladezeiten zudem eine ausgepragte Anpassung mit verschiedenen Endgeraten positiv auf. Zudem jenes Bonusangebot erscheint in zahlreichen Cazeus Reviews wohlwollend hervorgehoben, denn dies Nutzern erlaubt, durch ein extra Startguthaben beziehungsweise Gratis-Spins in die Welt fur Spiele einzusteigen. Ein objektives Cazeus Casino Review verdeutlicht zudem, dass bei diesem Anbieter Sicherheit sowie Transparenz gro?geschrieben werden. Wahrend der Verwendung bei Cazeus Deutschland liegt die Spielsicherheit im Mittelpunkt, ein Aspekt fur hiesige Spieler ein wichtiges Anliegen wahrend der Suche des passenden Anbieters ausmacht.

    Jene zahlreichen Cazeus Bewertungen betonen obendrein jene Professionalitat des Supports und die breite Vielfalt der Transaktionswegen. Jeder, sein Casino Cazeus irgendwann ausprobiert hat, erzahlt regelma?ig uber einem schnellen Prozess hinsichtlich Auszahlungen und einem sehr transparenten Spielumfeld. Jene gesammelten Cazeus Casino Reviews bieten zudem Einblicke daruber, dass auch das Angebot regelma?ig aktualisiert wird, sodass somit selbst bei erfahrene Kunden dauerhaft neue Spiele verfugbar sind. Zusammenfassend lasst sich sagen, dass Cazeus eine wirklich gro?artige Wahl fur samtliche Leute ausmacht, die, Wert auf Exzellenz, eine gro?e Spielauswahl und Seriositat orientieren. Wer, sich personlich ein Bild bilden will, entdeckt auf der Plattform Cazeus das komplette Paket, was nur der Geist eines Casino-Fans begehrt. Die Symbiose aus erstklassigem Support nebst einem extrem spannenden Unterhaltungsangebot gestaltet jenen Casinobetreiber zu einer von den besten Anlaufstellen im aktuellen Markt.

  5. В этой статье рассматриваются различные аспекты избавления от зависимости, включая физические и психологические методы. Мы обсудим поддержку, мотивацию и стратегии, которые помогут в процессе выздоровления. Читатели узнают, как преодолеть трудности и двигаться к новой жизни без зависимости.
    Исследовать вопрос подробнее – [url=https://watertechology.ru/pages/narkolog-na-dom-vyvod-2/]нарколог на дом клиника[/url]

  6. vegashero-escods

    Welcome unto our detailed Vegas Hero Casino review, where our team conduct an exploration into things that the site delivers UK gamers [url=https://vegashero-casino-52.vercel.app]Vegas Hero[/url] . If you have looked for an honest Vegashero Casino review, you sit correctly located. As online gaming progresses daily, discovering a dependable site is paramount. Numerous users regularly wonder, can it be Vegas Hero legit, along with we stand here to provide the facts you want for a secure gaming journey.

    Casino Vegashero shines inside the crowded digital casino sphere by offering an impressive selection of slot machines, table games, plus real-time dealer sessions. When conducting the Vegas Hero reviews, we examine game choice, game makers, along with overall layout. This hub known as Vegas Hero UK presents a smooth, fresh design being thoroughly adapted pertaining to either PC and handheld phones, ensuring you can play your preferred options on the go.

    Moving across Casino Vegas Hero feels simple, thanks to its user-friendly layout plus speedy speed rates. For punters based in the United Kingdom, finding a platform which appeals directly to regional choices stands as a huge advantage. The hero Vegas Casino branding pledges an epic adventure, plus the system mostly all delivers with lucrative deals and a helpful client care team ready to aid concerning any questions.

    Protection is another essential part of any Vegas Hero Casino evaluation. Players desire peace of mind concerning their personal plus monetary information. Luckily, Vegashero uses strong coding systems to secure payments. Assuming you are funding your wallet or pulling out earnings, the process runs smooth along with secure.

    To sum up that Vegas Hero Casino synopsis, the platform offers a captivating plus entertaining environment for hobbyists. While no system is entirely free from bugs, Vegas Hero holds a mighty status among the players. Should you seek for a fresh location to test your fortune, Vegashero Casino proves certainly worth exploring for your next gambling round.

  7. Αναζητάτε κάποια κορυφαία δράση παιχνιδιών online; Το baxterbet συνιστά τις πιο δημοφιλείς λύσεις κατά τους φίλους λάτρεις του τζόγου καθώς και των σπορ [url=https://baxter-bet-97.onrender.com]baxter bet casino[/url] . Αν ψάχνετε σε κάποια αξιόπιστη ιστοσελίδα, το baxter bet casino προσφέρει μία ευρεία συλλογή από κουλοχέρηδες, παιχνίδια τραπεζιού και live στιγμές που καλύπτουν κάθε στόχο. Ορισμένοι χρήστες οι οποίοι αναζητούν το baxterbet casino greece επισημάνουν τη χάρη στη χρήση της ιστοσελίδας, του οποίου παραμένει δομημένη για να εξασφαλίζει γρήγορη είσοδο στον γνωστούς φρουτάκια χωρίς εμπόδια.

    Καθώς βλέπουμε τις baxterbet κριτικες, καθίσταται τόσο ορατό πως η σελίδα έχει κερδίσει την εκτίμηση των παικτών λόγω στην ασφάλεια των πληρωμών και την πληθώρα των προωθήσεων. Το casino baxterbet επικεντρώνεται στην προσφορά μιας νέας σύγχρονης φάσης, κατά την οποία το baxter bet πλαισιώνεται από ανταγωνιστικές νίκες επίσης ένα εξαιρετικό φιλικό πλαίσιο προς τον παίκτη. Οι χρήστες που σερφάρουν στο το baxterbet καζίνο γεύονται συχνά bonus ή προωθητικές ενέργειες που ενισχύουν την ευκαιρία για μία κερδοφόρα συνεδρία.

    Σχετικά με τους ανθρώπους που αναρωτιούνται αν η πλατφόρμα baxterbet στέκεται η ιδανική επιλογή, φτάνει να δείτε μια ματιά στην baxterbet gr προκειμένου να παρατηρήσετε την ολοκληρωμένη γκάμα από τις διαθέσιμων υπηρεσιών. Το baxterbet casino ενώνει την ποιότητα των οπτικών σε συνδυασμό με την ομαλή ροή σε κινητές συσκευές, καθιστώντας σας δυνατό να στοιχηματίζετε οπουδήποτε που κατοικείτε. Είτε ακόμα είστε παλαιός παίκτης είτε αρχάριος, το baxter bet casino διαθέτει σχεδόν όλα τα μέσα για μία ευχάριστη συν σοβαρή συνεδρία. Η απήχηση που καταγράφει το baxterbet στην ελληνική αγορά μεγαλώνει κάθε μέρα, μαρτυρώντας πως η αρτιότητα και η εγκυρότητα στέκονται οι πρωταρχικοί στύλοι της επιτυχίας της. Ανακαλύψτε τώρα τις δυνατότητες τις οποίες σας προσφέρει το καζίνο επιπλέον εξακριβώστε γιατί κρίνεται κάποιος πολύ αναδυόμενους κόμβους προς διαδικτυακή ψυχαγωγία, παρέχοντας ασφάλεια και κορυφαία παιχνίδια που θα σας κρατούν σε ετοιμότητα σε όλη τη διάρκεια της δράσης σας.

  8. Мы рассмотрим современные вызовы здравоохранения и пути их решения с помощью технологий и научных исследований. В статье собраны данные о новых лекарствах, методах диагностики и системном подходе к улучшению здоровья населения.
    Хочу знать больше – [url=https://ozon-mir.ru/pages/kapelnica-pri-zapoe-na-domu/]лечение запоя[/url]

  9. vegashero-Weili

    Der Einstieg inmitten jene Welt vom Online-Glucksspiels beginnt an einem renommierten Portal bezuglich Schweizer User durch einem vegashero casino login [url=https://vegashero-spiel.ch/login]vegas hero logo[/url] . Sofern du schon das angemeldetes Profil besitzen, leitet euch ein direkte Pfad via dieses echte Interface vegashero login, um Ihre Lieblingsspiele umgehend zu. Wann immer Sie diese Seite ansteuern, bemerken Sie ein markante Design, das durch dieses charakteristische vegas hero logo umgehend in das Auge springt. Dieser Prozess hinsichtlich das login vegashero wird gezielt benutzerfreundlich konzipiert, auf dass ihr frei von Verzug sofort hinein in das Abenteuer einsteigen konnen.

    Anhand zahlreiche Nutzer ist der schnelle login vegas hero jenen einstiegs Weg hinein zu jedem erstklassigen Gaming-Spa?. Sofern man einen login vegashero casino erfolgreich vollzogen hast, offnet sich an euch das umfangreiches Portfolio an spannenden Spielautomaten und Casino-Games. Falls ihr Hindernisse mit dem Zugang haben, uberprufen Sie doch deine Zugangsdaten bzgl den vegashero online login sorgfaltig. Der flussiger vegas hero online login stellt jene Grundvoraussetzung, zwecks von neuen Promotionen und exklusiven Vergunstigungen profitieren mogen.

    Die Seite richtet hohen Prioritat hinsichtlich Sicherheit, deswegen jenes vegas hero casino login uber eine verschlusselte Datenleitung abgewickelt erfolgt. Warten ihr bei der Eingabe eurer Zugangsdaten immer dafur, dass man euch auf einer richtigen Seite aufhalten, um sicher an deinem Konto registrieren. Dieses vegas hero logo dient euch in diesem Punkt gleich vertrauenswurdiges Signal bzgl der Echtheit der Seite.

    Egal, wenn ihr durch jeden Computer bzw jenes mobiles Gerat zugreifen, ein Zugriff wird stets intuitiv. Nachdem dieser login vegas hero abgeschlossen ist, stehen dir samtliche Features eines Casinos uneingeschrankt zur Reichweite. Nutzen ihr diese Moglichkeit, jederzeit Ihre bevorzugten Slots nutzen, sobald der vegashero login erfolgt wurde. Falls ihr aktuell keinen Konto besitzen, sollten ihr sich registrieren, um in den Vorteil des gesamten Angebots kommen. Jenes vegashero casino login System ist dein geschutztes Einstieg in Richtung einer unterhaltsamen Unterhaltungswelt, was speziell auf die Anspruche von Schweizer Zockern optimiert ist. Loggen Sie dich sofort an und erfahren ihr die Auswahl an Vegas Hero. [url=https://beminestudio.ru/product/%d0%bf%d1%80%d1%8f%d0%bc%d0%be%d0%b5-%d0%bf%d0%bb%d0%b0%d1%82%d1%8c%d0%b5-%d0%b8%d0%b7-%d0%b0%d1%82%d0%bb%d0%b0%d1%81%d0%b0-%d1%81-%d1%80%d0%b0%d0%b7%d1%80%d0%b5%d0%b7%d0%be%d0%bc-%d0%bd%d0%b0-%d0%bd/#comment-2966]Der Beginn in jene Welt vom Online-Glucksspiels bei jeder beliebtesten Portal zugunsten Schweizer Zocker: Euer direkter Zugang durch ein offizielle vegashero login.[/url] [url=https://www.challenger4g.com/forum/threads/very-insightful-thoughts.36294/page-259#post-429523]Der Einstieg hinein in unsere Welt eines Online-Glucksspiels bei dem fuhrenden Anbieter zugunsten eidgenossische Spieler: Ihr kurzer Zugang via das seriose vegashero login.[/url] a610d23

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

댓글 달기

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