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

  1. Regarding game lovers in Uganda looking for a trustworthy and exciting platform, Paripesa has swiftly evolved into a top hub for online wagering [url=https://pari-pesa-22.onrender.com]paripesa uganda[/url] . Recognized as a top-tier selection for regional bettors, Paripesa Uganda delivers a complete setting that combines accessibility with a broad range of betting markets. Whether you are a fan of soccer, basketball, net sports, or niche disciplines, Pari Pesa presents favorable returns that promise every wager has the capacity for excellent profits. Beginning is straightforward, and once you reach the main platform, you will discover that the Paripesa Uganda login procedure is simplified for fast entry on either PC and mobile phones.

    The fame of Paripesa bet in Uganda arises from its user-friendly design and commitment to offering a secure gaming journey. When you complete your Pari Pesa login Uganda, you secure instant entry to a realm of active games, virtual contests, and gaming entertainment. The site is designed to cater to the specific preferences of Ugandan players, verifying that payment options and customer support are regionalized and efficient. With the increasing trend of portable gaming, Paripesa sports betting has optimized its tools to verify that players can place their stakes on the run without any technical difficulties.

    If you are a newcomer to the field, registering for a Paripesa account is the first move towards exploring the huge potential of this high-quality sportsbook. The platform distinguishes itself thanks to its regular specials, incentive packages, and a smooth wagering path that maintains bettors engaged. By choosing Paripesa UG, you are going for a reputable brand in the market that prioritizes customer happiness. If you are seeking your favorite events or aiming to test your fortune on new areas, Paripesa bet Uganda provides a high-quality venture consistently. Visit the site now to appreciate a premium betting time, find the newest odds, and see why so many citizens rely on Pari Pesa for their daily entertainment. Lock your membership, dive into the excitement, and enjoy the rush of wagering at its finest.

  2. Der Titel Chicken Road hat kurzlich in der deutschen Zocker-Szene fur jede Menge Diskussionen gesorgt [url=https://chicken-road-de-61.vercel.app]Chicken Road Spiel[/url] . Wer auf der Suche nach einer schnellen Unterhaltung ist, stolpert oft uber den Titel Chicken Road, der als aufregendes Spiel in der Casino-Welt beworben wird. Viele Nutzer stellen sich dabei die wichtige Frage: Ist Chicken Road vertrauenswurdig? Angesichts der Vielzahl an neuen Plattformen im Netz ist es entscheidend, sich vorab grundlich zu informieren, bevor man sich registriert.

    Wenn man nach Erfahrungsberichten zu Chicken Road sucht, findet man unterschiedliche Berichte. Einige Spieler schatzen das rasante Gameplay, wahrend andere vorsichtiger agieren. Die zentrale Frage lautet fur viele Interessierte meist: Chicken Road echt oder fake? Um diese Frage zu beantworten, sollte man immer die Seriositat der jeweiligen Plattform uberprufen. Das Chicken Road Game Casino bietet ein Konzept, das auf kurzen Reaktionszeiten und Adrenalinkick basiert, was fur Fans von Crash-Spielen charakteristisch ist.

    Wer Chicken Road in Deutschland spielen mochte, sollte darauf achten, dass er auf einer seriosen Webseite unterwegs ist. Das Chicken Road Spiel ist ein Slot, der durch seine einfache Spielmechanik besticht, aber dennoch ein ein gewisses Ma? an Risiko birgt. Es ist daher ratsam, stets verantwortungsbewusst zu agieren und nur Betrage einzusetzen, deren Verlust man verschmerzen kann. Bei der Suche nach dem Chicken Road Slot im Internet sollte man sich grundsatzlich auf verifizierte Quellen verlassen.

    Kurz gesagt lasst sich sagen, dass das Chicken Road Game eine spannende Moglichkeit fur Gelegenheitsspieler sein kann. Ob Chicken Road serios ist, hangt schlie?lich meist von der entsprechenden Webseite ab, auf der das Spiel angeboten wird. Nutzer, die Chicken Road spielen wollen, sollten deshalb nicht nur den Unterhaltungsaspekt im Blick behalten, sondern auch auf Sicherheit und Seriositat achten. Mit der richtigen Recherche und einem bewussten Spielverhalten lasst sich das Chicken Road Casino Erlebnis aber in der Regel ohne Probleme genie?en. Bleiben Sie bei Ihren Einsatzen immer vernunftig und setzen Sie auf Sicherheit und Vertrauenswurdigkeit bei der Wahl Ihrer Gaming-Webseite.

  3. spinogambino-operve

    Falls Sie nach einer Suche nach einer fundierten und transparenten Analyse fur Ihr nachstes Casino-Abenteuer sind, ist die Webseite spinogambino-bewertung.com.de die beste Adresse [url=https://spinogambino-bewertung.com.de]casino spinogambino[/url] . In der Welt der Online-Glucksspiele ist es oft schwierig, den Uberblick zu behalten, doch das Portal bietet eine prazise Aufarbeitung rund um das spinogambino casino. Wer sich fur das spino gambino casino interessiert, findet hier alle wichtigen Informationen, die fur eine gute Wahl entscheidend sind. Die Experten auf der Seite nehmen das spinogambino casino online genau unter die Lupe und beleuchten dabei Aspekte wie Spielauswahl, Bonusaktionen und Sicherheit.

    Besucher der Webseite erfahren detailliert, ob das casino spinogambino den aktuellen Sicherheitsstandards entspricht und welche Zahlungsmethoden zur Verfugung stehen. Besonders hervorzuheben ist die objektive spinogambino casino bewertung, die Spielern dabei hilft, die Vor- und Nachteile abzuwagen, bevor sie sich registrieren. Da der Markt fur casino online spinogambino immer gro?er wird, ist eine seriose Quelle Gold wert. Das spino gambino Konzept wird hier in all seinen Facetten analysiert, sodass Sie genau wissen, was Sie erwartet, wenn Sie bei diesem Anbieter starten wollen.

    Die Navigation auf spinogambino-bewertung.com.de ist benutzerfreundlich gestaltet, sodass Sie umgehend zu den wichtigsten Inhalten gelangen. Egal, ob Sie neu in der Welt der Online-Casinos sind oder bereits Routine haben, die gebotenen Einblicke sind fur jeden hilfreich. Vertrauen Sie auf eine grundliche Recherche, wenn es um das spino gambino casino geht. Kurz gesagt lasst sich sagen, dass die Webseite eine wichtige Unterstutzung fur jeden ist, der das spinogambino casino einschatzen mochte, bevor echtes Geld eingesetzt wird. Verschaffen Sie sich einen Uberblick, damit Ihr Aufenthalt in einem Casino online spinogambino sicher und unterhaltsam bleibt. Besuchen Sie die Seite immer wieder, um uber Anderungen oder neue Bonusangebote auf dem Laufenden zu bleiben, denn eine optimale Planung ist der erste Schritt zu einem sicheren Spielvergnugen. Bleiben Sie informiert und spielen Sie stets mit Bedacht.

  4. Вывод из запоя осуществляется в несколько этапов, каждый из которых направлен на постепенное восстановление организма. Такой поэтапный подход снижает нагрузку на внутренние органы и повышает эффективность лечения.
    Получить дополнительную информацию – [url=https://vyvod-iz-zapoya-v-rostove-na-donu16.ru/]вывод из запоя с выездом[/url]

  5. Всем привет!
    Срочная и быстрая выездная помощь автомобилистам в Новосибирске.
    Быстрый выезд и решение проблемы там, где стоит автомобиль.
    [url=https://tehpomosh-novosibirsk.ru/gruzovoy-avtoelektrik/]диагностика грузовых авто[/url]
    Если ищите, если машина застряла, отогрев авто, запуск двигателя, прикурить аккумулятор, вскрытие автомобиля, автоэлектрик и помощь, то это в Техпомощь в Новосибирске https://tehpomosh-novosibirsk.ru/ .
    Выезжаем в область, дежурный мастер в каждом районе Новосибирска.
    Звоните в Техпомощь Новосибирск 8 906 193-28-20.
    До новых встреч!

  6. chickenroad-Rumouh

    Does This Chicken Journey authentic? The review concerning this widely-loved browser experience

    This Platform has secured growing notoriety among recent weeks, primarily towards the users throughout the the British Isles those that relish digital casino-like games [url=https://chickenroad-game-199.vercel.app]Is Chicken Road Legit[/url] .

    Meanwhile due to this platform’s surge through celebrity, countless enthusiasts find wondering: *Worth The Chicken Journey authentic? A response holds true that The Game on its own has turned out the completely uncharged experience, still the experience’s genuineness shifts how players treat that adventure.

    Separate from classic wagering venues, The Chicken Journey was nowhere near the system. As a result, fears relating to equity, shielding, including economic threats change versus them tied concerning online betting platforms.

    An title has become an venture where players manoeuvre this brave feathered friend over countless tests, securing perks in the process the game’s way.

    While the experience hasn’t require genuine cash gambles, several enthusiasts have associated the adventure to gaming mechanics because mesmerising character and gain schemes.

    Should you find yourself thinking *Can The Game reputable title, a judgment holds certainly—it’s a legitimate completely uncharged adventure operated through Vercel’s cloud, this trusted internet platform.

    Still players be advised to stay cautious about unofficial enhancements as well as enhancements that tend to state towards give game-related credits and prizes, because those might prove tricks.

    Regarding those thinking *Can This Platform authentic casino in this Great Britain, it’s important for which The Browser-Based Challenge stands not in the least this betting betting platform.

    That the British Isles enforces uncompromising policies concerning digital gambling as well as countless site supplying true banknotes challenges ought to be verified under an Gambling Commission.

    As The Game isn’t comprise staking, the experience shuns these legal together with legal doubts.

    Meanwhile though you’re seeking in search of a wagering venue among the reliable Britain, you cling towards licensed operators such as Bet365 Sports, Ladbrokes Sports, as well as 888 Entertainment, the ones that own correct verification and transparent gameplay rules.

    As exploring in pursuit of *Worth This Platform legit feedback, many players acknowledge which this platform has become enjoyable, brilliantly crafted, plus nary cases involving online dangers or fraudulent conduct.

    However countless users have mentioned dissatisfaction with in-game buys, including promotions the ones that would appear pushy.

    Considering you happen to remain questioning touching on the game’s trustworthiness, auditing recent *Are The Browser-Based Challenge honest including not threads among player platforms along with r/Gaming will deliver more insights via other participants.

    With conclusion, The Browser-Based Challenge has become a honest free app, nonetheless their systems as well as bonuses have to responsibly.

    Whenever you could looking this genuine betting platform within the the Isle of Britain, make sure that this platform has turned out suitably approved together with regulated.

    As of today currently, This Platform continues this enjoyable as well as guaranteed route of pass a few periods—entirely maintain cautious regarding most external proposals which would sound like too good to prove authentic.

    Always double-check before joining in most internet platform with a view to secure your own including bank details.

  7. Капельница, устанавливаемая наркологом на дому в Челябинске, помогает быстро очистить организм от токсинов и нормализовать водно-солевой баланс. Растворы включают витамины, анальгетики, седативные и гепатопротекторные препараты. Эффект от процедуры ощущается уже через 20–30 минут. Капельница снижает головную боль, устраняет тошноту, восстанавливает работу печени и сердечно-сосудистой системы. Такой метод считается одним из самых эффективных способов вывести пациента из запойного или абстинентного состояния без визита в стационар.
    Подробнее тут – [url=https://narkolog-na-dom-v-chelyabinske16.ru/]нарколог на дом вывод челябинск[/url]

  8. Нужен присмотр и капельницы под контролем. Родные не спят ночами. Наркологический стационар — это когда человек под присмотром врачей. И только после этого начинают основное лечение. Вывод из запоя Москва стационар — Без лишнего риска для здоровья. Вся информация доступна здесь: наркология вывод из запоя в стационаре [url=https://narkolog.narkologicheskij-staczionar-msk-wbo.ru]https://narkolog.narkologicheskij-staczionar-msk-wbo.ru[/url] Там и про наркологическую клинику в Москве цены для жителей столицы. Обращайтесь к специалистам.

  9. mojabetbonus-AxiolD

    At Mojabetbonus.com, our objective is to serve as the ultimate guide for sports enthusiasts and gamblers exploring the realm of online betting [url=https://mojabetbonus.com/about-us]moja bet[/url] . We understand that the online betting environment can be confusing, which is why we dedicate our expertise to delivering transparent, precise, and current information regarding the latest offers found on Moja bet. Our team is composed of betting specialists who are passionate about helping users boost their results through trusted advice and analytical reviews.

    When you check out our portal, you gain access to a curated selection of tools built to enhance your gaming experience. We specialize in analyzing the different aspects of Mojabet to guarantee our visitors have a comprehensive understanding of what each platform brings to the table. Regardless of whether you seek specific welcome packages, loyalty rewards, or information on how to utilize a particular promo code, our site acts as your primary hub for essential data. We value the safety and enjoyment of our audience, which is why we only highlight reputable content that adheres to strict criteria of quality and fairness.

    The landscape of Moja bet is constantly evolving, with new promotions and betting markets appearing regularly. Our dedicated editorial team works diligently to track these updates, making sure the details found on our About Us page and throughout our platform remains current and useful. We believe that informed players make better decisions, and our goal is to connect the divide separating complex betting requirements and the casual player. By prioritizing clarity and utility, we help you maneuver through the intricacies of the gambling scene with ease. We encourage you to check out our comprehensive guides and evaluations to make the most of your time with Mojabet. Your path to a more informed and tactical method to wagering begins now, where your requirements as a bettor are always our top priority. We appreciate you for choosing us as your reliable companion in your betting activities.

  10. Falls Sie das Chicken Road Game auf unserer Plattform spielen, legen wir besondere Prioritat auf Transparenz hinsichtlich Ihrer Privatsphare und der technischen Ablaufe [url=https://chicken-road-predictor.org/cookie-richtlinie]chicken road game[/url] . Unsere Cookie-Richtlinie erklart detailliert, wie wir kleine Textdateien verwenden, um Ihr Spielerlebnis zu optimieren. Wenn Sie das Chicken Road Spiel besuchen, werden bestimmte Daten in Ihrem Browser gespeichert, damit die Seite schneller ladt und Ihre Einstellungen fur spatere Sitzungen erhalten bleiben.

    Cookies sind fur den einwandfreien Betrieb der Webseite unerlasslich. Sie ermoglichen es uns, zu verstehen, wie Nutzer mit dem Chicken Road interagieren, um die Performance der Algorithmen standig zu verbessern. Wir nutzen sowohl notwendige Cookies, die fur die grundlegende Funktionalitat der Seite vorgeschrieben sind, als auch statistische Cookies. Letztere helfen uns dabei, die Qualitat des Chicken Road Game zu analysieren, ohne dabei sensible, personliche Informationen zu identifizieren. Ihre Privatsphare steht fur uns im Mittelpunkt, weshalb wir keine Daten an Dritte fur Marketingzwecke weitergeben, die uber das fur den Betrieb notwendige Ma? hinausgehen.

    In Ihrem Browser haben Sie jederzeit die komplette Hoheit. Sie konnen gespeicherte Cookies jederzeit prufen, blockieren oder loschen. Bitte beachten Sie jedoch, dass bei einer kompletten Abschaltung bestimmter Dateien einige Funktionen beim Spielen von Chicken Road unter Umstanden nicht mehr wie gewohnt funktionieren. Da sich unsere Technologie rund um das Chicken Road Game weiterentwickelt, kann es ab und zu zu Aktualisierungen in unserer Cookie-Richtlinie kommen. Wir empfehlen Ihnen daher, die entsprechende Seite regelma?ig zu besuchen, um stets auf dem neuesten Stand zu bleiben.

    Unser Ziel ist es, Ihnen ein faires, sicheres und technisch einwandfreies Erlebnis bei der Nutzung unserer Vorhersagetools zu bieten. Sollten Sie Fragen zu unseren Datenerfassungspraktiken im Zusammenhang mit dem Chicken Road haben, finden Sie alle relevanten Details in unserer offiziellen Richtlinie. Vielen Dank fur Ihr Vertrauen in unsere Plattform und viel Erfolg bei Ihren nachsten Runden in der Welt von Chicken Road. Wir arbeiten kontinuierlich daran, den Standard fur unser Spiel hochzuhalten.

댓글 달기

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