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

  1. vegashero-offeve

    Sicheres Glucksspiel ist ein bedeutsamer Schwerpunkt innerhalb der Sphare der Online Casinos, wobei ebenso Vegas Hero gro?e Bedeutung beimisst [url=https://vegashero-spiel.at/verantwortungsbewusstes-spielen]vegas hero[/url] . Interessierte, welche vegashero-spiel.at/verantwortungsbewusstes-spielen aufrufen, entdeckt dort wichtige Informationen sowie Unterstutzungsmoglichkeiten, um die eigene Aktivitat serios sowie bedacht zu gestalten. Das Ziel von Vegas Hero ist es, der Kundschaft eine vergnugliche Atmosphare zu gewahren, ohne dass dabei die Freude am Zocken durch ein problematisches Verhalten uberschattet wird.

    Die Webseite macht es sich zur Aufgabe, dass Spieler ihre personlichen Grenzen kennen und respektieren. Zur Forderung dieser Ziele, bietet Vegas Hero verschiedene Werkzeuge bereit, die direkt im Nutzerprofil eingestellt werden lassen. Hierbei sind primar Budgetbeschrankungen, die dabei helfen, das monatliche oder wochentliche Budget zu kontrollieren. Sollte jemand bemerken, dass eine Auszeit notwendig erscheint, kann zudem, von Pause-Optionen oder einem Selbstausschluss machen. Diese Mechanismen sind essenziell, um das eigene Spielverhalten langfristig zu steuern.

    Abgesehen von den digitalen Tools bietet die Plattform informative Aufklarung. User werden motiviert, das Setzen immer als Freizeitbeschaftigung und keinesfalls als Finanzquelle anzusehen. Auf der weiterfuhrenden Webseite stehen auch zusatzliche Adressen zu fachkundigen Hilfseinrichtungen, die bei Anzeichen eines problematischen Spielverhaltens vertraulich sowie verschwiegen Hilfe leisten.

    Vegas Hero versteht seine gesellschaftliche Pflicht sehr ernst. Der Jugendmedienschutz und die Pravention von Spielsucht ranken bei samtlichen Firmenentscheidungen im Zentrum. Durch das Engagement des Portals, klare Regeln veroffentlicht und zur eigenen Reflexion animiert, definiert es strenge Ma?stabe im Sektor. Kunden werden gebeten, diese Ressourcen oftmals heranzuziehen. Ein sorgsamer Einsatz mit dem Angebot des Unternehmens garantiert, dass das Zockerlebnis langfristig positiv sowie gesichert ist. Jeder, der sich schlau macht und seine eigenen Limits kennt, zockt am sichersten. Nutzen Sie also die Infoseite des Betreibers, um ausfuhrlichere Infos hinsichtlich der Schutzvorkehrungen und die Optionen fur das personliche Spielmanagement zu erhalten, denn ein sicheres Spielumfeld stellt das Fundament fur dauerhafte Freude am Spiel. [url=https://borayoluklu.com/2022/02/23/and-the-day-came-when-the-risk-to-remain-tight-in-a-bud-was-more-painful-than-the-risk-it-took-to-blossom/#comment-9708]Sicheres Glucksspiel im Fokus: Wie Vegas Hero seine Spieler schutzt und zur Eigenverantwortung animiert[/url] [url=http://1.s.2.free.fr/viewtopic.php?f=13&t=445495&p=518832#p518832]Verantwortungsbewusstes Spielen bei Vegas Hero: Ein Leitfaden fur ein sicheres und kontrolliertes Spielerlebnis[/url] 97a610d

  2. Публикация посвящена жизненным историям людей, успешно справившихся с зависимостью. Мы покажем, что выход есть, и он начинается с первого шага — принятия проблемы и желания измениться.
    А есть ли продолжение? – [url=https://shkatulkaesoteric.ru/lechenie-alkogolnogo-zapoya-na-domu/]вывод из запоя на дому цена[/url]

  3. Locating a trustworthy online betting portal might prove difficult for UK enthusiasts, but sites like the one hosted at [url=https://vegas-hero-136.pages.dev]Vegas Hero Casino[/url] are attracting massive focus. If you are browsing your options, perusing a thorough Vegashero Casino review may assist illumine what this provider provides. Celebrated for an exciting atmosphere, Casino Vegas Hero delivers the thrill of Las Vegas right to your display with an outstanding range of games and offers.

    When assessing new gaming platforms, protection is generally the main concern. Plenty of gamers often ask the query, is Vegas Hero legit? Based on user input and general Vegas Hero evaluations, the platform provides a safe space employing modern security tech, enabling players to relish their favourite titles with tranquility. Navigating the platform is seamless, offering a user-friendly experience whether you are gaming on a PC or a mobile device.

    The gaming lobby at Vegas Hero Casino is packed with sought-after slots, immersive table games, and live dealer interactions designed to appeal to every types of fans. For users located in the UK, entering Vegas Hero uk choices has hardly ever been simpler. The site offers smooth action, fast loading times, and compelling motifs that hold players amused for ages.

    Drafting this Vegashero review spotlights the strong points of the brand, comprising its liberal bonus structures and responsive client support team. Whether you call it as Vegashero Casino, hero Vegas Casino, or just Vegashero, the company works hard to provide a high-end entertainment service. For anyone searching for a new and dynamic gaming destination, visiting the Casino Vegashero platform is undoubtedly deserving of your attention. Plunge into the excitement today and find out why so many gamers are turning it their preferred destination for digital excitement.

  4. Этот краткий обзор предлагает сжатую информацию из области медицины, включая ключевые факты и последние новости. Мы стремимся сделать информацию доступной и понятной для широкой аудитории, что позволит читателям оставаться в курсе актуальных событий в здравоохранении.
    Наши рекомендации — тут – [url=https://alkogolikum.ru/stati/lekarstva-ot-bessonnicy.html]анонимная наркологическая клиника[/url]

  5. chickenroad-Sasourn

    Inside Chicken Road, our staff genuinely hold the view that the rush of playing must constantly remain balanced with a devotion towards player security [url=https://chickenroad-casinogame.com/responsible-gambling]ChickenRoad[/url] . Traversing that realm of web-based leisure necessitates a cautious strategy, plus the devoted responsible gambling page located via chickenroad-casinogame.com/responsible-gambling acts as the cornerstone aimed at verifying that any user maintains a sound connection to their favorite hobbies. Whether players are investigating the unique features of ChickenRoad alternatively engaging through the wider collection involving products, the welfare remains our highest goal.

    Responsible gambling is about staying in boundaries plus regarding gaming as a type of fun instead than a method for making money. Our platform supply the range comprising utilities and resources designed for enable our community in make informed decisions. These consist of options regarding defining individual deposit caps, activity time alerts, and self-exclusion protocols aimed at players who may need to take a pause away off this site. Through using such functions, users are able to savor the intensity found in Chicken Road while minimizing any dangers connected with excessive play.

    Our team urge each of these customers to identify the signs of problematic conduct. Betting ought to not conflict with your private living, finances, or psychological health. If you at any time feel as if your patterns are becoming tough to control, our resource page offers counsel on the process for seek support plus reach expert therapy services. Inside ChickenRoad, the company are devoted to fostering a clear plus protected space in which fun stays our main objective.

    It is important for note that gambling is exclusively intended for people that qualify as meeting permitted maturity. Our team utilize strict verification procedures for ensure our service remains protected for our membership. By fostering the vibe involving accountability, the organizers aim for deliver a lasting plus pleasurable journey for all. Visit the specialized responsible gambling section today in order to familiarize yourself with our safety protocols and discover the way for keep a stable betting lifestyle. At Chicken Road, the team desire players to be protected, wager wisely, plus appreciate this experience mindfully.

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

  7. Wenn Sie auf der Suche nach einer frischen plus fesselnden Anlaufstelle fur die eigenen Glucksspielabenteuer zahlen, sollten Sie sich das Angebot von Cazeus genauer betrachten [url=https://cazeus-15.rahulakschummyxj10.workers.dev]cazeus casino review[/url] . Das Cazeus Casino besitzt sich im Markt schnell einen Status etabliert sowie lockt zunehmend Nutzer an, die nach einem modernen Entertainment sind. Innerhalb dieses Cazeus Casino Review gestalten wir einen tiefgrundigen Analyse bezuglich jene Tatsache, was diese Plattform ausmacht. Wenn man die neuesten Cazeus Casino Erfahrungen betrachtet, wirkt schnell eindeutig, indem die Usability nebst die Auswahl an Games hier im Mittelpunkt agieren. Zahlreiche Zocker fahnden gezielt nach einem seriosen Cazeus Casino online, weil die Seite eine breite Palette bezuglich Slots und Live-Dealer-Spielen bietet, die fur alle Praferenzen etwas bereithalten. Ein genauerer Blick auf die Cazeus Bewertungen demonstriert, dass User hauptsachlich die schnelle Performance plus den schnellen Kundensupport honorieren. Zudem fur Gamer aus der Region Cazeus Deutschland bleibt das Portal eine spannende Wahl, weil es modernste Sicherheitsstandards gepaart mit einem attraktiven Bonusprogramm vernetzt. Falls Sie grubeln, ob etwa Casino Cazeus die richtige Wahl fur Sie darstellt, mussten Sie die unterschiedlichen Cazeus Reviews konsultieren, zwecks einen detaillierten Durchblick zu erlangen. Ein objektiver Cazeus Review belegt haufig, dass dabei das mobile Design hervorragend agiert, sodass hiermit Sie auch von unterwegs einfach auf den Zugriffsbereich zugreifen durfen. Abschlie?end lasst sich festhalten, dass Cazeus Casino Reviews eine gute Hilfe hierbei sind, die mannigfaltigen Vorzuge nachzuvollziehen, die dieses Casino anbietet. Ganz gleich, ob Sie nun ein alter Hase sind oder gerade erst mit dem Spiel beginnen, die bisherigen Cazeus Casino Erfahrungen betonen, dass es sich hier es hierbei um einen vertrauenswurdigen sowie vergnuglichen Anbieter dreht. Ergreifen Sie den Moment, um personlich eine Vorstellung bezuglich des Portfolios zu verschaffen sowie die erstklassigen Offerten zu entdecken. Die Kombination von hochwertigem Layout, einer intuitiven Benutzeroberflache und einer kontinuierlich ausgebauten Spielbibliothek gestaltet Cazeus gegenwartig hin zu einem der spannendsten Ziele im Bereich der digitalen Unterhaltung. Stutzen Sie sich auf sachliche Cazeus Bewertungen sowie eroffnen Sie noch heute die personliche Reise.

  8. vegasherospiel-phige

    Wer, der auf dem Weg zu dem exzellenten Online-Glucksspielerlebnis ist, gelangt an der vegashero official site fast nicht vorbei [url=https://vegasherospiel.ch]vegashero-bewertungen[/url] . Das vegashero casino hat sich in der Welt der digitalen Spiele einen Namen gemacht indem es bereithalt eine beeindruckende Vielfalt an Slots, Tischspielen und Live-Casino-Optionen. Jemand, der Interesse an das Angebot begeistert, wird ein Auge auf eine grundliche vegashero casino review werfen, zwecks die ganzen Vorzuge des Portals zu erfassen. Etliche Gamer au?ern ihre vegashero erfahrungen und berichten von der benutzerfreundlichen Interface und einer schnellen Navigation, die das vegashero online Spielen au?erordentlich lustig formen.

    Wenn man nach einem vertrauenswurdigen Betreiber fahndet, ergibt sich haufig das Thema: Gilt vegas hero serios? Die vegas hero bewertungen von erfahrenen Kunden weisen unmissverstandlich darauf hin, dass Sicherheit sowie Transparenz beim Anbieter hochste Wichtigkeit genie?en. Jeder, der das vegas hero casino akribisch pruft, bemerkt rasch, dass das Portfolio sowohl fur Neulinge sowie fur geubte Profis hervorragend passend ist. Bei jeder umfassenden vegas hero review wird zudem auch die Lizenzierung hervorgehoben, wodurch das vegas hero online Angebot zu der vernunftigen Alternative gestaltet.

    Samtliche zahlreichen vegashero-bewertungen im Netz bestatigen vor allem die Bandbreite an Bonusangebote und der gunstigen Umsatzbedingungen. Wenn ihr Ihre eigene vegashero casino erfahrung erleben wunschen, lohnt sich ein Besuch auf dem Portal, um die neuesten Angebote aufzustobern. Es stellt die Mischung aus moderner Technik, der weiten Reihe an Spielen sowie einem exzellenten Kundensupport, die casino vegashero zu dem Top-Portal etlicher Nutzer formt. Zusammenfassend darf man behaupten, dass casino vegas hero eine Webseite bereitstellt, die wegen Sicherheit sowie Spielspa? punktet. Wer sich nun hinterfragt, ob vegashero zuverlassig ist, kann gelassen sein, denn das Komplettpaket zeugt fur sich. Ungeachtet, ob etwa ihr klassische Casino-Klassiker bevorzugen oder diejenigen neuesten Video-Slots ausprobieren mochten, vegashero bietet das geeignete Framework fur das mitrei?endes Vergnugen. Testen ihr es aus und dazu finden ihr heraus, weshalb so etliche Spieler bei der Gute von vegas hero bauen. [url=https://www.djshipping.co/hello-world/#comment-36501]VegasHero Casino Erfahrungen 2024: Weshalb Spieler bei diesem Anbieter setzen[/url] [url=https://bretonia.eu/forum/topic/83702-link-harbor-cracking-whisper-voyage/page/152/#comment-411792]VegasHero im Test: Erfahrungen zum neuen Online-Casino[/url] e2_9286

  9. Эта информационная публикация освещает широкий спектр тем из мира медицины. Мы предлагаем читателям ясные и понятные объяснения современных заболеваний, методов профилактики и лечения. Информация будет полезна как пациентам, так и медицинским работникам, желающим поддержать уровень своих знаний.
    Читать дальше – [url=https://cvetnik.me/pages/vyzov-narkologa-na-dom-zapoj/]вывода из запоя на дому в Воронеже через капельницу[/url]

  10. When you might be searching to find an exhilarating digital betting hub, exploring this website found at vegas-hero-137.vercel.app is a great launchpad targeted towards UK gamers [url=https://vegas-hero-137.vercel.app]Vegashero[/url] . This portal offers access to learning what makes Casino Vegas Hero a prominent brand within the virtual gaming market. Upon discovering Vegas Hero Casino, enthusiasts frequently met by an elegant interface, a massive catalog spinning games, and enticing marketing deals created to elevate that betting journey.

    Several aspiring gamers frequently inquire, is Vegas Hero safe? Drawing from gamer feedback along with comprehensive Vegas Hero reviews, the platform runs featuring a solid dedication toward fairness, protection, and responsible play. Guarantying a secure environment for British players remains a main priority, prompting users researching platforms such as Vegashero Casino review pages before signing up remains consistently an intelligent move.

    A thorough Vegashero review generally spotlights the striking range of table games, live host options, and top-tier gaming suppliers offered on the web page. Moving across the features of Casino Vegashero shows a smooth user journey, whether you are navigating the portal through desktop or mobile phones. The simplified structure makes certain locating your best games is effortless.

    For anyone residing in the UK, finding a reliable provider remains crucial, plus UK Vegas Hero fans are sure to value the adapted features plus banking options suited to the domestic sphere. Checking an unbiased Vegashero Casino review might offer useful perspectives on cashout speeds, support team responsiveness, along with recurring loyalty perks.

    Ultimately, exploring Vegashero grants you a prime spot to an energetic casino lobby. Whether calling it Vegas Hero Casino, hero Vegas Casino, or simply Vegashero Casino, the platform delivers action around every corner. Make sure to check the most recent Vegas Hero Casino review details to keep abreast on new game releases along with unique perks tailored for todays users.

댓글 달기

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