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

  1. goldenlion-Beediut

    Uncovering a trustworthy and entertaining hub for wagering is a major goal for many enthusiasts, and the arrival of the golden lion platform has definitely grabbed the attention of players [url=https://goldenlion-gb.vercel.app]goldenlion casino[/url] . If you are looking for a detailed goldenlion casino review to understand what this site offers, you have reached at the ideal destination. The golden lion brand has cemented itself as a energetic area for those who like top-tier visuals, extensive game inventories, and an user-friendly design.

    When investigating the golden lion online experience, patrons will promptly spot the dedication to delivering a smooth web setting. As a current gaming hub, goldenlion casino promises that its collection of products serves as well as beginner players and expert experts. From traditional table games to the most recent video slots, the scope offered at casino goldenlion is noteworthy. The addition of simple navigation and safe protocols turns goldenlion casino online a trustworthy pick for anyone aiming to savour their preferred pastimes from the convenience of their home.

    In this goldenlion review, we emphasise how the portal values client satisfaction. The interface is built to be accessible, allowing players to discover their selected groups without any extra hassle. Regardless of whether you are looking for the old-school attraction of casino golden lion or looking to explore new, cutting-edge software, the database is constantly refreshed to keep the excitement current. Privacy persists a top aim, guaranteeing that your time passed at goldenlion is both entertaining and secured.

    Overall, the image of golden lion keeps to expand inside of the tough online sector. By providing a fair assortment of accessibility and luxury elements, goldenlion attempts to shine from the others. If you are eager to understand why so numerous players are flocking to this particular site, visiting the main portal is the ideal strategy to start. With its strong variety of games and professional attitude, goldenlion remains to be a top candidate for gamers searching for a first-class gaming destination.

  2. chickenroad-heewamb

    Are you looking to enjoy the thrill of the popular betting game without any monetary stakes? The Chicken Road Demo is the ideal gateway for both novices and experienced gamblers who want to refine their strategies [url=https://chickenroad-login-casino.com/demo]Chicken Road Demo Spielen[/url] . By visiting the platform, you can explore the mechanics of this captivating game in a risk-free setting. Whether you are searching for the ChickenRoad Demo to grasp the gameplay flow or simply want to practice your timing before placing real bets, the demo mode offers everything you need to gain assurance.

    Many players prefer to use the ChickenRoad Kostenlos Demo because it allows them to learn the interface and understand the volatility of the game without risking any capital. It is an fantastic way to see how the multiplier works and how the different obstacles affect your chances of success. When you choose to try the Chicken Road Demo Spielen, you are essentially participating in a practice round that replicates the real-money version of the game. This ensures that when you decide to move on to real gameplay, you are fully prepared for the excitement that lies ahead.

    Furthermore, the ChickenRoad Demo Spielen option is optimized for seamless performance across both desktop and mobile devices. You do not have to sign up or provide personal banking details to access the free play mode. Simply go to the dedicated section of the site and start your journey. Because the demo uses virtual credits, you can try out various betting patterns and risk levels as much as you like. This is the best approach for players who want to improve their abilities and enjoy the vibrant graphics and smooth design of the game. If you are prepared to start, using the free version is the smartest way to get acquainted with all the features. Begin now and see why this game has attracted the interest of so many players worldwide. Discover the game at your own pace and prepare for the best gaming adventure.

  3. een populaire digitale simulatie voor deze gewilde casinospel Kippenrace, welke door numerieke gamblers in het rijk wordt beoefend [url=https://chicken-road-nl-23.onrender.com]Chicken Road Demo Nl[/url] .

    Deze platform biedt gamblers de kans om deze casino in de geselecteerde omgeving te ervaren zonder bedrag te verliezen. Dit is met name praktisch voor nieuwe gokers die de game willen begrijpen voordat ze met reële inzet gaan spelen.

    Een Chicken Road Demo Evaluatie kan helpen om kennis te winnen in de eigenschappen en gebruikersgemak van de simulatieversie.

    Voor gokers die op zoek zijn naar een Chicken Road Demo Review, is het cruciaal om te weten dat deze demo-omgeving vaak wordt verwend om de gameplay en de beeldkwaliteit te evalueren. Aantal spelers geven aan dat de simulatie de uitstekende beeld levert van hoe het game er eruitziet en hoe deze werkt.

    Dit maakt het de verstandig tool voor wie nog twijfelachtig is over deze beoefenen met echte inzetten.

    Een Chicken Road Demo Slot is niet alleen plezierig om te spelen, maar ook een goede wijze om bekend te worden met de voorwaarden en de verschillende mogelijkheden in het spel. Het is echter essentieel om te onderstrepen dat een Chicken Road Demo Goedgekeurd is, omdat het geen werkelijke kapitaal benodigd en dus niet als gokken wordt bekeken. Dit versterkt het de betrouwbare optie voor gokers die hun vaardigheden willen uitbreiden.

    Voor spelers in het land die op zoek gaan naar een Chicken Road Demo Nederland, is deze simulatie een superieure keuze. Het is simpel beschikbaar en levert de realistische ervaring van het kasspel. Een Chicken Road Demo Recensies kan helpen om te beoordelen of de testomgeving bevredigt aan de wensen van de gambler.

    Is Chicken Road Demo Betrouwbaar? Deze kwestie wordt vaak gesteld door nieuwe spelers. De testomgeving is gecreëerd om de transparante en open ervaring te verzorgt, zonder risico’s voor de speler. Dit maakt het de stabiele mogelijkheid voor wie meer wil weten over het kasspel voor ze met echt kapitaal gaan proberen.

    Voor gokers die op zoek gaan naar een Chicken Road Demo Betrouwbaar Nederland, is het essentieel om te weten dat deze testomgeving wordt gehost op een vertrouwbare server. Dit zorgt ervoor dat de speelervaring soepel verloopt en dat er geen vertragingen optreden. Een Chicken Road Demo Gok kan de beste supplement zijn op de testomgeving, want het casinogangers de kans verstrekken om na te beoordelen hoe het game zich voelt met werkelijke kapitaal.

    Kortom, Kippenjacht Demo is een superieure methode om het casino te beoordelen zonder risico’s. Of je nu op zoek bent naar een Chicken Road Demo NL, of een Chicken Road Demo Beurs, deze proefversie levert een veilige en leuke ervaring voor allen gamblers. Het is een beste methode om geaccordeerd te worden met het kasspel voor je met echte bedragen start.

  4. spinogambinoapp-engild

    Die Cookie-Bestimmungen von spinogambino stellt ein zentraler Bestandteil des digitalen Angebots auf der Plattform spinogambinoapp.de dar [url=https://spinogambinoapp.de/cookie-richtlinie]spinogambino[/url] . Fur Besucher, die sich regelma?ig auf der Seite bewegen, ist es wichtig, zu verstehen, wie ihre Daten verarbeitet werden und welche Technologien genutzt werden, um das Spielerlebnis so optimal und sicher wie moglich zu gestalten. Transparenz steht bei spino gambino an erster Stelle, weshalb die Cookie-Richtlinie ausfuhrlich daruber informiert, welche Arten von Cookies auf der Webseite verwendet werden. Grundsatzlich unterscheidet spinogambino zwischen essenziellen Cookies, die fur den reibungslosen Betrieb der Webseite notwendig sind, und optionalen Cookies, die beispielsweise fur statistische Auswertungen oder personalisierte Inhalte genutzt werden. Durch diese transparente Vorgehensweise stellt spino gambino sicher, dass jeder Besucher volle Kontrolle uber seine Privatsphare behalt. Wenn Sie die Webseite von spinogambino besuchen, werden Sie in der Regel durch ein Banner auf die Verwendung von Cookies hingewiesen. Hier haben Sie die Moglichkeit, den Einstellungen zuzustimmen oder diese individuell anzupassen. Es ist ein wesentlicher Aspekt der Sicherheitsstrategie bei spinogambino, dass alle gesammelten Daten gema? den aktuellen Datenschutzstandards behandelt werden. Die Cookie-Richtlinie auf spinogambinoapp.de klart zudem daruber auf, wie lange bestimmte Cookies gespeichert bleiben und wie Sie diese uber Ihren Browser jederzeit loschen oder deaktivieren konnen. Sollten Sie Fragen zu den spezifischen Technologien haben, die bei spino gambino Anwendung finden, bietet die Richtlinie eine hilfreiche Anlaufstelle. Zusammenfassend lasst sich sagen, dass spinogambino gro?en Wert darauf legt, dass die Nutzer den vollen Durchblick behalten, wenn es um die Datenspeicherung geht. Indem das Unternehmen proaktiv uber den Einsatz dieser kleinen Textdateien informiert, schafft es Vertrauen und bietet eine transparente Basis fur ein unbeschwertes Erlebnis auf spinogambinoapp.de. Informieren Sie sich daher regelma?ig uber die aktuellen Datenschutzhinweise, um bei Ihrem nachsten Besuch bei spinogambino oder spino gambino optimal informiert zu sein und das bestmogliche Nutzererlebnis zu genie?en, ohne dabei Kompromisse bei der Sicherheit einzugehen.

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

  6. In case you find yourself searching for an thrilling approach to evaluate your fortune and strategy, the Plinko game has become one of the highly preferred selections in the online gambling realm [url=https://plinko-97.web.app]linko game[/url] . Many players are browsing the webpage to encounter the excitement of the classic pin-drop mechanic in a contemporary format. When you bet on Plinko, the aim is uncomplicated but enthralling. You launch a plinko game ball from the summit of a triangular surface crammed with pins, observing as it bounces erratically towards the winning slots at the bottom.

    For players hunting for a high-quality plinko online game, this portal provides a fluid layout that renders it easy to participate in the features. Whether you are a leisurely participant or an individual looking for a plinko game online real money encounter, the application delivers abundant suspense with each drop. The allure of the plinko casino game lies in its minimalism; there exists no difficult strategy to memorize, merely the joy of observing the plinko ball move across the grid to calculate your winnings.

    Provided you find yourself recently arrived to this category of fun, it is crucial to grasp why so multiple plinko casinos are trending globally. The title offers a distinct combination of chance and amusement that keeps patrons coming back for more rounds. Gamers often hunt for a special plinko code or a specific plinko casino code to boost their starting rounds and maximize their possible gains. By opting to play plinko on a reliable site, you guarantee a just and secure space.

    The fame of the plinko online format continues to expand as additional individuals discover the delight of this virtual arcade genre. Whether you happen to be playing for amusement or testing your skills at succeeding, the plinko game continues to be a fixture in the gaming circle. Check out the portal right now to test your odds and see exactly where the ball stops. With fast matches and immediate results, it represents the excellent option for those who appreciate rapid-action action. Check out the game plinko world and experience the traditional excitement of this legendary game right now.

  7. chickenroad-almory

    If you remain a culinary devotee with a hunger for unearthing the superior fried chicken in the United Kingdom, you have possibly learned of Chicken Road [url=https://chickenroad-review.me.uk/about-us]ChickenRoad[/url] . Our portal has speedily become the definitive web-based destination for those who refuse to agree for morsels beneath flawless poultry. At Chicken Road, we think that any bite shares a story, and our goal is to verify that you constantly uncover the very delectable, snappy, and savory alternatives ready around you.

    The story of ChickenRoad originated with a basic urge and a understanding that finding authentic, premium fried chicken was often a game of hazard. Exhausted by unreliable visits, our team opted to build a comprehensive base geared toward critiquing and ranking the prime outlets around the country. By checking our About Us page at our primary domain, you can gain a deeper insight of our strict evaluation method and our commitment to culinary superiority.

    When you browse ChickenRoad, you are utilizing a mass of knowledge gathered by professionals who live and breathe fried chicken. We judge any location based on key criteria, encompassing the texture of the batter, the moistness of the protein, the quality of the seasoning, and the net affordability. We remove the guesswork out of your next meal, ensuring that whether you are pursuing a speedy bite or a evening feast, you are guided in the right way.

    Our dedication to the Chicken Road base is what motivates us forward. We are continually refreshing our records to indicate fresh starts and evolving food lists throughout various locales in the UK. We pride ourselves on acting as an unbiased critic in the dining world, supplying candid, raw assessments that you can believe. Join us in our adventure as we continue to roam the land in hunt of the perfect fried crust. For people who live for superb cuisine, ChickenRoad is your top ally for every brittle adventure approaching.

  8. Ein innovatives Online-Casino namens Lolo Spin, das sich besonders durch seine einfache Website und eine vielfaltige Sammlung an Slots auszeichnet [url=https://lolo-spin-8.onrender.com]lolospin slots[/url] . Die Adresse lolo-spin-8.onrender.comLoloSpin8.de|LoloSpinOnline bietet Spielern aus Deutschland die Moglichkeit, an verschiedenen Casino-Spielen teilzunehmen. Besonders beliebte sind die LoloSpin-Slots, die durch ihre ansprechenden Bilder und transparente Gewinnaussichten uberzeugen. Wer auf der Suche nach einem vertrauenswurdigen deutschen LoloSpin-Casino ist, findet hier eine interessante Option zu bekannteren Anbietern.

    Das lolospin casino online sticht durch seine zeitgema?e Benutzeroberflache und intuitive Nutzung hervor. Neue Spieler konnen sich schnell anmelden und sofort mit dem Casino-Spiel beginnen. Die Plattform unterstutzt verschiedene Zahlungsmethoden, was den Finanzfluss erleichtert. Besonders relevant fur deutsche Casinospieler ist die Einhaltung Casino-Vorschriften fur Deutschland, was fur mehr Sicherheit sorgt.

    Wer sich fur ein Login beim LoloSpin-Casino interessiert, sollte beachten, dass die Plattform eine einfache und vertrauenswurdige Eintragung bietet. Die Erfahrungen mit LoloSpin von Spielern sind haufig zufriedenstellend, da die Plattform stabile Verbindungen und transparente Spielablaufe bietet. Besonders die Slots von LoloSpin werden oft gelobt, da sie nicht nur attraktiv sind, sondern auch mit exklusiven Belohnungen verbunden sind.

    Fur Spieler, die nach einem seriosen Online-Casino von LoloSpin suchen, ist diese Plattform eine gute Wahl. Die Verbindung aus benutzerfreundlichem Design, einer breiten Palette an Spielautomaten und einer vertrauenswurdigen Plattform macht sie zu einem interessanten Vorschlag. Wer noch zweifelnd ist, kann sich vorab uber Casino-Bewertungen von LoloSpin informieren, um sich ein genaueres Verstandnis zu machen. Letztlich bietet lolospin eine interessante Option fur alle, die Wert auf Qualitat legen.

  9. When searching for a elite betting adventure in the Great Britain, the site at golden-lion-gb.vercel.app stands out as a sophisticated destination for enthusiasts [url=https://golden-lion-gb.vercel.app]goldenlion[/url] . The golden lion platform has swiftly garnered interest for its simple layout and a broad collection of high-quality pastimes. Assuming you are a supporter of timeless casino staples or the latest reel games, this site ensures that every gamer discovers content adapted to their preferences. By emphasising a fluid mobile experience, the site renders it simpler than ever to access your favourite games anywhere.

    If you are actually perusing a goldenlion casino review, you are presumably seeking transparency and trustworthiness. Lots of users check a detailed goldenlion review to understand the security protocols and cashout velocities tied to the site. The universal agreement within the player circle is that the casino golden lion provides a stable setting that caters to both recreational players and high rollers similarly. When navigating the goldenlion casino online landscape, it is important to choose a platform that values player happiness and provides responsive aid, which is definitely where this identified venue shines.

    For individuals interested about the options at casino goldenlion, the catalogue is consistently enhanced to add top-tier artistry and captivating soundtracks. The brand personality of the golden lion is synonymous with quality and amusement. Many players value the straightforward structure of the golden lion online hub, which enables fast movement between distinct genre categories. If you are set to explore what the goldenlion casino has to provide, you will see that the signup method is easy and safe. As the digital gaming industry keeps to grow, picking a trusted site is critical. With its commitment to quality, the goldenlion platform is a fantastic selection for everyone looking to enjoy a high-end playtime in a protected virtual space. Sample the thrill right away and verify why so plenty of gamers consider this to be their go-to venue for online entertainment.

댓글 달기

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