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”의 70,892개의 댓글

  1. Het kippen Track Testversie is een uitstekende online proefomgeving voor het uitmuntende gokspel Kippenvlucht, dat door een groot aantal gokkers in het land wordt geproefd [url=https://chicken-road-nl-19.onrender.com]Chicken Road Demo Legaal[/url] .

    Voor iedereen geïnteresseerd is in het testen van het spel zonder geld te riskeren, biedt deze demo een uitstekende mogelijkheid. De systeem Kippenvlucht Proef, welke verkoopbaar is via het internetadres chicken-road-nl-19.onrender.com, stelt gokkers in staat om het spelervaring te ervaren zonder hen aan te verplichten of in te loggen.

    Dit is vooral handig voor nieuwe casinogangers die vooraf willen bekijken of het spel voor ze past voordat ze werkelijk beginnen met gokken.

    Een De Eierjacht Test Analyse laat zien dat veel online gamers bevredigend reageren op de gebruiksvriendelijkheid en het prestatie van het spel. De demo is een uitmuntende methode om gewoon te worden met het eisen, het beloningsstructuur en de diverse stages. Het spel is gebaseerd op de klassieke principe van Kippenvlucht, waarbij gokkers pogingen om het eieren te verzamelen terwijl hen worden gejaagd door het kraai. De demo biedt een realistische visuele voorstelling van de spel, waardoor online gamers een goed begrip krijgen van wat ze kunnen verwachten als ze later daadwerkelijk beginnen met gokken.

    Een Chicken Road Demo Recensie benadrukt ook het betrouwbaarheid van het netwerk. Numerieke gokkers verwijzen zich af: *Is De Eierjacht Test betrouwbaar?* De antwoord is vooral goed, zolang hij u beperkt tot het proefversie. De is echter essentieel om te weten dat de demo geen echte beloningen biedt, maar wel een goede aanwijzing verstrekt van hoe de spel het voelt. Voor iemand daadwerkelijk wil spelen, is het essentieel om te weten dat De Eierjacht Test Slot alleen verfugbaar is via gecertificeerde en wettelijke casinos online in Nederland.

    In het land is de online spelen van digitale slots, met name Kippenvlucht Proef, onderworpen aan duidelijke eisen. Een Kippenvlucht Proef Nederland moet altijd worden gespeeld op een legale platform die voldoet aan het Nederlandse regels. Dit betekent dat de casino een licentie moet bezitten van een geaccepteerde instantie zoals de KMO of het UKGC. Een Kippenvlucht Proef Betrouwbaarheid hangt dus af van het website waar men de spel speelt. Als je de demo heeft gespeeld en u wilt doorgaan, is het verstandig om naar een gecontroleerd casino te gaan dat Kippenvlucht Proef verstrekt.

    Voor iemand op zoek is naar De Eierjacht Test Reviews in Nederland, is het noodzakelijk om te letten op de ervaringen van andere casinogangers. Numerieke reviews benadrukken dat het demo een goede inleiding is, maar dat de echte spel soms veel variatie en beloningsmogelijkheden verstrekt. Als hij beslist om werkelijk te starten met casinospelen, is het aanbevolen om eerst een kijkje te nemen op een De Klos Test Casino om te zien hoe het spel het voelt. Zo weet men zeker dat je een betrouwbare en leuke ervaring heeft.

  2. В Казани дежурят мобильные бригады, покрывающие центральные районы и спальные кварталы. Координатор по телефону собирает лишь данные, влияющие на безопасность: текущие лекарства и дозировки, аллергии, эпизоды судорог/психозов в анамнезе, последние значения АД/ЧСС, температуру, а также бытовые условия — место полулёжа, доступ к розетке, возможность «тихого окна» на 2–3 часа. Врач приезжает быстро, но спокойно; вместо суеты — последовательность и аккуратные действия. Визит начинается с очного осмотра, где фиксируются исходные показатели и выбирается контур терапии. Далее выполняется тест переносимости и только затем — основной инфузионный этап. По завершении пациент получает «вечерний протокол» с простыми ритуалами: приглушить свет, проветрить комнату, исключить экраны за час до сна, пить воду малыми глотками.
    Детальнее – http://narkologicheskaya-pomoshh-v-kazani16.ru/narkolog-kazan-kruglosutochno/

  3. В этой статье мы подробно рассматриваем проверенные методы борьбы с зависимостями, включая психотерапию, медикаментозное лечение и поддержку со стороны общества. Мы акцентируем внимание на важности комплексного подхода и возможности успешного восстановления для людей, столкнувшихся с этой проблемой.
    Подробности по ссылке – [url=https://spezz.ru/kto-mozhet-proyti-kodirovanie-i-kakie-rezultaty-ozhidat/]цены на кодирование от алкоголизма[/url]

  4. Αν θέλετε μια συναρπαστική εμπειρία στον κόσμο του online gaming, το συγκεκριμένο portal αποτελεί τον κορυφαίο προορισμό για κάθε παίκτη [url=https://leon-3.pages.dev]leon bet casino[/url] . Το καζίνο leon έχει καταφέρει να εδραιωθεί στην ελληνική αγορά προσφέροντας μια μεγάλη συλλογή παιχνιδιών που καλύπτουν κάθε γούστο, από δημοφιλή slots μέχρι εντυπωσιακά live τραπέζια. Αν αναζητάτε αντικειμενικές leon casino κριτικες, θα διαπιστώσετε ότι η πλατφόρμα φημίζεται για την αξιοπιστία, την άμεση επεξεργασία πληρωμών και την κορυφαία εξυπηρέτηση πελατών που παρέχει.

    Το leon bet casino είναι σχεδιασμένο έτσι ώστε να προσφέρει μια άνετη εμπειρία χρήσης, είτε παίζετε από υπολογιστή είτε από το smartphone. Η πλοήγηση στο site είναι γρήγορη και άμεση, επιτρέποντας σε όλους να πραγματοποιήσουν γρήγορα το σύνδεση στο καζίνο και να ξεκινήσουν το παιχνίδι τους χωρίς προβλήματα. Το brand της εταιρείας αποτελεί σημείο αναφοράς στον χώρο του στοιχήματος και του καζίνο, συνδυάζοντας την τεχνολογία με τις σύγχρονες τάσεις του κλάδου.

    Για τους λάτρεις του αθλητικού στοιχήματος, το leon bet προσφέρει ανταγωνιστικές αποδόσεις και μια πλούσια γκάμα επιλογών, ενώ το casino leon φροντίζει να εμπλουτίζει συνεχώς το περιεχόμενό του με νέες κυκλοφορίες από τους γνωστούς παρόχους λογισμικού. Αν αναρωτιέστε τι κάνει το καζίνο στην Ελλάδα τόσο αγαπητό στους παίκτες, η απάντηση βρίσκεται στα ελκυστικά bonus και τις προσφορές που ανανεώνονται συχνά για τα μέλη του.

    Επιλέγοντας το leon casino ελλαδα, εμπιστεύεστε μια πλατφόρμα που δίνει προτεραιότητα στη διαφάνεια και την υπεύθυνο παιχνίδι. Είτε είστε pro παίκτης είτε τώρα ξεκινάτε την διαδρομή σας στον κόσμο του online gambling, το leoncasino σας καλωσορίζει σε ένα περιβάλλον γεμάτο δυνατότητες και διασκέδαση. Μη χάνετε χρόνο, ανακαλύψτε τις δυνατότητες που προσφέρει το leon και δείτε γιατί θεωρείται μια από τις καλύτερες λύσεις για τους Έλληνες παίκτες που αναζητούν το κάτι παραπάνω στην εμπειρία τους στο καζίνο. Το μέλλον του online παιχνιδιού βρίσκεται μόλις ένα κλικ μακριά.

  5. Первичный этап заключается в оценке состояния пациента и быстром подборе схемы инфузионной терапии. Врач фиксирует показания ЭКГ, сатурацию кислорода и биохимический параметр глюкозы в крови. После этого подключается капельница с раствором для выведения продуктов распада алкоголя и одновременной коррекции показателей обмена веществ. Последующие визиты врача позволяют скорректировать терапию и предотвратить развитие побочных реакций.
    Ознакомиться с деталями – https://narkologicheskaya-pomoshh-ekaterinburg0.ru/skoraya-narkologicheskaya-pomoshh-v-ekb/

  6. Наши специалисты проводят детальную диагностику и разрабатывают индивидуальный план лечения с учётом состояния пациента в Челябинске. Мы учитываем все особенности вашего здоровья при назначении лечения.
    Получить больше информации – [url=https://vyvod-iz-zapoya-chelyabinsk13.ru/]вывод из запоя вызов на дом челябинск[/url]

  7. Offenheit und Vertrauen ranken bei einem zeitgema?en Online-Casino auf wichtigster Stelle [url=https://spino-gambinocasino.com.de/cookie-richtlinie]spino gambino[/url] . Wenn Sie die Webseite von spinogambino aufrufen, sto?en die Besucher auf eine ubersichtliche Struktur, die die eigene Privatsphare neben den Schutz der Daten in den Mittelpunkt ruckt. Die Cookie-Richtlinie auf der offiziellen Seite via spino-gambinocasino.com.de erklart prazise, wie weshalb kleine Textdateien, sogenannte Cookies, bei Ihrem Besuch genutzt werden. Diese Technologien sind essenziell, um die Erreichbarkeit der Plattform zu gewahrleisten und Ihr Spielerlebnis bei spino gambino so reibungslos wie moglich zu entwickeln.

    Die Cookie-Richtlinie thematisiert in diesem Zusammenhang diverse Bereiche. Zum einen existieren technisch notwendige Cookies, die dafur sorgen, dass die Website korrekt geladen wird und Sicherheitsfunktionen aktiv verweilen. Ohne diese Komponenten ware ein zuverlassiger Betrieb des Portals kaum moglich. Zum anderen verwendet spino gambino analytische Cookies, um zu nachvollziehen, wie die User die Webseite nutzen. Dies unterstutzt den Anbietern, das Layout und die Inhalte permanent zu verbessern, damit man effizienter zu den Lieblingsspielen finden. Zudem durfen Werbe-Cookies appliziert, um sicherzustellen, dass die prasentierten Informationen fur Ihre Interessen relevant scheinen.

    Besonders entscheidend ist, dass Sie als Besucher bei spinogambino jederzeit die volle Kontrolle uber Ihre Einstellungen behalten. Uber den eigenen Browser existiert die Moglichkeit, Cookies zu blockieren, zu tilgen oder individuelle Praferenzen festzulegen. Die ausfuhrliche Richtlinie auf der Webseite bietet zu diesem Zweck eine nutzliche Anleitung. Wenn der Anwender sich auf spino-gambinocasino.com.de befinden, wird zusatzlich beim initialen Aufruf ein Hinweis angezeigt, uber das der Gast die eigene Einwilligung fur die nicht zwingend erforderlichen Cookies direkt geben oder unterbinden durfen. Datenschutz wird bei spino gambino gro?geschrieben, aus diesem Grund die Cookie-Richtlinie stetig uberarbeitet wird, um den neuesten rechtlichen Standards zu genugen. Indem das Angebot offenlegt, welche Profile erhoben werden, schafft spinogambino eine seriose Fundament fur alle Spieler, die Prioritat bei Sicherheit, Komfort und Transparenz haben. Nutzen den Bereich der Cookie-Richtlinien sofort auf der Webseite, um sich umfassend uber die personlichen Rechte plus die technischen Ablaufe zu informieren. [url=http://192.249.121.131/%7Erosedoll/forum1/index.php?topic=2095.new#new]Klarheit bei Spino Gambino: Alles zur offiziellen Cookie-Richtlinie auf spino-gambinocasino.com.de[/url] [url=https://ar-rauha.com/forum/index.php?topic=2879.new#new]Offenheit bei Spino Gambino: Wichtige Informationen zur offiziellen Cookie-Richtlinie auf spino-gambinocasino.com.de[/url] 7327adf

  8. Этот медицинский обзор сосредоточен на последних достижениях, которые оказывают влияние на пациентов и медицинскую практику. Мы разбираем инновационные методы лечения и исследований, акцентируя внимание на их значимости для общественного здоровья. Читатели узнают о свежих данных и их возможном применении.
    Смотрите также – [url=https://9610085.ru/zdorove/narkolog-na-dom-inkognito]вызов на дом врача нарколога[/url]

  9. spinogambino-Ordexy

    Możliwość wejścia do świata wirtualnej zabawy staje się coraz łatwiejszy, a platformy takie jak serwis dostępny pod adresem spinogambino.agro.pl przyciągają graczy poszukujących rożnorodnych emocji [url=https://spinogambino.agro.pl/login]login spinogambino casino[/url] . Jeśli zastanawiasz się, jak przebiega spinogambino login, warto poznać kilka kluczowych krokow, ktore pozwolą Ci zalogować się na swoje konto i rozpocząć zabawę. Proces logowania jest zaprojektowany tak, aby był bardzo prosty, umożliwiając każdemu użytkownikowi szybki dostęp do ulubionych gier.

    Kiedy wpisujesz w przeglądarkę hasło spino gambino login, pamiętaj o dbaniu o swoje bezpieczeństwo. Zawsze upewnij się, że korzystasz z oficjalnego adresu strony, aby proces spinogambino casino login przebiegł sprawnie i w pełni bezpiecznie. Po przejściu na stronę głowną, przycisk umożliwiający logowanie jest zazwyczaj bardzo dobrze widoczny. Wprowadzenie poprawnych danych to głowna metoda, aby uzyskać dostęp do panelu gracza, w ktorym czekają na Ciebie bonusy oraz bogata oferta slotow.

    Dla wielu osob korzystających z usług takich jak spino gambino casino login, kluczową kwestią jest szybkość autoryzacji. Wpisując login spinogambino, zyskujesz możliwość pełnego dostępu do serwisu. Jeśli napotkasz jakiekolwiek problemy, opcja login spinogambino casino zazwyczaj oferuje wsparcie techniczne lub funkcję przypominania hasła. Użytkownicy z Polski często szukają fraz takich jak spinogambino casino login pl czy spinogambino login casino polska, co świadczy o rosnącym zainteresowaniu platformą w naszym kraju.

    Dzięki nowoczesnym rozwiązaniom technicznym, każdy spinogambino login polska przebiega sprawnie, niezależnie od urządzenia, z ktorego korzystasz. Pamiętaj, aby zawsze dbać o bezpieczeństwo swoich haseł. Regularne sprawdzanie aktualnej oferty sprawia, że casino spinogambino login staje się wstępem do fascynującej zabawy. Niezależnie od tego, czy jesteś weteranem, czy dopiero zaczynasz swoją przygodę, pamiętaj o rozważnym podejściu. Korzystając z oficjalnego panelu, zapewniasz sobie najwyższą jakość i bezpieczeństwo transakcji na każdym etapie. Ciesz się rozrywką, wchodząc na konto bez zbędnych komplikacji i odkrywaj nowe możliwości, jakie oferuje ten popularny serwis.

댓글 달기

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