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”의 71,000개의 댓글

  1. spinogambinoapp-Styday

    Immer mehr Spieler in Deutschland suchen nach eine moderne und abwechslungsreiche Plattform fur ihre bevorzugten Casinospiele [url=https://spinogambinoapp.de]spinogambino erfahrungen[/url] . Eine der aktuell beliebten Optionen ist spinogambino, eine Plattform, die durch eine nutzerfreundliche Oberflache und ein gro?es Portfolio an Spielen uberzeugt. Wer sich fur das spinogambino casino entscheidet, profitiert von einer technologisch ausgereiften Umgebung, die speziell auf die Bedurfnisse von Smartphone-Spielern zugeschnitten ist. Die spino gambino app ermoglicht es den Spielern, flexibel und ortsunabhangig auf ihre Favoriten zuzugreifen, was den mobilen Spielspa? entscheidend fordert.

    Viele Nutzer interessieren sich fur die Sicherheit und Qualitat, weshalb informative spinogambino erfahrungen immer regelma?ig in Online-Foren diskutiert werden. Dabei loben Anwender besonders die flussige Bedienung und das ubersichtliche Layout, das den spino gambino casino Einstieg sehr einfach macht. Wenn Sie sich fur den spinogambino download entscheiden, erhalten Sie sofortigen Zugang auf eine perfekt angepasste Anwendung, die stabil lauft und durch kurze Ladezeiten besticht. Gerade im Bereich spino gambino deutschland hat sich der Anbieter einen Namen gemacht, da er sich gezielt an die lokalen Vorlieben richtet und eine vertrauenswurdige Spielumgebung schafft.

    Die Beliebtheit von casino spinogambino steigt kontinuierlich, da die Plattform stetig neue Features einfuhrt, die das Entertainment verbessern. Egal, ob man die mobile Losung uber die spino gambino app nutzt oder den klassischen Weg uber den Browser wahlt, die Qualitat bleibt durchweg hoch. Viele Spieler aus spino gambino deutschland schatzen zudem die klare Ubersicht der Webseite. Fazit ist, dass spinogambino eine hervorragende Wahl fur alle ist, die Wert auf eine solide mobile Performance und eine gro?e Auswahl an spannenden Casinospielen legen. Ein Blick auf die aktuellen Angebote ist empfehlenswert fur jeden, der nach einer zuverlassigen und unterhaltsamen Alternative im Bereich der Online-Unterhaltung sucht. Wer heute noch startet, profitiert von der grenzenlosen Freiheit, die das moderne Gaming heute ausmacht. Die Programmierung und das uberzeugende System machen das Angebot zu einem festen Bestandteil der deutschen Casinolandschaft.

  2. La vivencia de apuesta movil se ha elevado un reciente nivel debido a la llegada de la spinogambino app, pensada expresamente para brindar a los jugadores espanoles conexion inmediata a sus juegos favoritos [url=https://spino-gambinocasino.com.es/app]download spino gambino[/url] . Si pretendes una manera comoda y segura de gozar de las superiores tragaperras y plataformas en vivo, el procedimiento para obtener la app spinogambino es sumamente facil y rapido. Al ejecutar el download spinogambino, contaras en tu terminal una solucion mejorada que confirma suavidad, graficos de gran calidad y una pantalla intuitiva ajustada a tu pantalla.

    Gran cantidad de apostadores prefieren descargar la spino gambino app debido a las puntos fuertes que aporta comparada a la edicion de escritorio, tales como avisos sobre ofertas exclusivas y un entrada veloz con solo un toque. Si eliges llevar a cabo el download spino gambino, notaras que la exploracion es mucho mas agil, dandote la opcion de administrar tu cuenta con plena seguridad. Esta spinogambino casino app se ha consolidado como una de las opciones favoritas en el mercado, siguiendo con los requisitos de seguridad necesarios para que toda apuesta apuesta sea plenamente fiable.

    Al integrar la casino spinogambino app en tu celular, cargas al lado todo un mundo de entretenimiento. La spinogambino app casino facilita gozar de una coleccion integra de juegos sin tener en cuenta donde te encuentres. Ademas, el personal de ayuda tecnico siempre esta presente para solucionar toda duda asociada con el operatividad de la spino gambino app casino o cualquier consulta tecnica sobre el telefono spinogambino espana.

    No desaproveches la posibilidad de optimizar tu aventura digital ahora. La spinogambino online casino app es la alternativa definitiva para los que buscan calidad, agilidad y amplia diversion en un solo lugar. Instala ahora la app oficial y descubre por que millones de apostadores en Espana ya confian en esta web para sus sesiones de juego cotidianas, explotando al maximo la innovacion movil de ultima generacion usada a los juegos de azar online. [url=https://brilliantbluelogistics.com/2024/03/25/hello-world/#comment-22590]Explora la nueva spinogambino app: la opcion ideal para gozar de tus apuestas preferidos en Espana con plena seguridad y estilo.[/url] [url=https://autocaravanasatubola.com/semana-santa-en-autocaravana/#comment-254818]Conoce la fresca aplicacion de Spinogambino: la opcion ideal para gozar de tus apuestas favoritos en cualquier lugar con total fluidez y diversion.[/url] f5fa773

  3. goldenlion-impella

    Uncovering the ideal hub for your gaming needs can really be a challenging task, but the golden lion casino has surfaced as a significant location for gamers pursuing a premium web-based encounter [url=https://goldenlion-casino-3.todfakeelingdqm97.workers.dev]goldenlion casino[/url] . If you are now scouting for a exhaustive goldenlion casino review, it is essential to comprehend what distinguishes this firm apart in a competitive industry. As a top spot for those who relish excellent slots and timeless table games, the goldenlion casino online presents a sleek interface tailored for smooth usage over all platforms.

    When performing a goldenlion review, the initial thing users spot is the expansive selection of games. Regardless of you are a devotee of classic blackjack, captivating roulette, or the latest video slots, the range supplied by golden lion ensures that there is options for every stage of proficiency. The interface is created with client experience in view, verifying that the goldenlion vibe stays consistent over the site. The promise to delivering a secure and transparent space is a foundation of the casino goldenlion brand, which supports create trust with players navigating the world of online gambling.

    For those who are simply initiating their adventure with golden lion online, the joining method is quite uncomplicated. Security measures are strong, guarding your individual records while you relish your preferred games. Moreover, the help group powering casino golden lion is focused to handling questions efficiently, verifying that your period on the site is used concentrating on the fun of the betting ignoring technical complications.

    In summary, opting to bet at goldenlion is a move to adopt superior graphics, stable performance, and a wide selection of titles. This goldenlion casino review highlights that the site successfully matches entertainment with performance. Assuming you are a seasoned pro or a newcomer scouting the world of golden lion for the very first go, this site offers a mature feeling. Visit the world of goldenlion casino online now and find why so many members label it their top choice for online entertainment.

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

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

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

    Ανεξάρτητα αν είστε έμπειρος παίκτης είτε αρχάριος, το leoncasino σας καλωσορίζει με προσφορές και μια εμπειρία που είναι μοναδική. Η φήμη του leon ανεβαίνει συνεχώς, καθώς όλο και περισσότεροι επιλέγουν τη συγκεκριμένη πλατφόρμα για την καθημερινή τους διασκέδαση. Μη καθυστερείτε, ανακαλύψτε τις δυνατότητες που σας προσφέρει το leon-29v.pages.dev σήμερα και δείτε γιατί θεωρείται ένας από τους πιο ανερχόμενους προορισμούς στον κλάδο των τυχερών παιχνιδιών. Η ποιότητα και ο ενθουσιασμός σας περιμένουν, με απόλυτη ασφάλεια και επαγγελματισμό σε κάθε σας βήμα.

  5. chickenroad-crommak

    Kippen Spel Proefversie is een geliefd internet testomgeving voor het gewoon casinospel Hennenspel, dat vooral uit de Verre Oosten afkomstig is wordt.

    De site een online demo-site voor Chicken Road biedt gokers de optie om het game kostenloos te bekijken zonder betaling te spelen.

    Dit is speciaal handig voor wie nieuw is met Kippenweg Proefversie of zomaar de spelwijze en spelmechanica willen begrijpen voor ze aan echt geld gokken.

    Een Chicken Road Voorbeeld Review toont vaak aan dat de proefversie van het spel zeer gelijkaardig is aan de werkelijke variant, door de vergelijkbare bewegingen, geluiden en winstkansen. Dit maakt het een uitstekende optie voor wie een Chicken Road Proefversie Beoordeling willen onderzoeken om te verifiëren of het game passend u aangenaam is.

    De voorbeeld is niet alleen plezierig om te bekijken, maar ook een methode om te testen hoe de website werkt, met name als je een Chicken Road Testomgeving Nederlandse zoekt die soepel werkt.

    Veel spelers onderzoeken zich af of Chicken Road Demo betrouwbaar is. Ondanks de testomgeving zelf geen risico’s met zich heeft, is het essentieel om te begrijpen dat de gecertificeerde casinospelversie van Chicken Road Demo uniek op goedgekeurde en geautoriseerde platforms mag worden uitgevoerd.

    Een Kippenweg Testomgeving Oordeel kan hierover ook details bieden, omdat geldige omgevingen soms heldere details over licenties en veiligheid bieden.

    In het land is Kippenweg Testomgeving Nederlandse editie een bekende keuze onder online spelers, met name omdat het spel eenvoudig te verstaan is en snel te spelen. Of je nu op zoek bent naar een Chicken Road Demo Recensie of simpelweg moet begrijpen of het spel leuk is, de demo is een goede methode om dat uit te controleren.

    Het is wel altijd verstandig om bij het officiële inzetten op een Kippenweg Casino Slot te let dat je op een gecertificeerde en legale site inzet, bijvoorbeeld een Kippenweg Demo Geldig omgeving.

    Samengevat, de Chicken Road Proefversie op deze site is een nuttige methode voor iemand extra zich weten over het spel, maar voor het werkelijke inzetten moet je wel op een gecertificeerd gokhuis proberen.

    Een Kippenweg Proefversie Review kan ondersteunen om de juiste opties te nemen, maar in het eindresultaat is het altijd gerelateerd van je persoonlijke smaak en beschermingsvoorkeuren.

  6. In case you happen to be hunting for an thrilling approach to evaluate your luck and tactical ability, the domain of Plinko presents an indelible encounter. At [url=https://plinko-95.pages.dev]linko game[/url] , users can immerse into a fascinating atmosphere engineered to furnish high-quality enjoyment. Regardless of you act as a casual player or a person hunting for a kick, the plinko game furnishes straightforward nevertheless enticing operations that help you regressing for additional play.

    The central aspect of the adventure is monitoring the plinko game ball plunge from the peak of the pointed structure. As the object bounces against the nails, intensity builds till it settles in a reward pocket at the bottom. This vintage idea has matured into a widely-loved plinko casino game that is today obtainable to the masses. A multitude of members are truly looking for a plinko game online real money encounter where they can change their gaming skills into tangible gains. By opting for the ideal platform, you can revel in a fluid design that makes it quick to run plinko any time you hold onto a spare minute.

    When joining reputable plinko casinos, users frequently hunt for additional advantages to boost their bankroll. Using a specific plinko casino code or a specific plinko code can give you with rewards that upgrade your betting. These benefits are a wonderful way to commence your adventure in the plinko online game field. It is necessary to remember that the trajectory of the plinko ball is random, which is precisely what makes every level so gripping and advantageous.

    If you feel primed to begin, visit the page to discover the numerous functions accessible. The plinko online platform is adjusted for both computer and cellular hardware, ensuring you seldom lose a opportunity to win. Uncover why so so many humans are pulled toward the activity plinko and enter the expanding circle of players today. With responsive controls and the possibility for giant multipliers, your next massive win could be merely one toss removed. Experience the finest of what modern virtual play has to present by participating in this vintage game challenge right now.

  7. spinogambinoapp-aminia

    Fur alle, die auf der Suche nach einem exzellenten mobilen Spielerlebnis sind, ist die spinogambino app genau die perfekte Option fur Sie [url=https://spinogambinoapp.de/app]spinogambino casino app download[/url] . Diese innovative App bietet Ihnen direkten Zugriff auf ein breites Angebot an erstklassigen Automatenspielen und klassischen Casinospielen, direkt auf Ihrem Mobilgerat oder Tablet. Viele Spieler schatzen heutzutage die Flexibilitat, unterwegs spielen zu konnen, und genau hier setzt die spino gambino app an. Sie uberzeugt durch eine intuitive Benutzeroberflache und eine flussige Darstellung, die das Spielen zu einem echten Vergnugen macht.

    Um mit dem Spiel zu beginnen, ist ein spinogambino app download der erste Schritt. Der Vorgang ist rasch und unkompliziert gestaltet, sodass Sie innerhalb weniger Minuten startklar sind, Ihr Gluck herauszufordern. Wenn Sie nach der besten Moglichkeit suchen, um das spinogambino casino app Erlebnis in komplett zu genie?en, sollten Sie darauf achten, dass Sie die aktuelle Fassung verwenden. Die casino spinogambino app wurde speziell fur mobile Endgerate optimiert, um eine perfekte Optik und schnelle Ladezeiten zu gewahrleisten.

    Sollten Sie nach dem spinogambino casino app download auf der Suche nach einem speziellen Bonus sein, bietet Ihnen die Plattform zahlreiche Boni und Aktionen. Auch fur Nutzer, die gezielt nach dem spino gambino app download suchen, ist die mobile Applikation die beste Anlaufstelle fur ein serioses Gaming-Umfeld. Die spino gambino casino app bietet die identische Sicherheit wie die Desktop-Version, sodass Sie sich voll und ganz auf den Spielspa? konzentrieren konnen.

    Auch die casino spino gambino app zeichnet sich durch eine hervorragende Usability aus. Wer sich fur den spino gambino download entscheidet, profitiert von regelma?igen Updates und neuen Spielinhalten, die sofort eingebunden werden. Kurz gesagt, dass das Angebot keine Wunsche offen lasst. Egal, ob Sie ein Profi sind oder neu in die Welt der Online-Casinos eintauchen, die App bietet eine ideale Plattform fur jeden Spielertyp. Holen Sie sich noch heute die mobile Anwendung und genie?en Sie beste Spielunterhaltung wann und wo immer Sie mochten.

  8. Мы никогда не «лечим по заголовку». На старте фиксируем витальные показатели, собираем лекарственную историю и оцениваем факторы среды — график работы, «шум» дома, уровень физической активности, качество ночи. Параллельно обсуждаем, что для человека важнее сейчас: быстро «снять волну» симптомов, мягко перестроить вечерние привычки, настроить семейные договорённости или объединить всё это в короткий интенсивный период. Пациент получает не набор процедур, а маршрут: цель каждого шага, окно оценки эффекта, признаки успеха и заранее оговорённые условия для эскалации наблюдения.
    Подробнее можно узнать тут – http://narkologicheskaya-klinika-stavropol15.ru

  9. surgecasino-Astence

    Surge Casino, accessible at surgecasino-ww.vercel.appthe official website, has fast become a most name in an digital gambling scene [url=https://surgecasino-ww.vercel.app]surge casino login[/url] . It delivers a extensive selection of engaging games and attractive promotions for players. Whether you’re a seasoned gambler or new to an world of online casinos, this platform offers a user-friendly and engaging journey.

    A key aspect of Surge Casino is its huge collection of premium slots, which appeal to all tastes. From classic fruit machines to cutting-edge digital slots with high-quality graphics and engaging stories, there’s something for everyone.

    For those searching to start started, the digital login process is straightforward and convenient. New visitors can easily register and start enjoying their preferred games with no trouble. The platform also encourages new users to try their fortune with bonus spins, letting them to explore the site without risking their personal money. This is especially helpful for trying out slot games or acquainting yourself with the platform prior to doing any live deposits.

    Another key part of Surge Casino is its commitment to fair play. Players can expect a seamless and trustworthy gaming session, with secure deals and fair odds. The surge casino withdrawal system is designed to be efficient, ensuring that money are processed fast and out unnecessary waiting. Whether you’re cashing out your earnings or just handling your account, the platform prioritises on convenience and safety.

    For people who like to gamble on the move, Surge Casino is fully optimised for mobile devices, allowing it simple to reach your favourite best slots or additional casino games from anywhere. The site’s responsive design guarantees a smooth session throughout every devices, whether you’re on a smartphone or a iPad.

    Fresh players can also take advantage of bonus registration offers, which usually feature welcome deals, free spin rounds, and fund bonuses. These incentives make it even more appealing to join the platform and start playing immediately now. Whether you’re looking for exciting top slots or additional fun games, The Casino provides a comprehensive journey that caters to all types of gamblers.

    In conclusion, The Casino is a exceptional choice for digital betting enthusiasts, providing a combination of premium casino games, attractive promotions, and a smooth user experience. Whether you’re signing in for the initial time or returning for more, the site ensures that every visit is enjoyable and rewarding.

  10. Наркологическая клиника в Красноярске оказывает медицинскую помощь людям с алкогольной и наркотической зависимостью, абстинентным синдромом, психическими и соматическими расстройствами. Лечение начинается с приема и диагностики. Врач уточняет длительность употребления алкоголя или психоактивных веществ, оценивает клинические проявления интоксикации, сопутствующие заболевания и поведение человека. После обследования специалисты формируют индивидуальную программу, в которую могут входить дезинтоксикационная терапия, лекарственное лечение, психотерапия, кодирование и реабилитация.
    Ознакомиться с деталями – [url=https://narkologicheskaya-klinika-v-krasnoyarske20.ru/]наркологические клиники алкоголизм[/url]

댓글 달기

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