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

  1. В этой статье мы обсудим процесс восстановления после зависимостей, акцентируя внимание на различных методах и подходах к реабилитации. Читатели узнают, как создать план выздоровления и использовать полезные ресурсы для достижения устойчивых изменений.
    Узнать больше > – [url=https://renobuilder.ru/pages/klinika-lecheniya-alkogolnoj-zavisimosti/]клиника лечения зависимостей в Санкт-Петербурге[/url]

  2. Этот обзор посвящен успешным стратегиям избавления от зависимости, включая реальные примеры и советы. Мы разоблачим мифы и предоставим читателям достоверную информацию о различных подходах. Получите опыт многообразия методов и найдите подходящий способ для себя!
    Подробная информация доступна по запросу – [url=https://fixbuilders.ru/pages/effektivnoe-lechenie-alkogolizma-v-voronezhe/]платное лечение алкоголизма в Воронеже[/url]

  3. Наркологическая служба рекомендует не откладывать вызов специалиста при резком ухудшении самочувствия. Врач определяет степень тяжести интоксикации и решает, возможен ли безопасный вывод из запоя на дому или больному необходимо лечение в стационаре. Особое внимание требуется пожилым людям, пациентам с сердечно-сосудистой патологией, заболеваниями печени, почек, нервной системы и тем, у кого ранее отмечались судорожные состояния.
    Ознакомиться с деталями – https://1vyvod-iz-zapoya-podolsk77.ru/

  4. chickenroad-viomi

    Jeder, die Person, sich innerhalb dieser Welt von digitalem Zeitvertreib aufhalt, formuliert berechtigterweise gro?e Anforderungen an der Sicherheit personlicher Kundendaten [url=https://chickenroad-casino.ch/datenschutzrichtlinie]chicken road[/url] . Wenn Sie die Webseite von Chicken Road nutzen, steht Offenheit an oberster Stelle. Die Seite chickenroad-casino.ch hat die Datenschutzerklarung so konzipiert, damit Spieler immer prazise verstehen vermogen, auf welche Weise durch ihren personlichen Informationen umgegangen wird. Dort ist der Sicherheitsaspekt einer Diskretion priorisiert, denn Zuversicht ist eine Basis bei das sicheres sowie angenehmes Vergnugen. Die umfassende Datenschutzrichtlinie bei diesem Anbieter erlautert daruber hinaus grundlich, die Daten bei der Registrierung bzw einer Nutzung dieses Angebots erfasst stattfinden und zu welchem Zweck die Verarbeitung stattfindet. Dies bleibt fur die Crew dieses Hauses selbstverstandlich, damit die harten eidgenossischen Vorgaben befolgt werden, dahingehend die geschutzte Umwelt gegenuber alle User um zu garantieren. Hierbei werden digitale und organisatorische Schritte durchgefuhrt, sodass die vertraulichen Datensatze vor unbefugten Zugriffen bewahrt sind. Falls der Anwender dort auf chickenroad-casino.ch einloggen, erklaren der User sich gegenuber den genannten Vorgangen zu. Diese Datenschutzrichtlinie belehrt Sie unter anderem hieruber, wie Datenpakete verwendet werden, damit seine Leistung des Portals zu verbessern, und wie gewisse Details gehalten werden. Wenn Sie Fragen hinsichtlich der Nutzung der eigenen Informationen vorbringen, sowie die Rechte im Sinne des Nutzer geltend machen wollen, bietet dieser Betreiber klare Anlaufstellen bereit. Absicherung bedeutet nicht Zufall, sondern ein strukturiertes Modell, das bei Chicken Road stets umgesetzt ist. Durch das man sich an der Datenschutzerklarung vertraut machen, wissen Sie bestens, welche Richtlinien der Anbieter umsetzt, zwecks die Datensicherheit zu wahren. Jene digitale Sicherheit bleibt ein bestandiger Prozess, in dem chickenroad proaktiv vorgeht, um die aktuellen Standards zu genugen. Nutzen der Spieler die Plattform dieses Anbieters mit einem sicheren Vertrauen, denn die Datenhoheit ist bei diesem Portal respektiert und mittels moderne Sicherheitsvorkehrungen wirksam abgesichert. Fur jedem Interessierten, welcher gro?en Wert legt auf Anstand samt Klarheit im Segment Online-Glucksspiel legt, bildet die Ansicht der Richtlinien auf dieser Webseite der erste Pfad zu einem aufgeklarten sowie sicheren Vergnugen.

  5. Qualora ti trovi alla ricerca di un sito di svago web completo e protetto, Casinia incarna una delle alternative piu interessanti nel panorama del betting attuale [url=https://casinia-45.web.app]casinia[/url] . Molte casinia recensioni sottolineano come la piattaforma sia riuscita a affermarsi celermente tra gli utenti grazie a un elenco esteso e a un’interfaccia all’avanguardia ed chiara, progettata per proporre un’sessione di puntata fluida su ogni dispositivo. Selezionare Casinia casino equivale a immergersi in un ecosistema protetto, in cui la molteplicita e la priorita. Il domain elargisce difatti una scelta infinita di prodotti, con specifica attenzione assegnata alla tipologia casinia slot, che spazia dai celebri fondamentali alle nuove novita con estetiche 3D incredibili.

    Per quanto riguarda il gioco su casinia casino, l’gamma si allarga inoltre ai tavoli virtuali e al casino live, che garantisce l’brivido di una sala da puntata tangibile direttamente a casa propria. Molti giocatori che esplorano il casino casinia apprezzano soprattutto la immediatezza di uso e la trasparenza delle condizioni. Relativamente a l’operativita in Casinia Italia, la piattaforma ha potuto plasmarsi completamente alle necessita del bacino nazionale, garantendo un supporto assistenza tempestivo e strumenti di versamento solidi. Un punto vitale per qualunque giocatore e la amministrazione del proprio denaro: il sistema di casinia prelievo e infatti studiato per essere istantaneo e sicuro, permettendo di incassare le proprie vincite senza superflue code o intoppi amministrative.

    Esaminando diverse casinia casino recensioni, emerge chiaramente che l’solidita del servizio clienti e la entita dei bonus di ingresso sono punti di pregio che avvalorano la immagine di questo operatore. Sia che tu risulti un esperto di slot machine o un cultore dei titoli di tavolo, questo casinia online casino offre gli supporti giusti per controllare il proprio intrattenimento in ottica cauto. In somma, supponendo che desideri un’avventura attiva e coinvolgente, l’proposta di Casinia si conferma come una delle decisioni ideali sul settore, capace di fondere svago di alto standard e massima affidabilita per ogni i suoi iscritti.

  6. Принимаем заявки круглосуточно, уточняем состояние и подбираем безопасный формат помощи.
    Узнать больше – [url=https://vyvod-iz-zapoya-podolsk77.ru/]vyvod-iz-zapoya-moskovskiy-oblast[/url]

  7. Эта публикация исследует взаимосвязь зависимости и психологии. Мы обсудим, как психологические аспекты влияют на появление зависимостей и процесс выздоровления. Читатели смогут понять важность профессиональной поддержки и применения научных подходов в терапии.
    Интересует подробная информация – [url=https://narcologiya.info/alkogolizm/psihologicheskaya-i-fizicheskaya-zavisimost-dve-storony-odnoy-bolezni.html]реабилитационный центр для алкоголиков[/url]

  8. spinogambinoapp-Cheaday

    Das Streben hinsichtlich der perfekten Online-Spielerlebnis führt in der Schweiz zunehmend öfter zu spezialisierten Portalen, welche eine umfassende Palette an Unterhaltungsmöglichkeiten präsentieren [url=https://spinogambinoapp.ch/categories]spinogambinoapp[/url] . Falls ihr auf der Suche nach einer strukturierten sowie anwenderfreundlichen Übersicht sind, stellt die Internetpräsenz spinogambinoapp.ch/categories die absolut ideale Anlaufstelle dar. Jene Sektion wurde gezielte geschaffen, dahingehend Zockern dabei zu helfen, sich in der bunten Welt des digitalen Glücksspiels rasch und flüssig durchzublicken.

    Bei dem Webangebot spinogambinoapp.ch entdecken Anwender eine klare Kategorisierung, die es ermöglicht, bewusst nach gewählten Spielprinzipien, Spielthemen oder Bonusmechanismen zu filtern. Egal ob ihr herkömmliche Walzenspiele, moderne Video-Slots beziehungsweise herausfordernde Tischspiele favorisieren, die klare Navigation gewährleistet, dass man mit minimalen Klicks genau jenes aufspüren, was euren eigenen Geschmäckern entspricht. Dabei fokussiert sich ein besonderer Fokus hinsichtlich der Inhaltsqualität und einer geschmeidigen Nutzbarkeit, welche einerseits am Rechner wie ebenso mobil eine erstklassige Performance bietet.

    Speziell herauszustreichen erscheint hinsichtlich spinogambinoapp.ch die Transparenz und die logische Anordnung der diversen Spielkategorien. Anstatt durch wirre Listen zu blättern, nutzen User mittels einer intuitiven Struktur, die wiederum wertvolle Zeit spart sowie die Spielfreude geradezu in den Mittelpunkt stellt. Jene methodische Strukturierung gestaltet das Angebot bei spinogambinoapp.ch zu einer ansprechenden Alternative für geübte Kenner sowie für Neulinge, die einen geordneten Start in den Bereich der Welt der digitalen Spielwelt suchen.

    Obendrein zur großen Benutzerfreundlichkeit setzt die Webseite grossen Wert auf Sicherheit und Modernität. Wer kontinuierlich die Kategorien auf spinogambinoapp.ch aufruft, ist durchgehend hinsichtlich aktuelle Trends und auch bekannte Klassiker informiert. Die Verbindung zwischen IT-technischer Zuverlässigkeit und einem sehr diversifizierten Portfolio gestaltet das Portal zu einem unverzichtbaren essentiellen Begleiter für all User, die Wert auf eine derart perfekt strukturierte und unterhaltsame Spielumgebung innerhalb der Schweiz setzen. Durchforsten man jetzt das Spektrum sowie erlauben Sie sich dabei durch die durchdachten Struktur mitreißen, die dieses Portal zu einem Liebling vieler Spieler geformt hat.

  9. spinrollz-foucK

    Falls Sie auf der Suche nach einem neuen und interessanten Glücksspielportal befinden, besitzen ihr womöglich längst von diesem Anbieter erfahren [url=https://spinrollz-casino-2.katasiapa7295.workers.dev]Spinrollz live casino[/url] . Diese Seite erfreut sich stets zunehmender Beliebtheit, sowie diverse Spieler fragen sich, was verborgen liegt. In diesem Artikel offenbaren wir die von uns gemachten umfassenden Spinrollz erfahrungen für Sie und auch durchleuchten sämtliche zentralen Aspekte des Portals, startend ab der Spielauswahl bis hin zum Bereich den Zahlungsabwicklungen.

    Das Spinrollz casino online präsentiert sich in einem optisch zeitgemäßen Äußeren und liefert solch eine benutzerfreundliche Benutzeroberfläche, was sowohl auf dem Desktop wie auch auf mobilen Geräten fehlerfrei funktioniert. Bereits beim initialen Aufenthalt sticht ins Auge die enorme Auswahl an Games auf. Insbesondere der Bereich Spinrollz slots bringt die Pumpen von echten Automaten-Fans schneller schlagen. Dort entdecken Sie sowohl traditionelle Retro-Slots wie gleichfalls futuristische Video-Slots mit zahlreichen Spezialfunktionen sowie Gewinnlinien durch namhaften Spieleentwicklern.

    Jeder, der das Flair einer realen Spielbank bevorzugt, kommt im Spinrollz live casino bestens aufgehoben. Professionelle Croupiers leiten vor Ort Klassiker etwa Kesselspiel, Blackjack plus Bakkara live. Jene HD-Streaming-Qualität steht für ein wahres authentisches Casino-Erlebnis heimisch von der Couch.

    Als ein massiver Aspekt während des Kaufs eines Casinos gelten die Zahlungsabläufe. Unsere Spinrollz auszahlung erfahrungen belegen, dass hier das Casino in dem Punkt sehr zuverlässig tätig ist. Jene Spinrollz auszahlung passiert meistens zügig, nachdem die gewohnten Ident-Schritte ordnungsgemäß absolviert wurden. Verschiedene sichere Transferwege sind verfügbar, um Ein- sowie Auszahlungen so einfach wie möglich durchzuführen.

    Resümierend kann man in dieser Spinrollz bewertung konstatieren, dass eben der Club eine extrem lohnende Destination für alle Anfänger plus High Roller zu gleichen Teilen gilt. Falls Sie trotzdem nach einer alternativen Spinrollz alternative schauen, gibt es allerdings ein paar alternative Plattformen in der Branche, doch Casino spinrollz punktet dank ein rundes kompaktes Angebot geformt durch Bonusaktionen, Kundendienst und Spielvielfalt. Jeder der faire Regeln und abwechslungsreiche Unterhaltung sucht, müsste Spinrollz casino absolut einmal testen plus persönliche Erfahrungen gewinnen.

댓글 달기

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