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

  1. vegashero-Boync

    Hello towards that ultimate Vegas Hero Casino overview, wherein we experts get a thorough inspection on elements turns the betting site a talking subject aimed at regional players [url=https://vegashero-casino-50.vercel.app]vegashero Casino[/url] . Should you sit looking for a new and exciting digital gaming destination, the website housed on vegashero-casino-50.vercel.app grabs notice utilizing the site’s stylish design along with broad betting reception. During that thorough vegashero review, we professionals will explore all things players require to learn ahead of making an account, ensuring players possess all the truths about promotions, gaming variety, and overall customer encounter.

    When exploring Casino vegashero, gamblers exist often met by some remarkable collection of online pokies, traditional board pursuits, along with real-time croupier adventures. That portal exists designed to provide toward either relaxed gamers and big players equally. Numerous players ask, exists Vegas Hero legit? The review reveals the fact that the website emphasises user protection, employing current coding methods in order to ensure the fact that your personal and financial data keeps protected during the time gamers relish users preferred games.

    Aimed at players located in the British Kingdom, discovering some reliable portal exists crucial. Vegas Hero uk offers some adapted encounter that meets the hopes of UK gamers. From fluid portable adaptability up to attentive user assistance, Casino Vegas Hero aims to provide one flawless voyage beginning at signup up to cashout. Moving through vegashero Casino exists simple, gratitude toward an logical design that turns locating users preferred titles effortless.

    Checking different Vegas Hero reviews over this internet, that stands obvious wherein the portal holds out aimed at its liberal bonus proposals and reward benefits. Should users exist turning these cylinders upon the fresh virtual spinners otherwise trying users hand on blackjack, vegashero Casino review indicators highlight one gratifying total performance. In order to wrap up the Vegas Hero Casino overview, the operator delivers a vibrant betting ambience worthy exploring. Provided users want in order to feel that excitement personally, visiting Vegas Hero Casino might merely exist users next wonderful betting quest.

  2. Школа-студия парикмахерского искусства — это ваш быстрый старт в востребованной профессии. Уже после короткой трёхдневной теории ученики приступают к практике на реальных клиентах. В программе — мужские, женские и детские стрижки, вечерние и свадебные укладки, плетение кос, химическая завивка и углублённая колористика с современными техниками окрашивания. Опытные практикующие мастера помогут освоить ремесло с нуля. Подробности, цены и индивидуальный расчёт — на сайте https://j-center.ru/ где стоит записаться на ближайший набор.

  3. spinmama-Freels

    Der Schutz Ihrer personlichen Daten genie?t bei uns hochste Prioritat [url=https://spinmama-app.co.at/datenschutzrichtlinie]Spin Mama[/url] . Im Sinne einer umsichtige Plattform begreifen wir, dass dabei Vertrauen die Grundlage fur unsere angenehme Nutzererfahrung darstellt. Uber unserer Online-Prasenz unter der Adresse spinmama-app.co.at/datenschutzrichtlinie entdecken Sie eine umfassende Aufstellung, auf welche Weise wir Ihre Informationen verwenden, archivieren und absichern. Offenheit gilt fur unsere Crew von Spin Mama ein wichtiges Anliegen, damit Sie sich jederzeit sicher empfinden, wenn Sie unsere Angebote nutzen.

    Falls Sie unsere Dienste in Anspruch nehmen, erheben wir ausschlie?lich diejenigen Daten, welche fur den optimalen Betrieb sowie die Verbesserung unserer App zwingend unerlasslich sind. Hinsichtlich dessen gehoren beispielsweise technische Informationen, welche wahrend des Gebrauchs unserer Softwareprodukte auftreten, sowie Daten, welche Sie uns im Rahmen einer Registrierung spontan mitteilen. Unser Datenschutzdokument beschreibt genau, welche regulatorischen Grundlagen wir fur die Datenbearbeitung nutzen und die Rechte Ihnen in Bezug auf Ihre archivierten Daten zukommen. Dies beinhaltet unter anderem die Befugnis auf Einsicht, Korrektur oder Tilgung Ihrer personlichen Angaben.

    Wir verwenden aktuelle Sicherheitsstandards an, um Ihre Daten vor fremden Zutritten Dritter bzw. missbrauchlicher Verwendung zu bewahren. Bei Spinmama werden Ihre Informationen strikt vertraulich gehandhabt und nur im Hinblick auf die Anliegen verwendet, welchen Sie explizit gewilligt haben. Wir leiten Ihre Daten niemals ohne Ihre Einwilligung auf andere Marketingfirmen weiter. Sollten Sie Fragen hinsichtlich unserer Prozessen oder spezifische Anliegen betreffend der Datensicherheit haben, enthalt unser Dokument auf unserer Seite alle wichtigen Kontaktinformationen fur unseren Datenschutzbeauftragten.

    Lesen Sie unsere Seite ofter, damit uber etwaige Aktualisierungen up-to-date zu bleiben. Da sich rechtliche Rahmenbedingungen sowie unsere betrieblichen Ablaufe anpassen durfen, modifizieren wir die Richtlinie bei Spin Mama standig ab. Wir mochten, dass Sie beim Gebrauch von Spin Mama das wirklich geschutztes Gefuhl verspuren. Die Privatsphare ist in unserem Hause in vertrauensvollen Handen, weil ein achtsamer Umgang mit Ihren privaten personlichen Daten zahlt zum Kern unserer gelebten Unternehmensphilosophie. Orientieren Sie sich heute noch uber Ihre Rechte sowie unsere Verpflichtungen auf unserer offiziellen Webseite.

  4. gtspins14-friect

    When searching for a new platform to enjoy your preferred games, you might have stumbled upon Gtspins [url=https://gt-spins-14.vercel.app]Gtspins Legit[/url] . If you are looking into Gtspins Online Casino, you are likely wondering if it is the ideal option for your playtime. In this Gtspins Casino review, we explore what this platform offers to players within the area. Many users searching for Gtspins United Kingdom access want to know about the gaming variety, security, and the general trustworthiness of the site.

    One of the frequent questions asked by potential players is whether the platform is safe. When asking is Gtspins legit, it is essential to evaluate the user experience and the platform’s focus on fair play. As with any new operator, reading Gtspins reviews can provide valuable insights into how other players view the service. Deciding if Gtspins legit or not often comes down to personal tastes concerning game selection and transaction speed.

    For those interested in Gtspins real money play, the platform features a user-friendly interface that enables quick navigation. Whether you are looking for slots or classic table games, Casino Gtspins seeks to provide a smooth experience for those based in the Gtspins Uk market. Because the site is designed to be simple and fast, it has started to become popular among gaming enthusiasts.

    In the end, Gtspins strives to find a place in the competitive online market. If you are interested in Gtspins Casino, the ideal strategy is to explore the site features for yourself while keeping in mind responsible gaming practices. By following the latest Gtspins reviews, you can keep updated on any changes to their services or bonus offerings. While the online landscape is vast, understanding the distinct aspects of this site will help you determine if it suits your individual needs. As you explore the world of digital gaming, always prioritise platforms that provide clear information and open policies for all users.

  5. Dieses Cazeus Casino zeigte sich innerhalb der Branche vom Online-Glucksspiels umgehend den Status erarbeitet wobei es fesselt kontinuierlich mehr Gamer an [url=https://cazeus-casino-16.web.app]cazeus casino[/url] . Sofern man auf der Jagd nach einer frischen Anlaufstelle fur erstklassige Freizeitgestaltung sein solltet, sollten man sich dieses Portfolio des Cazeus einmal naher ansehen. Innerhalb dieser Cazeus Casino Review durchleuchten untersuchen wir die wichtigsten Faktoren, die das Casino derart besonders gestalten. Nach einer Analyse zu Cazeus Casino Erfahrungen wirkt sofort eindeutig, dass unsere Nutzer insbesondere dabei die Vielfalt an Slots sowie die einfache Design wurdigen. Das Cazeus Casino online prasentiert ein gro?es Sortiment von aktuellen Automatenspielen, klassischen Casinospielen sowie dem spannenden Live-Casino, dies fur echtes Spielbank-Feeling steht.

    Findet man im Internet nach Cazeus Erfahrungsberichte, findet man diverse positive Ruckmeldungen bezuglich Verlasslichkeit und auch Vertrauenswurdigkeit dieser Seite. Bezuglich Kunden in Cazeus Deutschland ist hauptsachlich die unkomplizierte Registrierung und die fixe Abwicklung bei Transaktionen der zentraler Vorteil. Jeder das Casino Cazeus Konto anlegt, zieht daruber hinaus durch attraktiven Promotions dazu regelma?igen Angeboten, welche das Spielerlebnis deutlich aufwerten. Jene Cazeus Testberichte heben dabei, dass unser Kundendienst effizient agiert sowie fur Anliegen jederzeit zur stehen steht.

    Ob ihr nun der erfahrener Experte sowie der Anfanger seid, Cazeus punktet mittels die intuitive Navigation. Der neutrale Cazeus Review bestatigt, wobei diese digitale Leistung der Webseite selbst auf handlichen Smartphones funktioniert, sodass Sie reibungslos auch unterwegs spielen konnen. Zahlreiche User posten ihre Cazeus Nutzer-Feedbacks, um anderen bei einer Wahl dabei unterstutzen, und dazu preisen dabei speziell die fairen Siegchancen. Zusammenfassend kann es feststellen, dass Cazeus die top Alternative bezuglich alle ist, die auf einen Standard, Sicherheit sowie die gro?e Slot-Auswahl setzen. Wenn ihr fur einer vertrauenswurdigen Anlaufstelle jagst, ist Cazeus definitiv eine Webseite, die den Klick lohnenswert darstellt. Prufen man sich eigenstandig und entdecken man, warum das Haus momentan so begeistert innerhalb der Szene besprochen ist.

  6. vegashero-Spefe

    Wenn die Nutzer entschliessen dazu, die Offerten bei vegashero-spiel.ch anzunehmen nutzen, ist es von elementarer Bedeutung, dass die Spieler die Regelwerke genau kennen [url=https://vegashero-spiel.ch/geschaftsbedingungen]vegas hero[/url] . Jene Unterlagen erzeugen das formelle Grundlage fur das Spielerlebnis mit vegas hero zudem regeln alle relevanten Aspekte dieser Beziehung unter dem Spieler sowie dieser Anbieter. Ein genaues Durchlesen solcher Vorgaben dient einem dazu, Irrtumer zu auszuschliessen aber geschutzt uber das Domain zu bewegen. Diese AGB-Bestimmungen beinhalten diverse Menge an Punkten auf, unter anderem die Voraussetzungen fur die Registrierung des Spielerprofils, die bestehenden Volljahrigkeitsvorgaben wie die Vorgaben bezuglich Einzahlungen und Auszahlungsvorgange. Uberaus entscheidend sind des Weiteren die Klauseln betreffend Bonusangebote und Bonusaktionen, da diese oft mit einzelne Umsatzanforderungen gebunden bleiben, die ehe einer Gewinnauszahlung erfullt sein durfen. Innerhalb vegas hero wird enormer Augenmerk bei Klarheit und die Schutzfunktion von Spieler gerichtet. Demzufolge bleiben in der AGB ebenfalls Vorkehrungen hinsichtlich verantwortungsvollen Spielen wie der Schutz der kundenspezifischen Informationen detailliert dargelegt. Falls die Kunden Ruckfragen bezuglich den spezifischen Spielregeln sowie einem Verfahren hinsichtlich dem Profil besitzen, entdecken man in solchen Bereichen solche wichtigen Losungen. Bedenken Sie darauf, dass durch die Anmeldung auf vegashero-spiel.ch eine bedingungslose Zustimmung jener Bestimmungen verknupft bleibt. Das haufiger Kontrolle in solche gegenwartigen AGB empfiehlt an, denn das Spielangebot von vegas hero stetig optimiert wird sowie sich Richtlinien anpassen sollten. Dadurch ihr sich mit diesen Regeln bekannt auseinandersetzen, gewahrleisten die Spieler den reibungslosen Ablauf sowie durfen die Unterhaltung bei der Webseite gelassen auskosten. Wir raten jedem Nutzer, euch jene Daten bevor dem startenden Spiel in Gelassenheit anzusehen, um bestens hinsichtlich seine eigenen Rechte wie Verpflichtungen wissend zu werden. Jedes bedachter Umgang bezuglich der AGB ist einen wichtige Weg hin einem seriosen und fairen Zockerlebnis innerhalb dieser Umfeld von vegas hero. Nutzen ihr solche bereitgestellten Daten direkt bei der Webseite, damit immer an dem modernsten Level zu sein sowie das Spielerlebnis bestmoglich zu entwickeln. [url=http://119dongwon.com/bbs/board.php?bo_table=sub0501&wr_id=17573]Aus welchem Grund d[/url] [url=https://acroxer.com/bbs/board.php?bo_table=Anatomy_Forum&wr_id=418366]Weshalb das sorgfal[/url] a77327a

  7. baxterbet-psyday

    Επιζητάτε κάποια ολοκληρωμένη γνωριμία ψηφιακών παιχνιδιών που συσχετίζει πληθώρα και προστασία; Το baxterbet συνιστά μία από τις αρκετά ανερχόμενες λύσεις προς τους οπαδούς των games στην Ελλάδα [url=https://baxterbet-97.mirrorwindowroyalgg8q4777.workers.dev]baxter bet[/url] . Αν μεταβείτε στο το baxter bet, θα ανακαλύψετε κάποια ιστοσελίδα σχεδιασμένη να προσφέρει διασκέδαση σε παν επίπεδο, προσφέροντας μία ευρύτατη γκάμα με slots, επιτραπέζια παιχνίδια και live λύσεις οι οποίες καλύπτουν όλο το προτίμηση. Το baxterbet casino πέτυχε να αποκτήσει την εμπιστοσύνη των παικτών λόγω στην εγγύτητα του συν το φιλικό περιβάλλον αυτού. Για όσους ψάχνουν το τέλειο το baxter bet casino, η εν λόγω ιστοσελίδα παρέχει κάποια βίωμα την οποία σπάνια εντοπίζει ένας χρήστης εκτός. Οι παίκτες οι οποίοι επιλέγουν το casino baxterbet κερδίζουν τακτικές παροχές μαζί με ένα έμπιστο χώρο πληρωμών, γεγονός που το αναδεικνύει ιδανικό στάση προς το baxterbet casino greece. Διαβάζοντας διάφορες baxterbet κριτικες, γίνεται άμεσα αντιληπτό πως η ευχαρίστηση του κοινού εντοπίζεται στη βάση της δράσης του ιστότοπου. Είτε είστε γνώστης παίκτης ή πρωτάρης, το baxterbet καζινο παρέχει τα τα απαραίτητα εργαλεία ώστε να μάθετε το πεδίο των παιχνιδιών με υπευθυνότητα. Το καζινο baxterbet επενδύει συνεχώς μέσα σε καινούργιες μεθόδους και συνεργασίες μεταξύ κορυφαίους κατασκευαστές λογισμικού, διασφαλίζοντας κορυφαία γραφικά και δίκαιο gaming. Αν είσαστε πολίτης του τόπου μαζί με ψάχνετε προς κάποια έμπιστη πρόταση, το baxterbet gr παριστά τη λύση στην έρευνά σας σχετικά με ποιοτικό παιχνίδι. Το site τυγχάνει κατάλληλη προς πρόσβαση από παν κινητό, προσφέροντας συνεχή ψυχαγωγία όπου και αν βρίσκεστε. Μη χάσετε την στιγμή να γραφτείτε και να βρείτε τις δυνατότητες τις οποίες παρέχει το baxterbet, κάποια ιστοσελίδα η οποία όντως ξεχωρίζει στο δύσκολο πεδίο του gaming. Η ευκολία κίνησης, η αμεσότητα στις αναλήψεις συν η υποστήριξη μελών είναι τα βασικά χαρακτηριστικά τα οποία αναδεικνύουν το baxter bet την αρχική προτίμηση για πολλούς Έλληνες παίκτες τώρα. Μελετήστε τα χαρακτηριστικά του baxterbet casino συν περάστε την κορυφαία εμπειρία παιχνιδιού μέσω απόλυτη σιγουριά συν εμπιστοσύνη.

  8. В «Центр Трезвости Воронеж» приватность не обсуждается — она проектируется. Выбор нейтральных формулировок в чеках, немаркированные выезды, «беззвучные» уведомления, отдельные входы и доступ к карте наблюдения только по ролям — это норма, а не «услуга». Пациент может назначить доверенное лицо, чтобы получать краткие апдейты в согласованные временные окна.
    Изучить вопрос глубже – http://narkologicheskaya-klinika-v-voronezhe15.ru

  9. vegashero-Utegmed

    Hello onto the detailed Vegas Hero Casino review, whilst our team cast a close glance at this exciting online play destination hosted at [url=https://vegashero-casino-51.pages.dev]Vegashero Casino review[/url] . If you remain wondering if is Vegas Hero legit, you certainly not solitary. Numerous UK players currently searching for unbiased Vegas Hero reviews in order to comprehend just what this platform delivers concerning protection, game variety, plus overall player journey. This Casino Vegashero platform pledges an action-packed foyer filled with leading fruit machines and traditional table games, appealing towards both recreational players plus big spenders too.

    When undertaking every Vegashero Casino review, permits plus security are forever top priorities. Gamers desire in order to discover whether Casino Vegas Hero delivers a protected space regarding funding plus cashouts. Grounding its foundations on our examination concerning the site, Vegas Hero utilises modern security systems in order to guard sensitive customer information, guaranteeing that your play sessions stay secure plus confidential.

    The title selection at Vegas Hero uk stands as single of the platform’s greatest selling aspects. From traditional fruit machines up to immersive live dealer tables, the platform appeals toward a broad collection matching tastes. Navigating through Vegashero is straightforward, permitting players to locate the preferred games barring difficulty. Moreover, this mobile adaptation guarantees that players may enjoy Vegas Hero Casino on the go, whether players are utilising a mobile or a tablet.

    Promotions and rewards also hold a significant part in every Vegashero Casino assessment. Fresh plus existing players often search seeking lucrative bonuses in order to increase player funds. While navigating the platform, we noted that the bonus system is designed in order to inject additional value for your gaming, although this is always wise to read the conditions plus terms thoroughly.

    To conclude this Vegas Hero Casino review, this platform delivers a lively play ambience supported with robust safety protocols. If players currently looking for a new gaming journey, hero Vegas Casino surely earns a position upon player list. Always remember in order to bet wisely and inspect regional regulations before registering.

  10. chickenroad-Alurce

    Taking part in virtual betting platforms should constantly be an pleasant and fun experience, however it is vital to keep in mind that wagering involves intrinsic dangers [url=https://chickenroad-casino-review.co.uk/responsible-gambling]chicken road[/url] . At Chickenroad, we strive to encouraging a protected space in which user health remains the main focus. The Chicken road responsible gambling page functions as a detailed source for visitors who aim to make certain their gaming habits keep healthy and managed.

    Grasping the contrast between casual play and addictive behaviour constitutes the primary phase towards keeping a steady bond with online gaming. Our specialised page on responsible gambling outlines straightforward methods to aid you control your schedule and budget efficiently. We urge all players to set personal boundaries before they commence wagering, whether that involves scheduled restrictions or payment ceilings. By establishing these boundaries initially, you might enjoy the excitement of the gambling house as staying within your budgetary limits.

    If you ever feel that your betting is turning problematic, the aids offered at Chickenroad are designed to deliver immediate support. We provide detailed data on methods to spot the initial indicators of compulsion, including chasing losses or placing betting above routine responsibilities. Furthermore, our manual unites players with expert bodies and outside tools that provide confidential advice and practical actions. Account-blocking options, timeout durations, and reality checks are all essential features that we promote, as they empower users to exert proactive control of their session.

    At Chicken road, we believe that educated gamers are safer gamers. Our mission seeks to supply open assessments and specialist views while fostering a group that prizes security over anything. We prompt you to browse our responsible gambling page to familiarise you with the tools ready and to make sure that your activity at each betting venue stays a positive and controlled pursuit. Keep in mind, betting must constantly be considered in the form of a kind of entertainment, and your security represents the most important aspect of that experience.

댓글 달기

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