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

  1. spinogambinobet-edgexy

    Se sei alla ricerca di un’esperienza di gioco coinvolgente e sicura direttamente dal tuo smartphone, la piattaforma SpinoGambino e la soluzione ideale [url=https://spinogambinobet.it.com/app]spinogambino app download[/url] . Grazie alla nuova spinogambino app, gli appassionati di gaming possono accedere a un catalogo vastissimo di giochi, slot machine e puntate quando vuoi e dove ti trovi. La applicazione e stata progettata per offrire un’interfaccia fluida e intuitiva, garantendo che ogni utente possa muoversi tra le proprie categorie preferite con massima semplicita.

    Per iniziare, la procedura di scaricamento dell’app e veloce e immediata, pensata per permettere a tutti di iniziare a giocare in pochi istanti. Scaricando l’applicazione, avrai accesso completo a un universo ludico perfetto per il gioco su smartphone. Se utilizzi dispositivi Android, e possibile scaricare il file pacchetto di installazione direttamente dal sito ufficiale per installare il software in totale sicurezza. La spinogambino casino app offre un livello di protezione elevato, assicurando pagamenti rapidi e la massima riservatezza dei dati personali.

    Scegliendo la casino spinogambino app, potrai godere di bonus esclusivi riservati agli utenti mobile. Molti giocatori scelgono la procedura di download proprio per non farsi scappare le promozioni periodiche che rendono ogni sessione di gioco sempre piu emozionante. La applicazione rappresenta la scelta migliore per chi cerca un’esperienza di scommessa premium e professionale. Inoltre, la spinogambino app italia e ideale per il mercato locale, offrendo assistenza e sistemi di deposito comodi per le esigenze dei giocatori italiani. Con la applicazione dedicata, il divertimento del gioco e sempre a portata di mano: non perdere l’occasione di effettuare il download dell’app e unirti a una comunita di utenti in continua espansione. Grazie alla rapidita e affidabilita offerte dalla piattaforma, ogni scommessa diventa un momento di puro divertimento, eliminando i tempi di attesa e regalando un’esperienza di gioco mobile davvero unica.

  2. Die digitale Glucksspielwelt hat in den vergangenen Wochen einen frischen Aufschwung erlebt, der besonders unter deutschen Nutzern fur Diskussionsbedarf sorgt [url=https://chicken-road-game-160.gunnerlkgutmannmln82.workers.dev]Chicken Road[/url] . Das Chicken Road Game hat sich als gefragtes Automatenspiel in der Casino Szene etabliert. Viele Spieler suchen nach dem Chicken Road Spiel, um ihr Gluck bei diesem spannenden Gameplay zu versuchen. Doch bei der steigenden Beliebtheit stellen sich viele Nutzer die Frage: Ist Chicken Road serios? Wenn Sie Chicken Road spielen mochten, sollten Sie sich sich grundlich schlau machen. In dieser Analyse gehen wir den Chicken Road Erfahrungen auf den Grund.

    Bei der Recherche, ob das Chicken Road Game Casino Angebot serios ist, spielen Faktoren wie die behordliche Zulassung und die Transparenz der Gewinnchancen eine wichtige Funktion. Die Kernfrage lautet oft: Chicken Road serios oder Betrug? Um dies zu beurteilen, ist es wichtig, die Plattform neutral zu bewerten. Das Spielprinzip ist einfach gehalten, was den Reiz von Chicken Road ausmacht, doch speziell bei neuen Plattformen ist besondere Aufmerksamkeit gefragt. Wer in Chicken Road Deutschland nach lukrativen Gewinnmoglichkeiten sucht, sollte stets auf ein umsichtiges Handeln achten.

    Viele Nutzer teilen ihre Chicken Road Erfahrungen in sozialen Netzwerken und Foren, wobei die Meinungen sehr unterschiedlich ausfallen. Wahrend einige von raschen Erfolgen berichten, warnen andere vor den Risiken, die mit automatisierten Glucksspielen verbunden sind. Wenn Sie das Chicken Road Casino Angebot nutzen, achten Sie darauf, dass Sie sich in einer sicheren Umgebung bewegen. Die Plattform, auf der Chicken Road angeboten wird, sollte stets durch transparente AGB und einen erreichbaren Support uberzeugen. Zusammenfassend lasst sich sagen, dass das Chicken Road Spiel zwar fur kurzweilige Unterhaltung sorgen kann, aber eine angemessene Vorsicht gegenuber neuen Casino Plattformen stets ratsam bleibt. Achten Sie bei der Suche nach Chicken Road Serios auf offizielle Lizenzen und Kundenbewertungen, bevor Sie bare Munze einsetzen. Informiertes Spielen ist der beste Weg, um den Spielspa? aufrechtzuerhalten und mogliche negative Uberraschungen bei diesem Casino Slot zu vermeiden.

  3. palmslots-haism

    Wer, welcher auf der Suche nach einem innovativen plus spannenden Online-Erlebnis ist, sto?t oft uber den Namen palmslots [url=https://palmslots-6.web.app]palm slot[/url] . Die Webseite palmslot liefert Usern eine breite Selektion an neuartigen Casinospielen sowie garantiert dank eine benutzerfreundliche Benutzeroberflache wegen hohen Bedienkomfort. Wer sich bei palm slots einloggt, findet ein breit gefachertes Portfolio an Spielautomaten sowie Live-Casino-Angeboten. Viele Besucher fahnden gezielt nach dem palmslots casino, denn die Internetprasenz fur dieser flotte Performance und spannenden Boni beruhmt ist. Ebenfalls unter der Betitelung palmslot casino bleibt der Anbieter bei routinierten Spielern ein Name, welche Wert auf eine sichere plus offene Spielumgebung setzen. Wenn Sie das palm slot Angebot selbst ausprobieren mochten, finden Sie durch den palmslots login rasch sowie unkompliziert Einlass zu dem eigenen Spielerkonto. Seitens Bestandskunden, die immer wieder nach frischen Spieloptionen schauen, bleibt daruber hinaus die Ausfuhrung palmslots 2 eine interessante Erweiterung der bekannten Plattform. Ein relevantes Thema seitens jeden Spieler bedeutet die palmslots auszahlung. An dieser Stelle uberzeugt die Seite dank stabile Prozesse und eine korrekte Durchfuhrung der Gewinne. In vielen bekannten Portalen sehen sich positive palm slots erfahrungen, diejenigen sowohl die Vielfalt der Spiele als auch den kompetenten Kundenservice betonen. Gleichzeitig wird stets unterstrichen, dass die palm slots casino Erfahrung besonders dank die mobil optimierte Seite glanzt. Egal ob fur Gelegenheitsspieler bzw. Profis, die Domain hat sich als feste Gro?e bewiesen. Durch der simplen Navigation bei palmslots zurechtfinden sich auch Einsteiger umgehend zurecht sowie konnen ihr Gluck an den diversen Slots testen. Die Kombination aus zeitgema?em Design, einer umfangreichen Selektion bei Titeln plus einem fairen Auszahlungssystem gestaltet das Angebot zu einer geschatzten Destination fur Glucksspiel-Enthusiasten. Wer Wert auf ein vielfaltiges Casino-Abenteuer legt, ware gut beraten sich das Angebot hinsichtlich palmslots detaillierter prufen plus die zahllosen Moglichkeiten einsetzen, die die vorliegende Seite hinsichtlich ihre Nutzer anbietet. Die kontinuierliche Weiterentwicklung bewirkt hierfur, dass gar keine Langeweile aufkeimt plus immer neue Herausforderungen fur die Spieler liegen.

  4. Решение о выезде принимает врач с учётом симптомов и бытовых ограничений. Если совпадает хотя бы две позиции из списка ниже, лучше не откладывать звонок — управляемость состояния снижается каждый час.
    Углубиться в тему – [url=https://vyvod-iz-zapoya-v-kazani16.ru/]нарколог на дом вывод из запоя в казани[/url]

  5. Доказательную базу терапии подтверждают данные с Национального института наркологии.
    Подробнее можно узнать тут – [url=https://narkologicheskaya-klinika-sochi0.ru/]www.domen.ru[/url]

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

  7. Текст посвящён распространённым мифам о зависимости и их развенчанию. Мы предоставим научно обоснованную информацию и дадим рекомендации по выбору эффективного способа борьбы с зависимым поведением.
    Обратиться к источнику – [url=https://domashnyaya-kosmetika.ru/effektivnoe-kodirovanie-ot-alkogolizma-metody-i-rezultaty.html]наркологическаяклиникадельта в рязани[/url]

  8. chicken-Tepinue

    When interacting on digital play platforms similar to chicken road, it is vital to value your health above anything [url=https://chicken-roadpredictor.net/responsible-gambling]chickenroad[/url] . The excitement of playing the chickenroad game might prove stimulating, yet keeping a steady strategy to your entertainment is the signature of a savvy gamer. At chicken-roadpredictor.net, we are deeply dedicated to promoting mindful gaming habits to guarantee that your session continues positive, regulated, and pleasant.

    Safe betting signifies acknowledging that betting activities are a type of entertainment not a reliable way to generate profit. Prior to when you start playing chicken road, it is beneficial to establish rigid private caps. Choose a spending limit prior to the moment you sign on and do not ever gamble with funds that you depend on for your daily requirements or financial responsibilities. If you happen to be recovering failed bets or feeling tense concerning your activity, it is the moment to pause. The dynamic character of chickenroad is built for pleasure, and the point when it stops being entertaining, it is essential to step back.

    We urge all users to employ the multiple tools available to maintain their habits in line. Many established gaming platforms offer options to set deposit caps, session duration reminders, or blocking periods. These features are present to safeguard you and should be regarded as part of a sound playing plan. Being knowledgeable and staying in charge enables you to focus the focus on the excitement of the game lacking jeopardizing your tranquility.

    If you ever perceive that your relationship with betting is turning out of control, kindly find assistance. There are numerous expert agencies dedicated to supplying aid and counseling for those who need it. Remember, your physical state and fiscal safety are much more valuable than any game. By practicing self-reflection and establishing defined boundaries, you verify that your duration engaged with chicken road stays a secure activity. Always bet smart, stay within your limits, and hold your playing experience exclusively for fun.

  9. Близкий пьёт неделями. Куда звонить среди ночи. Наркологическая клиника в Екатеринбурге — В любое время суток. Специалисты приедут на дом. Клиника лечения алкоголизма — Без лишних вопросов. Вся информация доступна здесь: нео плюс клиника [url=https://vrach.narkologicheskaya-klinika-ekaterinburg-zfh.ru]https://vrach.narkologicheskaya-klinika-ekaterinburg-zfh.ru[/url] И про лечение зависимостей для нашего города. Обращайтесь к специалистам.

댓글 달기

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