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

  1. Wenn Sie auf der Suche nach einem herausragenden Online-Glucksspielerlebnis sind, ist Platinumslots eine ideale Wahl [url=https://platinum-slots-39.vercel.app]Platinumslots Spielen[/url] . Die Plattform prasentiert eine breite Palette an aufregenden Spielen, die sowohl Einsteiger als auch Profis begeistern. Wer sich entscheidet, Platinumslots Spielen zu wollen, findet dort eine benutzerfreundliche Oberflache und eine beeindruckende Auswahl an modernen Slots, die fur jeden Geschmack das Richtige bereithalten.

    In unserem ausfuhrlichen Platinumslots Review haben wir die entscheidenden Punkte des Anbieters genau gepruft. Viele Nutzer aus Platinumslots Germany suchen nach einer zuverlassigen und sicheren Umgebung, und genau hier punktet das Casino Platinumslots an. Durch neueste Verschlusselungstechnologien wird gewahrleistet, dass alle Transaktionen und personlichen Daten geschutzt bleiben. Wenn Sie die Platinumslots Official Seite aufrufen, werden Sie sofort die professionelle Aufmachung und das benutzerfreundliche Design bemerken, das das Platinumslots Online Casino so besonders macht.

    Fur Spieler aus Platinumslots Deutschland ist die Frage nach der Qualitat der Spiele und des Supports naturlich entscheidend. Unsere Platinumslots Erfahrungen zeigen, dass das Angebot durch kontinuierliche Aktualisierungen und gerechte Gewinnmoglichkeiten uberzeugt. Die Platinumslots Bewertung fallt daher in vielen Bereichen sehr positiv aus, insbesondere was die Auswahl an Spielen und die Schnelligkeit der Auszahlungen angeht.

    Kurz gesagt, dass das Platinumslots Casino eine tolle Anlaufstelle fur alle ist, die ihre Freizeit mit erstklassiger Unterhaltung verbringen mochten. Egal ob Sie Anfanger sind oder schon langer in der Welt der digitalen Automaten zu Hause sind, Platinumslots De bietet Ihnen die Zuverlassigkeit und den Spa?faktor, den Sie von einem modernen Glucksspielanbieter voraussetzen. Besuchen Sie jetzt die Plattform und uberzeugen Sie sich selbst von der Qualitat, die das Platinumslots Online Casino zu bieten hat. Dank der leichten Bedienung und der gro?en Vielfalt an Spielautomaten findet hier jeder seinen Favoriten. Tauchen Sie in die Welt von Platinumslots ein und erleben Sie aufregende Spielrunden direkt von zu Hause oder unterwegs aus.

  2. Si buscas una vivencia de juego en linea de primer nivel, el portal oficial de casinias significa una de las posibilidades mas sugerentes y modernas del sector presente [url=https://casinia-casino-56.vercel.app]casinias review[/url] . Al explorar casinias, los usuarios descubren una plataforma creada con una navegacion intuitiva, apropiada asi para novatos y para apostadores expertos que quieren aprovechar de una amplia seleccion de slots y juegos de mesa tradicionales. Este casino casinias se ha consolidado rapidamente debido a su dedicacion con la confianza, la transparencia y una seleccion de ocio de gran excelencia.

    Revisando multiples casinias opiniones, es evidente que los apostadores subrayan la rapidez con la que funciona la pagina y la presteza en los tiempos de carga, algo fundamental para una sesion de juego ininterrumpida. En cualquier casinias review minuciosa, se senala especialmente la amplitud de sus promociones y bonos de bienvenida, los cuales ayudan a incrementar las opciones de exito desde el inicial pago. Ademas, al consultar diferentes casinias casino opiniones, los apostadores concuerdan en que la diversidad de sistemas de abono accesibles logra que las movimientos sean rapidas y fiables, adaptandose a las necesidades de un mercado mundial.

    Realizar una casinias resena completa conlleva estudiar tambien su soporte tecnico, el cual se presenta competente y serio frente a cualquier incidencia practica. La plataforma no exclusivamente se centra en el entretenimiento, sino tambien en proporcionar un entorno fiable que cumple con los estandares pedidos por los fanaticos del ambito. Gracias a las continuas mejoras que logra, el sitio oficial de casinias permanece preservando su valia ante otras propuestas. Si buscas un sitio en el cual intensidad de las apuestas se mezclen con una busqueda clara y un listado de slots en constante expansion, visitar casinias es la eleccion acertada. La combinacion de una estetica refinada y una dinamica robusta situa a este espacio como un modelo necesario para los usuarios que aprecian la calidad y la seguridad en cada sesion. No desaproveches la oportunidad de conocer aquello que este sitio tiene para brindar a los amantes del casino online.

  3. spinrollz-averly

    Wer auf der Jagd nach einem aktuellen und auch buntgemischten Casino-Portal sollte, müsste sich die Offerte auf [url=https://spinrollz-de.pages.dev]Spinrollz casino[/url] genauer betrachten. Diese Plattform hat rasch in der Welt der iGaming-Welt rasch einen Ruf erarbeitet, deshalb zahlreiche Zocker nach fundierten Informationen fahnden. Ein detaillierter Spinrollz bewertung belegt, dass das Portal sowohl für Einsteiger sowie für Profis einiges bereithält. Gleich beim ersten Aufrufen auf der Webseite fällt das ansprechende Design auf, die ein schnelles Surfen garantiert. Vor allem das immense Angebot an Spielen begeistert die Community. Unter dem Begriff Spinrollz slots findet sich ein beachtliches Portfolio an Slots von namhaften Herstellern, die für faire Gewinnchancen sowie tolle Gaudi sorgen. Alte Retro-Slots treffen hier auf moderne Megaways und progressive Jackpots. Doch das Casino spinrollz hat noch viel mehr zu bieten als simple Spielautomaten. In der Live-Sektion von Spinrollz erleben Anhänger von echten Tischspielen vollkommene Befriedigung. Durch HD-Streams und professioneller Croupiers kommt echtes Casino-Feeling direkt nach Hause. Wer sich für das Spinrollz casino online entschließt sich, profitiert zudem von lukrativen Boni und Aktionen, die das Startguthaben spürbar erhöhen. Um zu erfahren, wie Mitspieler das Ganze beurteilen, lohnt ein Blick auf diverse Spinrollz erfahrungen im Netz. Es zeigt sich geschwind, dass das Spinrollz casino erfahrungen glücklicher Spieler aufzeigen kann, welche insbesondere die Ehrlichkeit sowie die immense Games-Auswahl preisen. Ein zentrales Thema bei allen Web-Casinos bildet der Geldtransfer. Die Spinrollz auszahlung erfahrungen zeigen hierbei durchgehend positive Werte. Mitglieder melden von schnellen und problemlosen Zahlungen. Wer eine zuverlässige Spinrollz auszahlung wünscht, findet im Kassenbereich unterschiedliche sichere Zahlungswege. Sollte man allerdings einmal eine Spinrollz alternative in Betracht ziehen, fällt der Vergleich schwer, da das Gesamtpaket von Spinrollz wunderbar stimmig ist. Resümierend kann man sagen, dass Spinrollz auf ganzer Linie punktet und zu den fesselndsten Adressen im Internet zählt.

  4. В этой публикации мы исследуем ключевые аспекты здоровья, включая влияние образа жизни на благополучие. Читатели узнают о важности правильного питания, физической активности и психического здоровья. Мы предоставим практические советы и рекомендации для поддержания здоровья и развития профилактических подходов.
    Секреты успеха внутри – [url=https://boilervdom.ru/zdorove/narkolog-na-dom-spb-cena.html]врач нарколог выезд на дом[/url]

  5. Эта публикация посвящена актуальным вопросам современной медицины и здравоохранения. Мы обсудим новейшие технологии диагностики и лечения, а также их влияние на продолжительность и качество жизни. Читатель найдет здесь информацию о научных исследованиях и перспективных разработках, доступно изложенную для широкой аудитории.
    Изучить вопрос глубже – [url=https://flatrenthq.ru/pages/narkologicheskaya-klinika-kruglosutochno/]Наркологическая клиника[/url]

  6. Наркомания — хроническое заболевание, требующее комплексного лечения и постоянной поддержки. В условиях Архангельска, где доступ к специализированной помощи может быть ограничен, клиника «АрктикМед» предлагает уникальную программу, основанную на мультидисциплинарном подходе и строгом соблюдении принципов анонимности. Ключевая цель — помочь каждому пациенту преодолеть зависимость, восстановить здоровье и вернуться к полноценной жизни.
    Получить больше информации – http://lechenie-narkomanii-arkhangelsk0.ru

  7. Nel caso in cui ti trovi a cercando una struttura di intrattenimento esauriente e affidabile, Casinia equivale a una delle scelte piu stimolanti nel contesto contemporaneo [url=https://casinia-casino-70.onrender.com]casinia casino[/url] . Casinia casino si distingue per una veste grafica immediata e una estesa gamma di soluzioni che variano dalle slot machine piu attuali ai tradizionali giochi da tavolo, offrendo un percorso fruitore di eccellente livello. Analizzando le diverse casinia recensioni, si nota palesemente come numerosi iscritti lodino la velocita del portale e la bellezza estetica fornita da qualsiasi particolare titolo in catalogo.

    L’offerta di Casinia slot e estremamente abbondante, con centinaia di titoli prodotti dai leader provider del ambito. Indipendentemente dal fatto che tu sia un fan delle tematiche fantasy, avventurose o dei tipici giochi arcade, su Casinia online casino troverai puntualmente il divertimento perfetto alle tue richieste. La interfaccia e sviluppata completamente anche per il svago da smartphone, consentendo di collegarsi a tutto elenco di casino casinia in qualunque istante e da ogni dispositivo.

    Un elemento fondamentale quando si opta per un luogo di gioco riguarda la cura delle operazioni economiche. Gli clienti di Casinia italia segnalano frequentemente la velocita e la chiarezza che caratterizzano il processo di casinia prelievo, un elemento cruciale per chi vuole certezza e protezione. Grazie a strumenti di difesa innovativi, ciascuna transazione viene trattata con la piu totale riservatezza, confermando la serieta di questo gestore.

    Consultando le diverse casinia casino recensioni, si nota come il supporto clienti sia un altro cardine di vantaggio, prontamente pronto a assistere gli giocatori in ipotesi di perplessita o esigenze tecniche. In definitiva, chi decide di registrarsi su Casinia casino si consegna a un sito stabile, che combina un elenco giochi vasto con un contesto sicuro e regolamentato. Se voglia un’esperienza di gioco bilanciata, attiva e nel segno del piacere autentico, il sito che individui su Render costituisce una scelta eccellente per iniziare la tua esperienza nel settore dei intrattenimenti online in assoluta tranquillita.

  8. When you might be looking for an thrilling online play portal, you may lately have encountered the portal currently hosted at vegas-hero-127.yakefamuzuqi44.workers.dev [url=https://vegas-hero-127.yakefamuzuqi44.workers.dev]Casino vegashero[/url] . This hub seeks to seize the thrilling essence of the initial Vegas Hero brand, providing gamers a flavour of Las Vegas directly from their house computers or portable gadgets. In this thorough vegashero review, we will examine what this portal has to offer British users and whether it meets hopes.

    Whenever searching for a dependable portal, protection remains the main focus. Many players often ask, is Vegas Hero legit? Although the internet features diverse views, a detailed vegashero Casino review discloses that users must always exercise prudence with alternative domains or different web links. Autonomous Vegas Hero reviews frequently highlight the value of inspecting regulation and protection measures prior to putting any money.

    Exploring the gameplay, the Casino vegashero experience seeks to simulate a traditional casino atmosphere. Enthusiasts of spinning the reels can locate a wide selection of online slots, vintage slot machines, and progressive pots. Table game buffs can likewise prove their chances at virtual twenty-one, roulette, and cards. The overall Vegas Hero UK presence has forged a loyal following throughout the years, mainly due to its stylish interface and seamless movement.

    Based on numerous players voicing their opinions in a typical Vegas Hero Casino review, the graphic styling and portable support are key strong points. The Casino Vegas Hero hall loads rapidly, allowing users to leap straight into their liked titles with out needless pauses. Furthermore, the vegashero Casino hub typically accommodates multiple transaction options, suiting the modern user’s requirement for fast and secure payments.

    To summarise this Vegas Hero Casino overview, the platform offers an exciting array of fun for UK buffs. If you identify it merely as Vegas Hero or by its domain name, it stays a significant subject of conversation in the online gaming fraternity. Constantly gamble responsibly, verify the conditions and terms, and make sure you are playing on a safe link ahead of setting up an profile.

  9. Этот обзор посвящен успешным стратегиям избавления от зависимости, включая реальные примеры и советы. Мы разоблачим мифы и предоставим читателям достоверную информацию о различных подходах. Получите опыт многообразия методов и найдите подходящий способ для себя!
    Читать далее > – [url=https://kak-zarabotat-v-internete.com/zdorove/vyvod-iz-dlitelnogo-zapoya-na-domu.html]срочно из запоя[/url]

댓글 달기

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