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

  1. Все шаги фиксируются в карте наблюдения. Если динамика «плоская», меняется один параметр (скорость/объём/последовательность), и через оговорённое окно проводится повторная оценка. Это снижает риск побочных реакций и сохраняет дневную ясность.
    Исследовать вопрос подробнее – [url=https://vyvod-iz-zapoya-v-kaliningrade15.ru/]вывод из запоя капельница калининград[/url]

  2. chickenroad-Steanna

    Whenever you seek for a pulse-pounding and fast-paced gaming experience, the chickenroad app is rapidly becoming the go-to selection for gamers internationally [url=https://chickenroad-casinogame.com/app]chickenroad mobile[/url] . This captivating title merges simplicity alongside intense excitement, making it perfect for those wishing to challenge their fortune plus quick reactions while mobile. Irrespective of whether you are at the house or commuting, the chickenroad app delivers seamless operation that resides right in your hand.

    Launching is simple, irrespective of which gadget you fancy. For users desiring the chickenroad mobile experience, the interface is optimized to deliver high-definition visuals and responsive controls on every handset. If you possess an Apple owner, the chickenroad ios version is crafted for steadiness and a luxurious interface, guaranteeing you never miss a second of the gameplay. Similarly, the chickenroad android release is widely available, allowing you to jump into the excitement avoiding any system hurdles.

    To start your quest, you must execute a chickenroad download from the primary location. Just browse to the webpage to locate the protected chickenroad apk file. The chickenroad install process is uncomplicated plus swift, consuming just several seconds to configure on your chickenroad phone. Once you have finished the setup, you might dive straight inside the game and relish chickenroad mobile play each time you have a free minute.

    The attraction of this title lies in its accessibility. Through selecting the chickenroad app, you gain entry to a lively network of players that savor novel challenges along with intense gameplay. The interface is user-friendly, enabling every new along with experienced gamers to browse the options with ease. Do not delay to join the fun; go over to the domain currently to obtain your download and start your expedition. Featuring frequent updates and refined performance, the chickenroad mobile experience ensures that any round stays as stimulating like the opening run. Feel the rush today plus discover why a multitude of users are selecting this title their primary selection for mobile entertainment.

  3. В этой статье мы говорим о важности поддержки в процессе выздоровления. Рассматриваются семьи, группы поддержки, специалисты и онлайн-ресурсы, которые могут сыграть решающую роль в избавлении от зависимости.
    Откройте для себя больше – [url=https://cvetnik.me/pages/vyzov-narkologa-na-dom-zapoj/]вывод из запоя и цена на дому[/url]

  4. Welcome to this detailed Vegashero review, whilst our team conduct a keen look upon everything players require to learn concerning the popular digital gambling hub [url=https://vegas-hero-132.pages.dev]Vegashero Casino[/url] . Should punters are hunting for some thrilling plus dependable portal, that Vegashero Casino grants a vast incredible array comprising entertainment options aimed at members located within Britain. Browsing this platform at Vegas-hero-132.pages.dev reveals a sleek layout built to provide flawless action across each gadgets, making the platform an top pick for contemporary bettors.

    When exploring the platform, several punters organically inquire, does Vegas Hero pay? Our research verifies the fact that the company prioritises customer security, fair action, plus protected transfers, guaranteeing peace within spirit during the time you enjoy one’s preferred titles. The Vegas Hero UK audience has been buzzing possessing good reviews, and independent Vegas Hero reviews constantly laud this site concerning the impressive collection comprising pokies, desk titles, plus engaging real-time host sessions.

    Plunging further towards what Casino Vegas Hero holds in store, you can discover one generous range featuring deals along with perks customised in order to boost one’s bankroll. If one exist an beginner otherwise a loyal active player, this prizes structure adds a distinct supplementary layer possessing joy to each session. Our updated Vegashero Casino review emphasizes the user-friendly navigation, active customer support, alongside fast cashout processing ways that distinguish the company aside from all competition.

    Altogether, Vegas Hero stands out as an strong competitor in that digital betting market. This mix featuring premium tech providers, an safe atmosphere, alongside absorbing action transforms this destination a must-visit destination. If one sit searching pursuing a fresh along with lucrative experience, visiting out Vegas Hero Casino presently is an superb manner to boost the play journey.

  5. vegasherologin-Maite

    Der Sicherheit Ihrer privaten Daten genie?t im Bereich Online-Gambling hochste Prioritat [url=https://vegasherologin.at/datenschutzrichtlinie]Vegas Hero[/url] . Wenn Nutzer ihr Profil bei einer Plattform wie bei Vegas Hero registrieren, streben die User gewiss werden, dass Ihre Informationen sicher verwaltet werden. Das Portal VegasHero liefert dafur die klare Einsicht innerhalb der Datenschutzbestimmungen, die man unter jener URL aufzufinden wird. Das Dokument bleibt gegenuber jeden Spieler essenziell, weil das Papier genau aufzeigt, wie Vegas Hero durch kritischen Personlichkeitsdaten umgeht.

    Die Datenschutzrichtlinie aus VegasHero fungiert dabei, das geschutztes Spielerlebnis zu garantieren. Sie entnehmen dort ausfuhrlich, welche Infos wahrend einer Registrierung abgefragt werden, weshalb jene genutzt werden plus in welcher Dauer sie gespeichert sind. Weil Vegas Hero strengen regulatorischen Vorgaben folgt, gilt die Einhaltung aktueller Sicherheitsstandards selbstverstandlich. Jene Datenbearbeitung passiert dabei durchgehend gema? der geltenden Datenschutz-Gesetzgebung, um die Privatsphare der Kunden zu bewahren.

    Uberaus entscheidend gilt fur Kunden von VegasHero dieser Punkt, wie jene Informationen geschutzt gesendet werden. Vegas Hero nutzt hochwertige Kodierungsverfahren dazu, zwecks ungewollte Zugriffe Unbefugter zu verhindern. Innerhalb der genannten Vorgabe ist au?erdem aufgezeigt, welche Rechte der Spieler als Kunde genie?en. Dazu gehort beispielsweise das Recht bezuglich Auskunft, Korrektur bzw. Loschung der abgelegten Angaben. Zusatzlich die Nutzung mittels Cookies wird auf dieser Site von Vegas Hero offen dargelegt, sodass man die User dauerhaft jene komplette Kontrolle hinsichtlich seine digitalen Aktivitaten behalten.

    Das ist allem Gast, welcher VegasHero besucht, nachdrucklich zu empfehlen, jene Angaben gewissenhaft durchzulesen. Lediglich wer wei?, auf welche Weise durch seinen Profilinformationen verfahren wird, darf das ganze Portfolio von Vegas Hero unbeschwert konsumieren. Sollten Probleme zur Sicherheit der Daten aufkommen, bietet jene Datenschutzrichtlinie au?erdem hilfreiche Kontaktmoglichkeiten fur den Kundensupport. Glaube ist eine Basis fur ein sicheres Spielklima, sowie Vegas Hero setzt Energie darauf, dieses Verhaltnis durch detaillierte Transparenz samt maximale Sicherheitsstandards wahrend der Datenbearbeitung stetig zu festigen. Erkundigen Sie daher darum regelma?ig bezuglich Aktualisierungen, sodass man die Kundschaft immer an dem aktuellsten Stand sind und dazu sein Casino-Erlebnis serios optimieren konnen. [url=http://cnd-cost.co.kr/bbs/board.php?bo_table=dx0403&wr_id=122696]Der Sicherheit pers[/url] [url=https://chemiestudent.de/forum/viewtopic.php?p=97695]Der Schutz Ihrer privaten Kundendaten hat beim Online-Glucksspiel hochste Bedeutung: Details in die Datenschutzregelung von VegasHero.at[/url] 8001efe

  6. platinum-Estinly

    Jeder, der nach einem erstklassigen Spielerlebnis ist, kommt an Platinumslots kaum vorbei [url=https://platinum-slots-login-4.onrender.com]Platinumslots Spielen[/url] . Das Platinumslots Online Casino hat sich in den letzten Jahren einen hervorragenden Ruf aufgebaut und zieht Spieler weltweit an. Wenn Sie sich fur Platinumslots Spielen entscheiden, erwartet Sie ein vielfaltiges Portfolio an Spielautomaten und Tischspielen, das sowohl Anfanger als auch Profis uberzeugt. Viele Nutzer in der Region suchen gezielt nach Platinumslots Deutschland, um serios und unterhaltsam ihr Gluck zu versuchen. Ein detaillierter Platinumslots Review zeigt deutlich, dass das Angebot durch eine intuitive Oberflache und eine hohe Spielqualitat punktet. Wenn Sie das Platinumslots Official Portal besuchen, finden Sie eine moderne Plattform, die auf Desktop- und Mobilgeraten gleicherma?en flussig lauft. Fur Interessierte aus dem deutschsprachigen Raum ist das Casino Platinumslots eine erste Wahl, da die Auswahl an Providern und Themen extrem vielfaltig ist. Viele Anwender teilen ihre positiven Platinumslots Erfahrungen in verschiedenen Foren und unterstreichen dabei vor allem die schnellen Auszahlungsprozesse und den kompetenten Kundensupport. Eine neutrale Platinumslots Bewertung spiegelt zudem wider, dass Sicherheit und Transparenz hier einen hohen Stellenwert einnehmen. Das Platinumslots Casino versteht es, seine Kunden mit attraktiven Aktionen und einem lukrativen Treueprogramm langfristig an sich zu binden. Wer den Begriff Platinumslots De verwendet, findet schnell den richtigen Zugang zu dieser spannenden Welt des Glucksspiels. Ob traditionelle Fruchte-Slots oder modernste Videoslots mit aufwendigen Grafiken, bei Platinumslots Germany wird jeder fundig. Zusammenfassend lasst sich sagen, dass das Platinumslots Online Casino ein perfektes Gesamtpaket bietet, das durch Seriositat und eine riesige Auswahl an Top-Spielen besticht. Es ist definitiv ein Anbieter, den man als Fan von Online-Glucksspielen einmal testen sollte. Die Kombination aus exzellentem Gameplay und einem intuitiven Design macht jeden Besuch auf der Plattform zu einem echten Erlebnis. Melden Sie sich noch heute an und entdecken Sie, warum so viele Spieler von diesem Casino uberzeugt sind.

  7. Этот обзор посвящен успешным стратегиям избавления от зависимости, включая реальные примеры и советы. Мы разоблачим мифы и предоставим читателям достоверную информацию о различных подходах. Получите опыт многообразия методов и найдите подходящий способ для себя!
    Читать дальше – [url=https://samzan.ru/vyvod-iz-zapoya-na-domu-kruglosutochno/]выведение из запоя на дому[/url]

  8. Этот текст посвящён сложным аспектам зависимости и её влиянию на жизнь человека. Мы обсудим психологические, физические и социальные последствия зависимого поведения, а также важность своевременного обращения за помощью.
    Прочесть заключение эксперта – [url=https://kak-zarabotat-v-internete.com/zdorove/anonimnyj-vyzov-narkologa-na-dom.html]как вызвать нарколога на дом[/url]

댓글 달기

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