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

  1. Состояние пациента отслеживается на каждом этапе, от первичной консультации до дальнейших рекомендаций.
    Изучить вопрос подробнее – [url=https://2narkologicheskaya-klinika-balashiha.ru/]www.2narkologicheskaya-klinika-balashiha.ru[/url]

  2. Эффект капельницы зависит от исходного состояния человека, продолжительности употребления спиртного, степени обезвоживания, сопутствующих патологий и реакции на назначенные препараты. Для одного пациента достаточно базовой инфузии, а в сложных случаях врач может рекомендовать усиленный комплекс, повторный осмотр или лечение в стационаре.
    Подробнее – [url=https://5.kapelnica-ot-zapoya-v-moskve14.ru/]vracha-kapelnicu-ot-zapoya[/url]

  3. сертификат ISO 9001 Профессиональная **разработка ТУ** является важным этапом подготовки новой продукции к серийному производству и выпуску в оборот. Опытные специалисты составят документ точно по ГОСТу.

  4. chickenroadrecensioni-arcase

    Quando decidi di esplorare sul sito Chicken Road per scoprire le ultime novita nel settore del fast food e delle recensioni gastronomiche, e fondamentale sapere bene come lavoriamo [url=https://chickenroadrecensioni.it/termini-e-condizioni]ChickenRoad[/url] . La pagina dedicata ai termini e condizioni su ChickenRoad costituisce la base del nostro legame con i lettori, stabilendo le direttive di utilizzo del network e promettendo la piena trasparenza. Leggere questo testo significa capire completamente i diritti e i obblighi che regolano la la tua attivita di fruizione sul nostro spazio digitale.

    La nostro scopo su Chicken Road e provare di fornire articoli genuini e autonomi. Per mantenere tale livello tecnico elevato, il portale ChickenRoad chiede agli utenti di rispettare le indicazioni stabilite nei termini e condizioni. Queste regole non mirano unicamente a difendere la esclusiva creativa dei contenuti, come le nostre recensioni dettagliate e le grafiche uniche, ma anche a garantire un ambiente affidabile per l’intero gruppo di estimatori di pollo fritto e cucina street food.

    All’interno della pagina specifica, troverai notizie precise concernenti la protezione dei tuoi dati personali e la gestione della privacy, un elemento che gestiamo con la cura maniacale. Inoltre, le condizioni esplicitano le restrizioni di garanzia riguardanti le valutazioni fornite e al contenuto di soggetti esterni presente sul network. Leggere con attenzione questi articoli ti permettera di usufruire dei nostri servizi con piu attenzione.

    Ti spingiamo a visitare frequentemente questa sezione, poiche ChickenRoad si mantiene il diritto di revisionare di tanto in tanto le condizioni di utilizzo in base alle trasformazioni della piattaforma o alle leggi attuali. La lealta dei nostri utenti e il punto cardine di Chicken Road e la trasparenza e il modo migliore per edificare un connessione solido. Se hai incertezze o richiedi maggiori dettagli sui nostri termini di servizio, non esitare a contattarci mediante i contatti diretti indicati, rimanendo sempre aggiornato sulle informazioni dal universo culinario.

  5. В данной статье мы поговорим о будущем медицины, акцентируя внимание на прорывных разработках и их потенциале. Читатель узнает о новых подходах к лечению, роли искусственного интеллекта и возможностях персонализированной медицины.
    Погрузиться в детали – [url=https://anapa16.org.ru/effektivnaya-kodirovka-ot-alkogolizma-mify-i-realnost/]наркологическаяклиникадельта в рязани[/url]

  6. Zrozumienie zasad korzystania z serwisu to kluczowy etap dla każdego użytkownika, ktory chce w pełni świadomie korzystać z propozycji serwisu [url=https://play-jonny-aplikacja.pl/warunki-i-postanowienia]playjonny[/url] . Dokument stanowi podstawę relacji pomiędzy operatorem a graczem, określając zasady funkcjonowania portalu. Zapoznanie się z tym dokumentem jest niezbędne, aby w pełni wykorzystać potencjał, jaki zapewnia platforma, oraz wyeliminować problemow związanych z regulaminem.

    Regulamin dostępny pod wskazanym adresem wyjaśnia najważniejsze kwestie związane z rejestracji konta, potwierdzenia danych oraz zasad przetwarzania danych osobowych. Każdy użytkownik, ktory wybiera daną platformę, powinien mieć świadomość, jakie prawa oraz wymogi na nim spoczywają. Regulamin dokładnie omawia także kwestie płatności, system promocji oraz procedury odpowiedzialnej gry, co jest niezwykle istotne w kontekście ochrony kapitału oraz bezpieczeństwa użytkownika.

    Czemu warto regularnie zaglądać sekcję warunkow i postanowień? Głownie dlatego, że zasady te mogą ulegać aktualizacjom wynikającym ze nowelizacją prawa lub rozwojem platformy. Znajomość aktualnych punktow regulaminu pozwala użytkownikom będącym w społeczności na aktywny udział w promocjach i wykorzystywanie wszystkich opcji portalu. W regulaminie znajdziemy także informacje o tym, jak działać w sytuacji problemow technicznych czy pytań dotyczących obsługi konta.

    Reasumując, troska o wiedzę na temat regulaminu to przejaw dojrzałej postawy do rozrywki online. Zamiast działać po omacku, warto przeznaczyć kilka minut na lekturę obowiązującego regulaminu obowiązujących w serwisie. Jest to idealna metoda na to, aby zapewnić sobie bezpieczne i satysfakcjonujące doświadczenia w trakcie gry. Przejrzystość zapisow to pewność uczciwej gry, dlatego zachęcamy wszystkich użytkownikow serwisu do systematycznego sprawdzania zakładki z warunkami i postanowieniami, co umożliwi głębsze poznanie wszystkich mechanizmow działania platformy oraz użytkowanie jej szerokich możliwości w sposob świadomy i odpowiedzialny dla każdego gracza.

  7. In case you are searching for an immersive betting encounter, the patang official site is rapidly turning into a prime selection for gamers throughout the nation [url=https://patang-7.pages.dev]patang[/url] . Known for its intuitive dashboard and a broad array of options, patang has effectively solidified itself as a reliable hub for those keen on discovering the sphere of entertainment. Whether you are a fan of old-school formats or up-to-date slots, the site delivers each item you demand for a seamless round of enjoyment.

    Many users searching for a trusted patang betting site value the velocity and safety offered by the platform. The portal is built to ensure that every patang game operates seamlessly, yielding superior graphics and equitable play logic. Given the growth of virtual entertainment, patang online has molded flawlessly to regional likings, facilitating it simpler than ever for fans to enter their favorite options from wherever they are. For players who choose gaming on the go, the patang mobile experience is optimized to work smoothly on different devices, making sure that you never overlook a instance of joy.

    When perusing any patang casino review, you will likely notice that users praise the variety of options available. From the vintage charm of a standard casino patang setup to novel new features, the portal sustains material current and interesting. Choosing the right patang online casino can regularly be overwhelming, but this portal streamlines the experience by focusing on transparency and accessibility. Since you investigate the patang casino online domain, you will find that it is tailored to provide to the specific desires of the community in patang India.

    Through choosing to play on the patang bet platform, you are becoming part of a growing circle of players who cherish top-notch assistance and amusement. Remember to consistently play wisely while browsing the diverse aspects of this portal. Should you wish to dive into the thrill immediately, visit the main screen to see what makes this spot a leader in the industry. Your coming excellent play round is waiting on this famous site.

  8. chickenroad-Assons

    Ein aufstrebendes Interaktives Casino-Erlebnis namens Road to Chicken Demo hat in den letzten Jahren zunehmend Aufmerksamkeit in der Virtuellen Spielerschaft auf sich gezogen [url=https://chickenroad-game-226.vercel.app]Chicken Road Demo Slot[/url] . Besonders beliebter als andere ist die Option, das Spiel in einer Testphase kennenzulernen, ohne dabei finanzielle Mittel einzusetzen. Diese Funktion bietet Spielern die Gelegenheit, sich mit den Funktionen und dem Spielablauf vertraut zu machen, bevor sie mit echten Geldern interagieren.

    Die Kostenlose Testrunde von Diesem innovativen Spiel ist besonders für Einsteiger im Casino-Sektor interessant, da sie eine unkomplizierte Chance darstellt, die Grafik zu untersuchen.

    In der Bundesrepublik gibt es zunehmend mehr Spieler, die nach modernen Online-Casinos suchen, die nicht nur Standard-Spiele anbieten, sondern auch unterhaltsame und unterhaltsame Konzept wie Dieses Spiel. Die Vorabversion von Road to Chicken ist dabei ein entscheidender Faktor, da sie Spielern die Chance gibt, die Spielmechanik und die Optik zu testen, bevor sie sich für eine Einschreibung und finanzielle Investition entscheiden. Besonders beeindruckend fällt auf, dass die Testphase in der Muttersprache verfügbar ist, was die Benutzerfreundlichkeit für Casinobesucher aus Deutschland deutlich erhöht.

    Die Feedback mit der Road to Chicken Testphase sind meistens überzeugend, da viele Spieler die benutzerfreundliche Oberfläche und das beeindruckende Gaming-Erlebnis bewundern. Besonders die dynamischen Elemente und die interaktiven Features machen das Spiel zu einem besonderen Erfolg im Digitalen Spielwelt. Viele Anwender haben berichtet, dass sie durch die Kostenlose Testrunde ein stärkeres Gefühl für die Spielstrategien entwickelt haben, was ihnen später beim realen Wetten vorteilhaft ist.

    Für Spieler, die sich für eine Einordnung von Road to Chicken begeistern möchten, ist die Demo-Version ein essentieller Aspekt. Sie gibt, die Qualität des Angebots selbst zu analysieren, ohne finanzielles Risiko einzugehen. Besonders in der Bundesrepublik, wo Virtuelle Spielanbieter komplexen Richtlinien unterliegen, ist eine solche sichere Testoption besonders wertvoll. Die Vorabversion von Road to Chicken bietet somit eine optimale Möglichkeit, das Erlebnis zu erleben, und sich ein persönliches Fazit zu machen, bevor man sich für eine Anmeldung und Kontoumsätze entscheidet.

    Wer sich für eine Bewertung von Chicken Road informieren möchte, sollte auf jeden Fall die Kostenlose Testrunde erleben. Sie gibt einen detaillierten Einblick in die Spielregeln, die Optik und die Benutzerfreundlichkeit. Besonders in Deutschland, wo Casino-Betreiber strengen Auflagen unterliegen, ist eine solche kostenlose Testoption ein zentraler Schritt, um die Performance eines Erlebnisses zu analysieren. Die guten Bewertungen vieler Spieler zeigen, dass Road to Chicken ein innovatives Spiel ist, das sowohl für Casinoneulinge als auch für erfahrene Spieler attraktiv sein kann. Wer also nach einem spannenden und unterhaltsamen Digitalen Spielangebot sucht, sollte die Road to Chicken Testphase definitiv einmal ausprobieren.

  9. Sofern Sie auf der Pirsch nach dem hochwertigen Online Casino Erlebnis in der Schweiz schauen, mussten Sie sich jenes aktuelle Portfolio von SpinoGambino keinesfalls verpassen [url=https://spino-gambino-casino.ch/bonus]spino gambino casino no deposit bonus[/url] . Der spinogambino bonus gilt bei vielen Usern sehr beliebt, denn er ihren Einstieg in die Welt der Slots und Tischspiele deutlich unterstutzt. Jeder, der sich fur ein Account bei dieser Seite entscheidet, zieht Nutzen regelma?ig von besonderen Angeboten, die ihr Spielguthaben sofort aufstocken.

    Besonders gefragt ist bei frischen Nutzern der spino gambino casino no deposit bonus. Ein solcher spino gambino no deposit bonus ermoglicht es Ihnen, das Casino ganzlich sicher zu ausprobieren, da dass Sie zunachst personliches Geld investieren mussen. Viele Gamer fahnden gezielt nach einem spinogambino bonus ohne einzahlung, damit ihre Performance der Spiele umgehend nach der Anmeldung zu prufen. Falls Sie den passenden spinogambino bonus code parat haben, werden Sie diesen umgehend im Bankbereich hinterlegen, zwecks Ihre Extras zu aktivieren. Beachten Sie dabei kontinuierlich auf jene geltenden Bedingungen, die fur den spinogambino bonus Switzerland greifen, damit zu prufen, dass Sie alle Anforderungen fur eine bevorstehende Auszahlung nachkommen.

    Der spinogambino casino bonus ist derma?en aufgebaut, sodass auch Gelegenheitsspieler sowie Profis ausgiebig auf die Rechnung kommen. Wenn Sie den spino gambino casino bonus code anwenden, erhalten Sie oft sogar lukrativere Bedingungen, die uber den Standard-Willkommensbonus ubersteigen. Auch der bonus spinogambino wird stets regelma?ig upgedatet, warum es rechnet, ihre Promo-Seite des Casinos ofter zu besuchen. Der spino gambino bonus ist das hervorragendes Instrument, zwecks die Gewinnchancen bei angesagten Slots zu steigern.

    Kurzum ist festzustellen, dass das das Portfolio fur Kunden aus der Region Schweiz durchaus beachtlich ist. Wegen ihrer Offenheit bei den Durchspielbedingungen und einer Bandbreite an Boni liefert diese Webseite eine sichere Basis fur Casinofreunde. Kontrollieren Sie vor der Anmeldung immer, ob etwa gerade ein spezifischer spinogambino bonus code verfugbar ist, um ihr Meiste aus Ihrem Bonusgeld zu ziehen und sofort mit einem starken finanziellen Polster in Ihr Abenteuer bei SpinoGambino zu einzusteigen. [url=https://www.challenger4g.com/forum/threads/very-insightful-thoughts.36294/page-404#post-438735]Falls Sie nach dem hochwertigen Online Casino Erlebnis in der Schweiz schauen, sollten Sie ihnen dieses aktuelle Offerte von SpinoGambino auf gar keinen Fall auslassen.[/url] [url=https://autocaravanasatubola.com/es-seguro-viajar-en-autocaravana-tras-el-coronavirus/#comment-254686]Falls Sie auf der Suche nach dem erstklassigen Online Casino Erlebnis in der Schweiz sind, durften Sie sich jenes aktuelle Angebot von SpinoGambino nicht entgehen lassen.[/url] 001efe7

  10. В данной статье рассматриваются физиологические и эмоциональные аспекты зависимости. Мы обсудим, как организм реагирует на зависимое поведение, и какие методы помогают восстановить здоровье и внутреннее равновесие.
    Уточнить детали – [url=https://stockphotos.ru/kodirovanie-ot-alkogolizma-v-ryazani-put-k-novoj-zhizni.html]кодировке от алкоголя[/url]

댓글 달기

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