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

  1. С пациентом работают профильные специалисты, которые оценивают состояние и подбирают безопасный план помощи.
    Узнать больше – [url=https://1.kapelnica-ot-zapoya-v-moskve14.ru/]сколько стоит капельница от запоя[/url]

  2. купить мефедрон телеграмме прегабалин лирика купить купить Мефедрон, Гашиш, Бошки, Альфа-ПВП где можно купить гашиш шишка бошка купить купить наркотики в тг
    можно купить коноплю закладки наркотики трамадол можно купить без рецептаhttps://popasnayakupit.xyz где можно купить гашиш нарко шоп тг

  3. The portable gambling landscape is developing swiftly, plus for users looking to relish top-tier slots and card games on the go, the spinogambino app provides a superior journey [url=https://spino-gambino-bonusreview.net/app]spinogambino app[/url] . Built to supply seamless performance, the casino spinogambino app ensures that the beloved casino games remain constantly at your fingertips, if you are traveling as well as resting at home. Selecting the spinogambino app download, you secure availability for a simplified layout that improves menu usage along with startup speeds for mobile devices.

    To get started, members might simply acquire the spinogambino application through the verified portal. The process is straightforward, while when you finalize the spinogambino download, you will notice how quickly the platform performs versus regular mobile browsers. Many players prefer the spinogambino apk version because it provides dependability and fast entry into account features, incorporating promos plus protected deposit methods. When you happen to be an mobile operator looking for the spino gambino apk, make sure to stick to the provided guidelines found within the domain to preserve protection along with operation.

    The app spinogambino ecosystem is constructed incorporating up-to-date encryption standards, highlighting member security. Once you have the casino spino gambino app setup, you might discover that each collection of titles is totally polished, preserving high-quality graphics and seamless motions. Choosing the spino gambino app enables you to enter exclusive mobile promotions that might not be as reachable via computer platforms.

    To people asking about the opening, finding the spino gambino mobile choice represents your starting point toward a superior gaming journey. By installing the spinogambino casino app, you select convenience, speed, and trustworthiness. Avoid skipping the flexibility offered by this platform; acquire your spinogambino apk immediately plus enter a growing group of players loving top-tier amusement globally. Should you be triggering slots as well as participating in live casino action, the spinogambino app is your gateway to a premium handheld gambling experience. Experience the distinction regarding interface and enjoy betting on your own terms. [url=https://www.2shane.com/index.php?topic=12939.new#new]Experience the Ultimate Mobile Gaming Freedom with the Spinogambino App – Download, Play, and Win Anywhere![/url] [url=http://1.s.2.free.fr/viewtopic.php?f=13&t=445495&p=535995#p535995]Experience the Ultimate Mobile Gaming Freedom with the Spinogambino App – Download, Play, and Win Anywhere![/url] ec98001

  4. Εάν αναζητείτε μια καινούργια και ενδιαφέρουσα πλατφόρμα για τα παίγνιά σας, το only spins casino συνιστά μια εκ των πιο συζητημένες λύσεις στον τομέα [url=https://only-spins-50.pages.dev]only spins casino review[/url] . Μέσα στο αναλυτικό only spins casino review, θα δούμε όλα αυτά που χρειάζεται να γνωρίζετε για να αρχίσετε το παιχνίδι με ασφάλεια και ευχαρίστηση. Το onlyspins καζίνο κέρδισε την προτίμηση των χρηστών εξαιτίας στην μεγάλη γκάμα παιχνιδιών του και τη προσιτή απλή περιβάλλον του.

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

    Κατά όλα τα σοβαρό only spins review, η θωράκιση των στοιχείων παραμένει κυρίαρχη προτεραιότητα. Το onlyspins διαθέτει σύγχρονα πρωτόκολλα ασφάλειας, επιβεβαιώνοντας ότι οι συναλλαγές σας και τα απόρρητα σας στοιχεία διατηρούνται ασφαλή ανά πάσα στιγμή. Επίσης, το onlyspins casino review αναφέρει την εξυπηρέτηση πελατών, η η οποία είναι παρούσα για να λύσει οποιοδήποτε θέμα προκύψει με επαγγελματισμό.

    Εάν είστε παλαιός χρήστης ή νέος που εξερευνά τον τομέα του διαδικτυακού στοιχήματος, το only spins προσφέρει το ιδανικό πλαίσιο. Η διάταξη είναι απόλυτα συμβατή με κινητές συσκευές, επιτρέποντάς σας να απολαμβάνετε τα παιχνίδια σε όποιο μέρος και εάν είστε. Αν διερωτάστε αν το onlyspins είναι η σωστή απόφαση για σας, η αλήθεια εντοπίζεται στην εμπειρία που παρέχει το casino only spins, συνδυάζοντας την καινοτομία μαζί με την εμπιστοσύνη. Μη παραλείψετε να επισκεφθείτε τη ιστοσελίδα συν να βρείτε τις τελευταίες παροχές που περιμένουν να κερδηθούν σήμερα. Χάρη σε τακτικές ενημερώσεις στη συλλογή τίτλων του, το only spins μένει διαρκώς στην κορυφή των εξελίξεων.

  5. spinogambinoappreview-surgern

    Falls Sie die Webseite spinogambinoappreview.com.de aufrufen, steht der Schutz Ihrer Privatsphare an oberster Stelle [url=https://spinogambinoappreview.com.de/datenschutzrichtlinie]spino gambino[/url] . In unserer umfassenden Datenschutzrichtlinie erfahren Sie, wie wir mit den Daten unserer Nutzer umgehen, die sich fur Themen rund um spino gambino interessieren. Transparenz ist fur uns der zentrale Aspekt, um ein Vertrauensverhaltnis zu unserer Community aufzubauen, die sich kontinuierlich uber die neuesten Entwicklungen der spinogambino Plattform informiert.

    Wir speichern nur Daten, die absolut notwendig sind, um Ihnen ein bestmogliches Nutzererlebnis beim Lesen unserer Analysen und Testberichte zu bieten. Dazu gehoren beispielsweise technische Informationen wie IP-Adressen oder Browser-Einstellungen, die helfen, die Darstellung unserer Inhalte zu verbessern. Wenn Sie unsere Webseite nutzen, um mehr uber spino gambino zu erfahren, konnen Sie sich darauf vertrauen, dass Ihre personlichen Informationen niemals an unbefugte Dritte weitergegeben werden. Wir halten uns dabei streng an die aktuellen gesetzlichen Datenschutzbestimmungen.

    Cookies spielen bei unserem Online-Angebot eine Rolle, um die Benutzerfreundlichkeit zu erhohen. Diese kleinen Dateien helfen es uns, Stammleser wiederzuerkennen und die Ladezeiten fur spinogambino Inhalte zu optimieren. Sie haben stets das volle Recht, die Speicherung von Cookies in Ihren Browsereinstellungen zu unterbinden oder bereits gespeicherte Dateien zu loschen. Wir mochten gewahrleisten, dass Sie sich bei der Recherche zu spino gambino immer sicher fuhlen.

    Unsere Datenschutzrichtlinie auf spinogambinoappreview.com.de wird regelma?ig aktualisiert, um sicherzustellen, dass sie immer den aktuellsten rechtlichen Standards entspricht. Falls Sie Fragen haben zu unseren Prozessen oder der Sicherheit Ihrer Daten haben, konnen Sie uns gerne kontaktieren. Der Schutz Ihrer Privatsphare ist fur uns kein blo?es Versprechen, sondern ein integraler Teil unserer Arbeitsweise. Indem Sie unser Portal nutzen, akzeptieren Sie die hier beschriebenen Richtlinien. Wir laden Sie dazu ein, weiterhin von unseren fundierten Informationen zu profitieren, wahrend wir gleichzeitig fur einen sicheren und transparenten Umgang mit Ihren Daten sorgen. Ihre Sicherheit ist bei jedem Besuch auf unserem Portal zur spinogambino Welt unser oberstes Ziel.

  6. Welcome into this primary site of Chicken Road, your premier hub for intense arcade entertainment [url=https://chicken-road-predictorgame.net/about-us]chicken road[/url] . The service was established with one specific goal: to offer gamers featuring the safe, impartial, plus dynamic environment to experience the legendary chicken road title. We understand this thrill within maneuvering the obstacles and that joy of hitting your goal, which is why our crew have devoted our efforts for refining the virtual adventure serving fans throughout every world.

    Inside chickenroad, the team believe the fact transparency acts as that cornerstone regarding reliability. That team stands made from enthusiastic programmers and arcade experts which aim to keep some peak benchmarks of ethics. Our site have used advanced logic in order to certify the fact every match stays fair, offering some genuinely real session this holds gamers on that edge of the seats. Whether the player are a experienced tactician alternatively a hobby player proving the luck, the site offers the fluid design crafted with quick output over all platforms.

    Why pick this team within your arcade quest? Our group emphasize player joy beyond anything else. Our focused assistance group operates across this clock aiming to assist in any doubts, guaranteeing that that time spent in the application remains pleasant and hassle-free. Our devs remain always updating this framework in order to provide the freshest tools plus improved graphics, maintaining each action current as well as absorbing. As we persist for grow, the commitment towards quality stays steadfast. Our team encourage every player towards enter our ever-expanding circle of players who value the rapid motion alongside the smart depth that the service provides.

    Through choosing chickenroad, you are choosing for a reliable service this values the secrecy plus protection. We employ powerful coding ways aiming to protect this data, enabling you to center fully at this rush of the match. Explore the platform, sharpen the instincts, as well as see provided the player hold what it takes to master that route. Gratitude each user towards being the part of the story along with choosing us as that preferred source for that thrilling gaming adventure. We look onward for meeting the player at the path.

  7. Si vous etes casinos en ligne, vous avez surement deja entendu parler de Vulkan Vegas [url=https://vulkan-vegas-68.onrender.com]Vulkan Vegas Avis[/url] . Cette plateforme est devenue une reference majeure dans l univers du iGaming. Dans cet article, nous proposons un avis sur Vulkan Vegas detaille pour vous aider a y voir plus clair. De nombreux joueurs se posent souvent la question suivante : Est-ce que Vulkan Vegas est fiable ? La reponse est positive, car le site opere avec des licences reconnues, garantissant un environnement securise et equitable pour tous les utilisateurs.

    Lorsque l on parcourt le web a la recherche d un Vulkan Vegas Avis, on remarque vite que la reputation du site est excellente. Le Casino Vulkan Vegas propose une selection de jeux impressionnante, allant des slots classiques aux jeux de table en direct, en passant par des titres innovants signes par les meilleurs editeurs. Pour les joueurs bases en France, l experience utilisateur est optimisee pour offrir une navigation simple, que ce soit sur ordinateur ou sur appareil mobile.

    Les Vulkan Vegas Reviews soulignent souvent la qualite du support technique et la rapidite des retraits et depots. Consulter un Avis Vulkan Vegas permet de constater que les bonus et promotions offerts sont particulierement attractifs, tant pour les nouveaux inscrits que pour les habitues. En ce qui concerne le Casino Vulkan Vegas, les points forts mentionnes incluent regulierement la diversite des methodes de paiement et l aspect immersif des jeux en live.

    En resume, si vous cherchez une plateforme serieuse, Vulkanvegas merite amplement votre attention. Que vous soyez un joueur debutant ou un expert, le site offre des outils et des divertissements adaptes a chaque profil. N hesitez pas a comparer les differents points de vue pour vous forger votre propre opinion sur le Casino Vulkan Vegas. Avec son interface moderne et son catalogue de jeux mis a jour regulierement, cet operateur s impose comme un choix de qualite pour ceux qui souhaitent tenter leur chance dans les meilleures conditions possibles.

  8. chicken-inhilia

    Chicken Track Casino Paradise is an web-based gaming venue that has attracted attention among enthusiasts in the Isle of Albion searching for a fun-filled entertainment adventure [url=https://chicken-road-game-124.onrender.com]Chicken Road Casino Game Uk[/url] . Hosted on the domain the virtual stage, this entertainment venue delivers a wide range of wagers that appeal varied choices, making it a popular option for those hunting excitement.

    One aspect gamblers evaluate when deciding an web-based casino is its reputation. Many ask, “Is this casino truly above board?” While the venue appears to be a authentic wagering hub, it’s important to verify its regulation and protection before attempting any live funds. Reputable wagering sites typically run under strict laws to confirm equitable gaming and shield gambler capital. Scrutinising for correct licensing from recognised bodies is always a sound approach when assessing the authenticity of an online entertainment venue.

    For those curious, feedback on this gaming hub usually showcase its intuitive interface and the array of entertainments presented. Punters can delight in titles like spin games, the wheel of fortune, 21, and chemin de fer, among various. The platform also seems to offer rewards, which can enhance the entertainment venture. That said, it’s important to understand that bonuses can shift, so always examine the conditions attentively before claiming any deals.

    If you’re inquisitive how to experience the entertainment venue’s wagers, the procedure is clear. Simply create an account, add assets, and launch engaging your chosen entertainments. The hub appears to accommodate real-money deals, enabling enthusiasts to delight in the pleasure of gaining with real wagers. Whether you’re gambling for enjoyment or aiming to achieve greatly, Chicken Road Casino offers a arena where punters can appreciate their beloved casino entertainments in the ease of their abodes.

    For those unfamiliar to digital entertainment venues, it’s also advantageous to contrast the entertainment venue with other well-known choices in the Isle of Albion. While it could not be as broadly recognised as some established brands, its expanding prestige among punters indicates it could be a solid choice for those pursuing for a consistent and fun-filled wagering journey. Always ensure you’re wagering sensibly and within your budget, as web-based wagering should remain an thrilling hobby rather than a monetary demand.

    To conclude, Chicken Road Casino is a gaming platform worth investigating for United Kingdom gamblers hunting a mix of pleasure and thrills. While it’s essential to verify its legitimacy and protection, the upbeat accounts and range of wagers position it a compelling choice for those looking to delight in this gaming platform’s titles in the UK. Whether you’re dipping your toes the wagering with free wagering or venturing into live playing, this site delivers a straightforward way to enjoy the thrill of digital entertainment venues.

  9. chickenroad-Accoush

    Caso esteja a procura de um meio ludica e segura de experimentar um dos titulos mais populares do momento, o chicken road demo e a melhor opcao [url=https://chickenroad-app-casino.pt/demo]demo de slot chicken road[/url] . Este titulo converteu-se num sucesso entre os jogadores de casino online, e a possibilidade de testar a demo do jogo chicken road permite que qualquer jogador compreenda a mecanica unica deste entretenimento antes de apostar o seu dinheiro.

    Ao optar por experimentar a demo de casino chicken road, tera contacto a todas as caracteristicas presentes na versao a dinheiro, mas sem qualquer custo associado. A demo chicken road jogar oferece uma interface intuitiva onde pode testar estrategias, analisar a volatilidade do jogo e ver como as premiacoes sao calculadas. Esta demo de slot chicken road e ideal tanto para novatos que estao a dar os primeiros passos no mundo dos jogos de azar, como para jogadores experientes que desejam apenas passar o tempo sem pressao.

    Muitos jogadores procuram a demo de jogo de apostas chicken road para validar se a dinamica se adapta ao seu estilo de jogo preferido. Ao utilizar a demo gratis chicken road, nao necessita de depositar fundos ou criar contas complexas, sendo o local perfeito para um treino descontraido. O design grafico e a fluidez mantem-se inalterados na demo do jogo chicken road, garantindo uma experiencia autentica e imersiva.

    Aproveite a chance de entrar na demo chicken road para familiarizar-se com os multiplicadores e as rondas especiais que tornam este titulo tao emocionante. A demo de casino chicken road atua como uma forma de aprendizagem e recreativa, permitindo que configure os niveis de aposta ficticia para testar diferentes cenarios. Nao perca a oportunidade de aprender este jogo atraves da demo do jogo chicken road e divirta-se a explorar cada detalhe deste desafio. Lembre-se que, ao jogar a versao de demonstracao, o foco deve ser sempre o entretenimento e o conhecimento das regras, garantindo assim uma sessao mais consciente e preparada para quando decidir jogar com saldo real.

  10. onlyspins-Evirty

    Αν ψάχνετε μια καινούργια και εντυπωσιακή πύλη για την ψυχαγωγική δράση σας στον κόσμο του online gaming, το onlyspins casino συνιστά μια επιλογή που κερδίζει την ενασχόληση σας [url=https://onlyspins-51.pages.dev]only spins login[/url] . Σε αυτή την διεξοδική onlyspins casino review, θα εξετάσουμε τα πάντα όσα χρειάζεται να κατανοείτε για την ιστοσελίδα onlyspins-51.pages.dev και γιατί λογίζεται ένας ελπιδοφόρος τόπος για τους χρήστες. Το only spins προσφέρει μια μεγάλη συλλογή από κουλοχέρηδες και τυχερά παιχνίδια, ικανοποιώντας κάθε απαίτηση, από παραδοσιακά slots μέχρι μοντέρνες κυκλοφορίες με συναρπαστικά γραφικά.

    Η διαδικασία για το only spins login είναι ιδιαίτερα εύκολη και άμεση, επιτρέποντας στους χρήστες να κερδίσουν γρήγορη είσοδο στον προφίλ τους δίχως άχρηστες κωλυσιεργίες. Όταν διεκπεραιώσετε την καταχώρηση σας στο onlyspins καζίνο, θα διαπιστώσετε ότι η πλατφόρμα είναι σχεδιασμένη με στόχο τη ευχρηστία προς τον χρήστη, προσφέροντας άνετη πλοήγηση καθώς από υπολογιστή όσο και από tablets. Στην onlyspins casino review μας, υπογραμμίζουμε επίσης την φιρερεγγυότητα της εφαρμογής, η οποία μεριμνά για την θωράκιση των στοιχείων και των καταθέσεων των χρηστών της.

    Το casino only spins διαφέρει για τα γενναιόδωρα μπόνους και τις προωθητικές ενέργειες που συμπληρώνονται τακτικά, προσφέροντας επιπλέον αφορμές στους παίκτες να δοκιμάσουν την ικανότητα τους. Αν είστε προχωρημένος παίκτης ή αρχάριος, το onlyspins έχει όλα τα εφόδια για μια συνολική διαδρομή. Αναλύοντας κάθε λεπτομερή onlyspins review, γίνεται σαφές ότι η εταιρεία έχει εστιάσει μεγάλα ποσά στην ποιότητα των παρεχόμενων υπηρεσιών.

    Συνοψίζοντας, το onlyspins casino είναι μια τοποθεσία που παντρεύει την πολυμορφία των επιλογών με την ασφάλεια και την απλότητα χρήσης. Αν αναζητάτε για ένα ασφαλές online τόπο στοιχηματισμού, το only spins είναι πάντως μια λύση που είναι ανάγκη να μελετήσετε. Μην απωλέσετε την δυνατότητα να ερευνήσετε τις δυνατότητες που δίνει το onlyspins καζίνο και να επωφεληθείτε από τις εξαιρετικές εκπτώσεις που σας αναμένουν στην ιστοσελίδα. Πραγματοποιήστε άμεσα το only spins login και ξεκινήστε στον τομέα του στοιχηματισμού με τον καλύτερο δυνατό τρόπο.

댓글 달기

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