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

  1. vulkanvegas-stomilk

    Si vous recherchez d’une aventure ludique en ligne immersive, le site Vulkan Vegas se presente comme une reference majeure pour les passionnes de jeux [url=https://vulkanvegas-68.surge.sh]Vulkan Vegas Review[/url] . Avec une interface moderne accessible, ce casino attire de nombreux joueurs curieux de decouvrir ses fonctionnalites. Dans cet article, nous analysons ce que propose reellement cet operateur pour vous aider a y voir plus clair.

    La question la plus recurrente que se posent les nouveaux utilisateurs est sans doute : Vulkan Vegas est-il fiable ? Il est essentiel de controler le serieux de toute plateforme avant de deposer des fonds. Sur la base des nombreux avis sur Vulkan Vegas disponibles sur le web, la plateforme est souvent louee pour la diversite de son catalogue de jeux, incluant des slots de renom et des jeux de table classiques. Pour les joueurs bases en France, la navigation est ergonomique et optimisee, permettant une immersion rapide.

    En consultant un temoignage client, vous remarquerez que les joueurs apprecient particulierement les bonus de bienvenue et les programmes de fidelite mis en place. Le site de jeux s’efforce d’offrir une interface rapide, ce qui contribue a la bonne reputation du site dans le secteur. Lorsqu’on s’interesse a un commentaire sur ce casino, on note que la reactivite du service client et la variete des options de paiement sont des points cruciaux qui influencent les notes favorables.

    Si vous souhaitez obtenir un test detaille sur Vulkan Vegas, il est recommande de comparer plusieurs sources pour forger votre propre opinion. L’operateur continue d’evoluer pour repondre aux attentes d’un public toujours plus exigeant en matiere de securite et de divertissement. En somme, que vous soyez un joueur occasionnel ou un expert des plateformes virtuelles, cet operateur propose une offre structuree. N’oubliez pas que le jeu doit rester un plaisir. Gardez toujours un ?il sur les conditions generales pour profiter pleinement de votre session sur le site.

  2. chicken-Oveplay

    This popular entertainment app known Chicken Road Casino has attracted growing enthusiasm within the home entertainment community, mainly for enthusiasts pursuing for a thrilling web-based casino adventure [url=https://chicken-road-game-144.onrender.com]Chicken Road Casino Review[/url] . If you’re wondering to what extent Chicken Road Casino is genuine or when to participate this game for real cash, such review will supply you with the vital information.

    Chicken Road Casino is a trendy mobile platform that has been exploding across the English landscape. Players frequently ask, “Does Chicken Road Casino hold legitimacy” The app itself is a straightforward yet compelling mobile casino experience, where gamers can win true cash by completing in-game challenges. While the app itself is never a classic casino site, it has ignited curiosity in actual-cash gaming for fans who prefer casual handheld entertainment.

    For British enthusiasts, the issue of if Chicken Road Casino Game delivers actual-cash avenues regularly comes up. The experience itself is entirely without expense to engage, but some enthusiasts have explored approaches to win real funds through within-app bonuses or promotional discounts. Nevertheless, it’s essential to recognise that Chicken Road Casino is never an official gambling site, so any actual-cash deals would call for supplementary verification and vigilance.

    If you’re looking a Chicken Road Casino Game British adventure, you might be intrigued to its viral charm rather than its reputation as a regulated casino site. Many gamers enjoy the game for its fun value, but fans hunting a Chicken Road Casino Game Real Money arrangement should treat with vigilance. The home has demanding gambling rules, so any genuine-fund entertainment should be done through government-sanctioned sites.

    A Chicken Road Casino Review would emphasise its renown but also alert gamers about the pitfalls of unlicensed platforms. While the experience itself is engaging, it’s not the same as playing at a Chicken Road Casino United Kingdom that is approved and honest. If you’re serious about real-money entertainment, adhering to highly-regarded and government-sanctioned operators is forever the optimal selection.

    For those simply hunting to engage Chicken Road Casino Game for fun, it continues a celebrated choice throughout home enthusiasts. That said, if you’re pondering if Chicken Road Casino Game Legit provides true rewards, the response is far complex—it relies on how you view “legit” in regard of experience compared to money-based exchanges. Always ensure you’re participating carefully and underneath legal standards.

    In summary, while Chicken Road Casino is a engaging and addictive experience, it’s not a traditional casino hub. If you’re seeking to Play Chicken Road Casino for true funds, be mindful of the challenges and weigh better-regulated alternatives. For currently, it stays a hit for relaxed entertainment in the UK, but players should evaluate the pros and disadvantages before participating in any real-money transactions.

  3. Общаемся без осуждения и давления, сохраняя спокойную атмосферу для пациента и семьи.
    Получить больше информации – [url=https://nadomu1.kapelnica-ot-zapoya-v-moskve14-1.ru/]www.nadomu1.kapelnica-ot-zapoya-v-moskve14-1.ru[/url]

  4. spinogambino-Plotly

    A la recherche de une experience de jeu de premier ordre, la plateforme Spinogambino s’impose comme le choix ideal pour les adeptes de divertissement en ligne [url=https://spinogambino-bet.fr/bonus]bonus spinogambino sans depot[/url] . Le site attire de nombreux joueurs grace a une offre promotionnelle variee. L’offre de bienvenue est elabore pour ameliorer votre parcours des l’inscription, vous permettant d’explorer une vaste bibliotheque de machines a sous et de jeux de table avec un capital accru. Pour ceux qui souhaitent tester la plateforme sans risque financier, le bonus spinogambino sans depot est une aubaine. Ce type de cadeau permet de decouvrir les fonctionnalites du site tout en ayant une chance reelle de gagner. Le bonus sans depot spinogambino est particulierement apprecie par les nouveaux inscrits qui veulent se familiariser avec l’interface avant d’effectuer un premier versement.

    En naviguant sur cet espace, vous decouvrirez que le spino gambino bonus se decline sous plusieurs formes, s’adaptant ainsi a tous les profils de joueurs. Si vous etes a la recherche du meilleur avantage, le spinogambino bonus sans depot encaissable est souvent l’option la plus recherchee, car elle offre une flexibilite totale. De plus, le spinogambino casino en ligne bonus sans depot facilite une entree en jeu immediate. Pour les habitues des plateformes de jeux, le spinogambino casino en ligne bonus sans depot represente un argument de poids pour choisir ce casino plutot qu’un autre.

    Ne manquez pas non plus les promotions regulieres, incluant le spinogambino casino sans depot avec bonus gratuit qui recompense la fidelite des membres. Chaque spino gambino bonus sans depot est pense pour maximiser votre plaisir tout en optimisant vos chances de gains. Que vous soyez attire par le spinogambino casino bonus sans depot ou par les offres de bienvenue classiques, la plateforme garantit une securite optimale et une transparence totale. Inscrivez-vous des maintenant sur Spinogambino pour profiter de ces bonus exclusifs et vivez une aventure ludique de premier plan dans un environnement fiable et divertissant.

  5. palmslots-amounse

    Dieses Palmslots Casino wurde in der Branche der Internet-Casinos als eine spannende Adresse bewiesen, die Zockern eine gro?e Vielfalt an Unterhaltung bereitstellt [url=https://palmslots-3.onrender.com]palm slot[/url] . Alle, die nach einer modernen Plattform sucht, findet bei palmslots eine benutzerfreundliche Benutzeroberflache und eine riesige Sammlung an erstklassigen Spielautomaten. Viele Kunden konnten schon positive palm slots Erfahrungen gesammelt, da die Webseite durch Klarheit und eine schnelle Performance uberzeugt. Wenn Sie sich fur das palmslot Casino entscheiden, genie?en Sie von einer aktuellen technischen Infrastruktur, die fur ein storungsfreies Spielerlebnis steht.

    Der Start in das Abenteuer ist extrem einfach. Uber den palmslots Login erreichen verifizierte Nutzer direkt in ihren personlichen Account, um von lukrativen Boni zu profitieren. Fur Liebhaber von modernen Spielkonzepten ist das palmslots 2 Angebot ein interessanter Treffpunkt, der die geprufte Exzellenz des palm slots Casino noch weiter optimiert. Schutz und Stabilitat stehen dabei immer im Vordergrund, damit sich jeder Spieler auf das Wichtigste besinnen kann: den Spielspa?.

    Ein ausgesprochen wichtiger Faktor fur viele Glucksspieler ist die finanzielle Transparenz. Bei der palmslots Auszahlung bauen die Verantwortlichen auf schnelle und sichere Prozesse, sodass dadurch Gewinne zugig und unkompliziert abgewickelt werden konnen. Das belegt die Vertrauenswurdigkeit, die man von einem bewahrten palmslot Casino verlangt. Das Portfolio deckt dabei alle modernen Anforderungen ab, die man sich von einem erstklassigen palm slot Portal erhofft.

    Zusammenfassend lasst sich sagen, dass palmslots eine gro?artige Option fur Interessenten ist, die Wert auf eine vielfaltige Spielauswahl und komfortable Funktionen setzen. Egal ob man Anfanger oder Experte sind, die palm slots Plattform liefert durch ihre logische Gestaltung und den schnellen palmslots Login eine Basis, in der sich jeder Nutzer zufrieden ist. Wer die neuesten Innovationen im Segment der palm slots Casino Unterhaltung entdecken mochte, sollte einen Blick auf die gegenwartige Plattform werfen und sich selbst von der Exzellenz der angebotenen Spiele und dem reibungslosen Service ein Bild machen. Entdecken Sie heute, warum so viele Kunden auf die Zuverlassigkeit von palmslots bauen und erfahren Sie ein fantastisches Casino-Erlebnis auf hochstem Niveau.

  6. chicken-Flousty

    As soon as you navigate to the web portal for Chicken Road, you enter a space devotedly tailored to predictive gaming and analytical tools engineered to boost your entertainment experience [url=https://chicken-roadpredictor.net/cookie-policy]chicken road[/url] . To guarantee that our site performs seamlessly and offers a personalized user journey, we apply cookies and analogous tracking technologies. Our devotion to openness is explained in our comprehensive cookie policy, which explains how chickenroad processes your data while your engagement with our offerings.

    Cookies are small text files that are stored on your device as soon as you open the chicken road platform. These files are vital for site navigation, as they enable our servers to remember your personal choices and recognize your client through multiple sessions. By studying how members browse our data, we can consistently refine the features found on chickenroad to more effectively serve the demands of our expanding community. We primarily use these tools to enhance site stability, analyze traffic patterns, and provide a safe setting for every player.

    There appear several categories of cookies we might deploy on our page. Session cookies remain temporary and get wiped the moment you close your browser, whereas persistent cookies remain on your machine pending they lapse or are manually deleted. These lasting data help us to remembering your configurations, ensuring that your next visit to chicken road is equally effective as the previous one. We also collaborate with trusted third-party analytical associates to obtain insights regarding user behavior, which helps us in delivering a more personalized experience.

    You retain full authority over your virtual footprint. Many web browsers allow you to change your preferences to restrict or erase cookies at any given time. Regardless, please stay mindful that deactivating these functions may affect the usability of specific tools on chickenroad. By staying to utilize our website, you offer your approval to our usage of cookies as described in our policy. We advise all user to examine this notice regularly to remain informed on how we safeguard your anonymity when you appreciate the rush of the chicken road experience.

  7. chickenroad-occurse

    In cazul in care ești in căutarea unei experiențe de joc captivante, chicken road 1xbet reprezintă una dintre cele mai populare alegeri din portofoliul actual al cazinoului [url=https://chickenroad-recenzieautentificare.ro/1xbet]chicken road 1xbet cazino[/url] . Acest titlu a devenit rapid un fenomen in randul jucătorilor, oferind o dinamică unică ce imbină simplitatea cu adrenalina. Alegand chicken road joc 1xbet, jucătorii sunt purtați intr-o aventură unde fiecare decizie poate schimba caștigul final, făcand din acest slot o opțiune excelentă pentru cei care doresc varietate.

    Platforma chickenroad cazino 1xbet pune la dispoziție o interfață intuitivă, optimizată perfect pentru a oferi fluiditate pe orice dispozitiv. Indiferent dacă ești un jucător cu experiență sau un incepător curios, chicken road 1xbet cazino iți oferă șanse corecte și o grafică modernă. Mulți utilizatori aleg chicken road 1xbet joacă pentru a se relaxa, profitand de mecanica intuitivă care a propulsat 1xbet chicken road in topul clasamentelor.

    Un alt aspect important pentru comunitatea noastră este accesibilitatea. Dacă vrei să testezi strategii fără riscuri, chickenroad slot 1xbet poate fi explorat și in modul demonstrativ. Varianta chicken road joc de pariuri 1xbet iți permite să ințelegi volatilitatea titlului inainte de a investi fonduri reale. De asemenea, dacă ești in căutarea unei distracții fără costuri, opțiunea chickenroad 1xbet gratuit este ideală pentru a te familiariza cu simbolurile și regulile jocului.

    In concluzie, chicken road 1xbet joc rămane o recomandare de top pentru toți cei care vizitează site-ul nostru. Diversitatea funcțiilor și modul de joc antrenant transformă fiecare sesiune intr-o provocare interesantă. Te invităm să descoperi singur de ce acest titlu domină secțiunea de jocuri rapide. Asigură-te că joci responsabil și că verifici secțiunea de recenzii de pe portalul nostru pentru a obține cele mai bune sfaturi despre cum să abordezi acest joc fascinant in cadrul platformei 1xbet. Distracția este garantată pentru toți cei care aleg să incerce acest fenomen digital chiar astăzi.

  8. Бывает, человек сам хочет бросить. Потом трезвость кажется невозможной. Нарколог на дом — И помогает выйти из этого состояния. И человек начинает соображать. Вывод из запоя на дому — это шанс вернуться к трезвости. Можете ознакомиться по ссылке: вызвать наркологическую помощь на дом [url=https://trezvost.narkolog-na-dom-msk-alk.ru]https://trezvost.narkolog-na-dom-msk-alk.ru[/url] И про вызов врача в Москве. Обращайтесь к специалистам.

  9. foxygolds-Fluict

    Zoek richting een spannend en degelijk portaal omtrent je favoriete weddenschappen? In dat geval blijkt het moment om wederom grondiger te kijken op het terrein van Foxygold [url=https://foxygolds-casino-1.onrender.com]foxygold review[/url] . Als vrijwel nieuwe speler binnen de industrie slaagt Foxygold casino zich voortreffelijk te onderscheiden middels een uitgebreid portfolio alsmede de toegankelijke omgeving. Binnen deze Foxygold review bekijken we waarom alsmaar meer deelnemers hun route bepalen richting het netwerk. Of je nu houdt van hedendaagse gokkasten, traditionele casinospellen of de opwinding van het live speelomgeving, Foxy gold casino biedt voor ieder wat wils.

    Wanneer wij beoordelen het portfolio op Foxygold online casino, opgemerkt wordt onverwijld die diversiteit ter plekke. De software blijkt uit hoge niveau, waardoor games soepel presteren op desktop evenals draagbare devices. Wat betreft gebruikers van Foxygold Nederland is die toegankelijkheid bij dat platform een enorm troef. Die navigatie is logisch, waardoor men rap jouw weg ontdekt richting die meest geliefde machines plus de uiterst laatste bonussen. Een grondige Foxygold casino review laat zien hoe het platform aanzienlijk focus besteedt aan veiligheid en de transparante spelervaring, hetgeen essentieel is ten behoeve van iedere fanatieke speler.

    Waarom zou je kiezen voor casino Foxygold? Buiten de gul welkomstbonussen plus terugkerende acties, hecht casino Foxy gold grote betekenis omtrent service. De support is deskundig en die transactiewijzen zijn betrouwbaar en doeltreffend. Of je nu de geoefende gokker is of pas begint aan digitaal gokken, de omgeving van Foxygold wordt gecreëerd teneinde je een boeiende belevenis te schenken. Het blijkt helder hoe het concept de capaciteit bevat om uit te groeien tot de topper onder die community. Zijn jullie nieuwsgierig naar wat dit online casino voor men klaar heeft staan? Bezoek vervolgens de webpagina plus ervaar zelf om welke reden zoveel gokkers enthousiast zijn over die belevenissen. Met de stevige aandacht op entertainment alsmede veiligheid blijkt Foxygold ongetwijfeld een naam teneinde te volgen binnen de hedendaagse landschap omtrent virtuele weddenschappen.

댓글 달기

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