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

  1. В этой статье рассматриваются актуальные вопросы, связанные с развитием медицинской науки и её внедрением в повседневную практику. Особое внимание уделено вопросам профилактики, ранней диагностики и использованию технологий для улучшения здоровья человека.
    Изучите внимательнее – [url=https://alkogolikum.ru/stati/pochemu-vazhno-uchastvovat-v-semeynoy-terapii-pri-reabilitacii-zavisimyh.html]лечение алкоголизма в стационаре[/url]

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

  3. Распознавание большинства существующих типов капч (свыше 8400 видов, включая Yandex, Google, Steam, ReCaptcha, VKontakte, Facebook и других) — без ограничений по времени, без ограничений по количеству!
    XEvil полностью совместим с широким спектром сторонних программ — BAS, ZennoPoster, A-Parser, [url=http://www.botmasterru.com/product52284/]XRumer[/url], GSA SER, SeNuke, Faucet Collector, Private Keeper, и многими другими.
    http://www.botmasterru.com/product52284/

  4. chicken-algonna

    geziene digitale spel die veel interesse verzamelt in de Nederlandse gokmarkt [url=https://chicken-road-game-105.vercel.app]Chicken Road Demo[/url] .

    De proef-versie van dit soort toernooi verzorgt gamers de kans om de spel te bekijken voor ze met reëel geld aanvangen.

    Dit verslag geeft een diepgaande beoordeling en review van de Chicken Road Demo, inclusief gegevens over welke je dit kunt uitvoeren en of het betrouwbaar is.

    —
    Chicken Road Demo is een casinospel dat geïnspireerd is op het gevierde competitie “Kippenrace”. Het toernooi is ontworpen door een uitmuntend spelontwikkelaar en is al sinds lang uitmuntend bij toeschouwers in de Nederlanden.

    De sneakpeek-versie verstrekt toeschouwers in staat om de speelstijl te testen zonder verlies, wat handig is voor wie onbekend is in het competitie of gewoon wil weten of het voor hen past.

    De grafische kwaliteit en het speelverloop zijn over het algemeen bevorderend geanalyseerd, met een verrassende en intense omgeving.

    —
    Als je op zoek bent naar een Chicken Road Proefversie Beoordeling, is het belangrijk om te verifiëren dat de proef-versie regelmatig vrij verkoopbaar is op diverse online gamingplatforms. Dit verstrekken het een goede mogelijkheid voor wie eerst wil ervaren hoe het competitie werkt.

    Veel spelers in Nederland vragen naar een Chicken Road Proefversie, omdat ze een vertrouwde en officiële atmosfeer willen. Het is wel belangrijk om te verifiëren of het casino waar je de demo uitvoert, betrouwbaar is en beantwoordt aan de Hollandse regels.

    —
    Veel vragen die toeschouwers verzenden, zijn of Chicken Road Demo betrouwbaar is en of het officieel is om daarmee te toepassen. In Holland zijn digitale gaminglocaties verplicht om geaccrediteerd te zijn en aan zware normen te voldoen.

    Een betrouwbaar gamingplatform zal altijd helder zijn over hun certificaten en sicherheid. Als je op zoek bent naar een Chicken Road Proefversie, is het verstandig om naar reviews en ervarenissen van andere spelers te bekijken.

    —
    Een Chicken Road Demo Recensie kan help bij het uitvoeren van een geplande keuze. Aanzienlijk toeschouwers benadrukken dat de sneakpeek-versie een goede indruk achterlaat, maar dat het eindelijk gebonden is van de standaard van het casino. Het is eveneens essentieel om te letten op de bonusvoorwaarden en de betalingsopties, met name als je later met werkelijk middelen gaat bekijken.

    —
    In het kort, Chicken Road Demo is een leuk en intens spel dat grote toeschouwers in Nederlandse regio oogst. Of het betrouwbaar is, gebaseerd van het casino waar je het speelt. Zorg ervoor dat je verzamelt voor een geaccrediteerd en officiële spelzaal om een veilige en aangename ervaring te versterken.

  5. ohmyspins-fridge

    Jeder, der auf der Pirsch nach einem erstklassigen Online-Glucksspielanbieter in der Schweiz ist, stolpert am ohmyspins nicht vorbei [url=https://ohmyspins-casino-ch.vercel.app]ohmyspins erfahrungen[/url] . Die Webseite uberzeugt durch eine enorme Spielauswahl und eine leicht bedienbare Oberflache, die sowohl Anfanger als auch versierte Spieler anspricht. Wenn man sich die recensione ohmyspins ansieht, fallt sofort die Vielfalt der angebotenen Slots und Live-Casino-Tische auf, die von den besten Softwareherstellern der Branche bereitgestellt werden.

    Etliche Schweizer Nutzer publizieren positive ohmyspins erfahrungen, insbesondere was die Stabilitat der Webseite und die mobile Performance betrifft. Das oh my spins casino hat sich rasch einen Namen gemacht, da es nicht nur mit einem lukrativen Willkommensbonus anwirbt, sondern auch durch ein klares Treueprogramm begeistert. Wer sich fur das oh my spins casino recensioni durchliest, bemerkt schnell, dass die Community vorwiegend die schnelle Navigation und das schicke Design schatzt.

    Ein entscheidender Punkt bei jedem Portal ist die monetare Abwicklung. Bei ohmyspins sind die Prozesse jedoch klar definiert. Die ohmyspins auszahlung gilt in der Branche als zuverlassig und zugig, was bei Spielern fur das gewisse Vertrauen bewirkt. Ob man nun klassische Tischspiele liebt oder die neuesten Video-Slots ausprobieren mochte, das casino ohmyspins enthalt fur jeden Geschmack den richtigen Inhalt.

    Die oh my spins erfahrungen unterstreichen zudem den qualifizierten Kundenservice, der bei Anliegen oder EDV-bezogenen Problemen stets zur Stelle zur Seite steht. Zusammenfassend bietet die Seite ein rundum gelungenes Erlebnis. Wer also Augenmerk auf Sicherheit, ein umfangreiches Spielangebot und eine seriose Aufmachung setzt, ist beim oh my spins genau richtig. Die Kombination aus innovativster Technologie und einem fairen Bonusmodell macht das Portal zu einer der gefragtesten Adressen fur Glucksspiel-Fans in unserem Land. Es lohnt sich, das Angebot einmal selbst zu entdecken und von den vielfaltigen Gewinnchancen zu profitieren, die man hier auf hohem Niveau erleben kann. Das oh my spins casino generiert damit neue Massstabe fur alle, die mit Freude sicher und spannend online spielen mochten.

  6. chickenroadlogin-Creela

    Tale onesta online costituisce un pilastro cruciale per assicurare un’esperienza utente sicura. Per Chicken Road la protezione dei dati dei visitatori costituisce una necessita assoluta. Esaminando la sezione dedicata ai cookie su [url=https://chickenroadlogin.it/informativa-sui-cookie]Chicken Road[/url] , e possibile capire nel particolare il metodo con cui la piattaforma elabora le informazioni acquisite durante attivita sul dominio. L’impiego dei cookie su ChickenRoad e mirato a ottimizzare le operativita del network, incrementare la reattivita di caricamento dei contenuti e adattare i messaggi in base alle scelte indicate dagli utenti. Questi piccoli file di testo permettono realmente al sistema di memorizzare le preferenze di log-in e di studiare le azioni, assicurando che qualsiasi visita su Chicken Road sia fluida e priva di interruzioni. All interno della documentazione informativa, il team di ChickenRoad specifica le tipologie di cookie vengono adoperate, separando tra le soluzioni tecnici, essenziali per il corretto operato del sito, e quelli di analisi o di terze parti, utilizzati per obiettivi analitici o di promozione. E importante sottolineare che la cura di simili elementi e perennemente nelle disponibilita dell utente. Attraverso le impostazioni del di quel browser, qualsiasi utente entri su Chicken Road ha la facolta di limitare, bloccare o rimuovere i cookie in qualunque occasione, conservando pertanto il completo potere sulla propria sicurezza web. La cura di ChickenRoad verso la rispondenza alle normative in vigore in ambito di difesa delle informazioni riflette una cultura di impresa orientata alla correttezza e alla stima. Consultare con cura questa documentazione consente di esplorare in piena tranquillita, conoscendo precisamente il metodo con cui sono trattate le informazioni trasmesse nel corso di l impiego delle funzioni. Chiediamo a tutti gli ospiti a visitare regolarmente la sezione apposita su Chicken Road per rimanere edotti su eventuali modifiche alle regole, certificando in questo modo un uso continuamente allineata alle norme migliori di sicurezza digitale. La protezione della vostra riservatezza su ChickenRoad e un dovere costante, fondato sulla chiarezza e sul riguardo delle preferenze soggettive di ogni individuale visitatore.

  7. Inside Vinci Spin, we value the secrecy and protection of our players above everything else [url=https://vinci-spincasino.org/cookie-policy]vinci spin[/url] . To guarantee a smooth activity, our platform uses cookies to boost performance, evaluate site traffic, and tailor your engagements on our system. This privacy rule offers a complete brief of how vincispin utilizes these web snippets to refine the utilities we extend.

    When you navigate to vinci spin, your web browser keeps cookies to help the site remember your tastes and options, like language selection or sign-in info. These functional cookies are essential for the standard activity of the gaming hub, ensuring that you can browse among titles and user profiles seamlessly. Minus these cookies, the efficiency of the setup could be hindered, blocking you from experiencing your preferred options to the maximum capacity.

    Besides general use, vinci spin leverages analytical cookies to compile data on how visitors interact with the website. This information is unidentified and supports our group understand which zones of the page are frequently accessed, enabling us to refine the client look and system output. Via studying these shifts, we can constantly tweak the platform to meet the needs of our worldwide members. Also, we may utilize outside cookies for commercial goals, which permit us to offer you appropriate ads adjusted to your preferences according to your browsing history.

    You constantly hold power over your data. Most navigators enable you to modify your privacy choices or remove current cookies by the data panel. Please be aware that if you elect to block cookies on vincispin, specific functional elements may not work as planned, possibly limiting your viewing to specific bonus offers or customized play tips. By continuing to employ vinci spin, you assent to our use of cookies in alignment with this notice. We suggest reviewing this text regularly to stay aware about any revisions concerning our data practices. Your trust is our focus as we strive to provide the most reliable online casino environment available.

  8. Selecting the perfect venue for your online gaming journey is a vital move that requires clarity and stability [url=https://spino-gambino-bonus.net/about-us]spino gambino[/url] . At spino gambino, we pride ourselves in acting as a leading destination for enthusiasts who value protection, variety, and outstanding usability. Our about us page acts as a portal to understanding the core standards that propel our dedication to perfection in the electronic entertainment area. When you participate in spinogambino, you are joining a network established on the basis of equitable gaming and modern innovation. We grasp that the digital terrain can be confusing, which is why our team works steadfastly to select a selection of titles and promotional offers that stand out for their quality and fun. Our goal is to supply a guarded setting where every user feels cherished and supported. Honesty is the heartbeat of our operations. We believe that by openly sharing our benchmarks and systems, we win the trust of our committed patrons. Regardless of whether you are investigating our recent features or searching for thorough data about our incentive programs, the spino gambino staff confirms that transparency persists as our primary priority. We regularly observe sector trends to bring you state-of-the-art play options that hold your journey new and interesting. Opting for spinogambino means selecting a platform that honors your schedule and your love for betting. We invest heavily in accountable methods to assure that our space stays entertaining and stable for everyone. From our committed help desk to our skillfully built design, every part is built with the user in perspective. We welcome you to discover extra info about our legacy, our objectives, and the dream that makes us a trusted entity in the sector. As we proceed to evolve, our attention stays on supplying high-quality care that surpasses desires. Reveal the difference that honesty and innovation generate by investigating what we bring. We feel thrilled to keep hold of you with us on this trek towards a superior play adventure.

  9. В этой публикации мы обсуждаем современные методы лечения различных заболеваний. Читатели узнают о новых медикаментах, терапиях и исследованиях, которые активно применяются для лечения. Мы нацелены на то, чтобы предоставить практические знания, которые могут помочь в борьбе с недугами.
    Продолжить чтение – [url=https://narcologiya.info/alkogolizm/skolko-stoit-vyzov-narkologa-na-dom-v-yaroslavle.html]платная наркологическая клиника[/url]

  10. spinogambinoapp-Orgargy

    Η προστασία των ιδιωτικών στοιχείων αποτελεί θεμελιώδη προτεραιότητα για κάθε σύγχρονη ψηφιακή πλατφόρμα και το spinogambino δεν αποτελεί εξαίρεση [url=https://spinogambinoapp.gr/privacy-policy]spino gambino[/url] . Αν επισκεφθείτε το επίσημο έγγραφο για την ιδιωτικότητα στο spinogambinoapp.gr, θα διαπιστώσετε ότι η επεξεργασία των πληροφοριών των χρηστών διέπεται από αυστηρά πρωτόκολλα προστασίας. Η ομάδα του spino gambino κατανοεί πλήρως την ανάγκη για ιδιωτικότητα σε ένα περιβάλλον που απαιτεί εμπιστοσύνη, ειδικά όταν πρόκειται για την επεξεργασία δεδομένων που συνδέονται με την πααικτική δραστηριότητα.

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

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

댓글 달기

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