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

  1. casinoin no deposit bonus casino bonus deposit
    zahraniДЌnГ­ casino bonus za registrГЎciu What are casino free spins no deposit casino paysafecard deposit Hry za peniaze licencia na casino casino 10 euro free
    bonusy v kasГ­nach ako zГ­skaЕҐ free spiny

  2. Основными направлениями работы являются:
    Подробнее можно узнать тут – [url=https://narkologicheskaya-klinika-sochi0.ru/]наркологические клиники алкоголизм в сочи[/url]

  3. В этой публикации мы обсуждаем современные методы лечения различных заболеваний. Читатели узнают о новых медикаментах, терапиях и исследованиях, которые активно применяются для лечения. Мы нацелены на то, чтобы предоставить практические знания, которые могут помочь в борьбе с недугами.
    Обратиться к источнику – [url=https://mobi-trend.ru/osobennosti-i-osnovnye-pravila-ustanovki-kapelniczy-ot-zapoya/]наркологическая клиника дельта в Балашихе[/url]

  4. Discovering a dependable online gaming site is crucial for gamers who treasure protection, selection, and an captivating user experience [url=https://vinci-spincasino.org/categories]vinci spincasino[/url] . If you have been seeking a location that addresses varied play preferences, vinci-spincasino.org is a leading option worthy of investigating. The site is crafted with a user-friendly layout that renders searching via hundreds of titles smooth, confirming that you can spend increased duration betting and lower minutes scouting for your beloved titles.

    The chief benefit of the portal is its extensive array of casino genres. If you are a fan of intense spinning slots with elaborate themes, classic casino pastimes like blackjack and roulette, or the fast-paced rush of live dealer sessions, vinci-spincasino.org offers a specific collection to fit each preference. The organization of these types is logical, enabling as well as starters and expert pros to uncover novel games with just a handful of selections.

    By checking the categories section on vinci-spincasino.org, you secure direct entry to a selected library delivered by many of the extremely esteemed tech providers in the industry. This secures that each option displays superior art, fluid animations, and honest rules. The platform focuses a strong focus on delivering a modern gaming setting where members can investigate diverse genres barring all digital lag.

    Additionally, the mobile design of vinci-spincasino.org means that you are never tethered to a PC computer. You can experience your selected sections during on the run, maintaining the same level of performance throughout multiple platforms. The emphasis on reachability and selection cements the reputation of vinci-spincasino.org as a premier spot for leisure seekers. If you are eager to upgrade your play journey and explore a extensive, arranged catalog of high-end options, scanning the categories available at vinci-spincasino.org is the best point to begin. Dive in instantly to test a site that actually comprehends what enthusiasts crave, combining ease of browsing with a broad collection that maintains the action degrees high at every moment.

  5. ohmyspins-Goold

    Wer auf der Suche hinsichtlich eines innovativen inklusive vielseitigen Online-Glucksspielerlebnis schaut, gelangt um den Portal auf der Seite ohmyspins-casino-4.web.app kaum vorbei [url=https://ohmyspins-casino-4.web.app]ohmy spins[/url] . Die Spielbank wurde auf dem Markt der digitalen Spielhallen schnell etabliert und zieht Nutzer mit einer beeindruckenden Auswahl an Spielautomaten, Live-Games und Live-Dealer-Angeboten herbei. Anhand dieser ohmyspins bewertung werfen wir intensiv darauf, was die Plattform derart hervorsticht.

    Betrachtet man die ohmyspins erfahrungen ansieht, bemerkt man direkt die leicht bedienbare Gestaltung auf. Der Aufbau erscheint intuitiv gestaltet, sodass sowohl Anfanger als auch Profis muhelos durch das breite Portfolio navigieren konnen. Wahrend der Auswahl nach dem richtigen Anbieter bedeuten Sicherheit plus Spielauswahl eine zentrale Rolle. Diese Plattform baut hier auf Basis von etablierte Software-Provider, was zu faire Bedingungen und top Design fuhrt. Ein weiterer Pluspunkt, welcher in samtlichen ohmyspins casino erfahrungen gelobt wird, ist das ansprechende Bonusprogramm. Registrierende werden meist anhand eines starken Neukundenbonus empfangen, was den Beginn deutlich vereinfacht.

    Jeder, der eine prazise ohmyspins review durchgeht, wird bemerken, dass der Kundenservice einen festen Bestandteil des Angebots ausmacht. Wenn Probleme entstehen oder Schwierigkeiten sind kompetente Mitarbeiter da, die meist per Instant-Chat schnell behilflich sein. Ebenso die verschiedenen Zahlungsmethoden, die auf im Kassenbereich bereitgestellt werden, punkten durch Tempo und auch Zuverlassigkeit. Zusammenfassend kann man festhalten, dass ohmy spins Angebot eine exzellente Entscheidung fur jeden darstellt, welche Entertainment sowie Action erhoffen. Derjenige, der seine eigene Einschatzung gewinnen mochte, darf gerne das Angebot auf der genannten URL genauer ansehen. Fur zahlreiche Spieler ist dieses Portal bereits der Favorit, hinsichtlich ein spa?iges ohmyspins casino review handelt. Selbst wenn man bereits konkurrierende Seiten ausprobiert hat, liefert die Webseite eine neue Perspektive und ein Spielangebot, welche in der aktuellen Branche absolut konkurrenzfahig ist. Ein Klick ist absolut empfehlenswert, um sich selbst eine Meinung von diesem spannenden Online-Casino zu verschaffen.

  6. online casino bonus za registrГЎciu hracie automaty zdarma double games
    grand mondial casino registracia apollo games automaty online automaty online free spin Online casino vklad cez sms hracie automaty online nonstop automaty zdarma turboalchemi
    poker star casino poker vip bonus

  7. Si vous recherchez une experience de jeu en ligne captivante, il est probable que vous ayez deja entendu parler du nom de Vulkan Vegas [url=https://vulkan-vegas-bonus-code-2.vercel.app]Vulkan Vegas Casino[/url] . Ce site de jeux est devenu une plateforme de choix pour les amateurs de machines a sous et de jeux de table. Grace a ce site dedie, les joueurs peuvent desormais acceder facilement aux dernieres promotions et aux codes bonus pour booster leur capital de depart.

    De nombreux utilisateurs se demandent souvent si Vulkan Vegas est serieux avant de commencer. Il est important de noter que ce casino opere avec des licences reconnues, garantissant un environnement protege et transparent. En consultant un avis detaille sur Vulkan Vegas, vous comprendrez rapidement pourquoi cette plateforme attire autant de joueurs, notamment avec sa vaste selection de jeux fournie par les meilleurs developpeurs de logiciels.

    En ce qui concerne le Vulkan Vegas France, le casino s’est parfaitement adapte aux attentes des joueurs francophones. Le service client reactif et la fluidite de l’interface font du Casino Vulkan Vegas un excellent choix pour ceux qui privilegient le confort et la diversite. Lorsque l’on analyse l’avis global sur Vulkan Vegas Casino, les points forts qui reviennent regulierement sont la rapidite des retraits et la generosite des programmes de fidelite.

    Il est toujours recommande de consulter plusieurs avis sur Vulkan Vegas avant de finaliser votre inscription. Ces retours d’experience permettent de se faire une idee precise sur les bonus offerts et les conditions de mise. Si vous cherchez un avis Vulkan Vegas fiable, vous constaterez que la communaute apprecie particulierement la regularite des promotions proposees sur Vulkanvegas. En somme, que vous soyez un joueur experimente ou un debutant, chaque retour sur le casino souligne le serieux et le divertissement de qualite offerts par cette plateforme. Pour profiter au mieux de votre aventure, utilisez les codes disponibles sur la plateforme mentionnee afin de booster vos chances de gains des vos premieres mises sur Vulkan Vegas.

  8. spinogambinoapp-neaxic

    Αν αναζητάτε την κορυφαία εμπειρία στο online gaming και το στοίχημα απευθείας από το κινητό σας, τότε το spinogambino app αποτελεί την τέλεια λύση [url=https://spinogambinoapp.gr/app]spinogambino app casino[/url] . Η πλατφόρμα έχει δημιουργηθεί για να προσφέρει ταχύτητα, ασφάλεια και απόλυτη ευελιξία, επιτρέποντας στους χρήστες να απολαμβάνουν τα παιχνίδια της επιλογής τους οπουδήποτε και αν βρίσκονται. Με το spino gambino app, η πρόσβαση στο αγαπημένο σας περιεχόμενο γίνεται με λίγα μόνο κλικ, προσφέροντας μια πολύ εύκολη προς τον χρήστη εμπειρία.

    Για όσους επιθυμούν να ξεκινήσουν άμεσα, η διαδικασία για το spinogambino app download είναι εξαιρετικά απλή. Η εφαρμογή είναι απόλυτα προσαρμοσμένη, καθιστώντας το spinogambino app android την καλύτερη επιλογή για κατόχους κινητών συσκευών που θέλουν υψηλές επιδόσεις και μηδενικές καθυστερήσεις. Με το spinogambino gr app, έχετε στα χέρια σας ένα πλήρες πακέτο ψυχαγωγίας. Αν αναρωτιέστε για τη διαδικασία εγκατάστασης, το spinogambino app android download ολοκληρώνεται σε λίγα λεπτά, εξασφαλίζοντας ότι θα είστε έτοιμοι για παιχνίδι αμέσως.

    Το spinogambino app casino ξεχωρίζει για την τεράστια ποικιλία παιχνιδιών, από κλασικούς κουλοχέρηδες μέχρι live τραπέζια με πραγματικούς κρουπιέρηδες. Παράλληλα, για τους λάτρεις του αθλητισμού, το spinogambino στοιχημα app προσφέρει ελκυστικές αποδόσεις και μια μεγάλη ποικιλία αγορών σε όλα τα μεγάλα γεγονότα. Το spino gambino app download σας δίνει τη δυνατότητα να στοιχηματίζετε live με ασφάλεια και αξιοπιστία.

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

  9. chickenroad-cudgero

    Il betting web rappresenta un ambito di svago estremamente stimolante, ma risulta essenziale approcciarsi a questa esperienza con la dovuta cautela [url=https://chickenroad-login.it/gioco-responsabile]ChickenRoad[/url] . Nei confronti degli utenti che scelgono di divertirsi su Chicken Road, la assoluta preoccupazione conferma la tutela del giocatore. Il sito ChickenRoad riserva davvero notevole spazio alla sezione riservata al gioco responsabile, distribuendo risorse essenziali per assicurare che il percorso di gioco si mantenga costantemente nei parametri di una corretta attivita ricreativa.

    Il gioco deve essere inteso come un divertente hobby e mai come un metodo per i guai pecuniari o una fonte per il profitto. Presso Chicken Road, il sistema di sicurezza si sviluppa attraverso diverse caratteristiche ideate per assistere l’utente a conservare un dominio completo sulle proprie partite. Fra tali, la opportunita di impostare tetti di ricarica giornalieri, di sette giorni o mensili costituisce uno dei pilastri essenziali per gestire un capitale in ottica attenta. Inoltre, il ChickenRoad dispone come opzione strumenti di interruzione, che abilitano di ritagliarsi un momento di pausa utile nel caso in cui l’utente sentisse il desiderio di bloccare temporaneamente il contatto con il gioco.

    La chiarezza rappresenta un tratto caratterizzante di ChickenRoad. La pagina dedicata riguardo al gioco responsabile opera ne soltanto come prospetto pratica, bensi altresi da risorsa informativa allo scopo di identificare i iniziali indizi di un approccio problematico. Risulta essenziale tener bene in mente che l’accesso al gioco resta precluso solo ai adulti mentre e vietato agli utenti di minori di 18 anni. Monitorare il totale del periodo speso sulla interfaccia e analizzare le personali usanze di svago costituisce un compito di tutti gli utente avveduto. Se notassi che il svago sta diventando un serio ostacolo oppure qualora intendessi ottenere ulteriori dettagli su come amministrare il proprio profilo personale su Chicken Road con piena protezione, vi esortiamo di leggere dettagliatamente tutte le linee guida presenti sul portale. Intrattenersi moderatamente e con prudenza rappresenta l’unica strada per trasformare qualsiasi partita dentro un momento di attimo di vero svago, salvaguardando sempre il equilibrio individuale ed anche economico.

댓글 달기

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