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

  1. Этот текст посвящён сложным аспектам зависимости и её влиянию на жизнь человека. Мы обсудим психологические, физические и социальные последствия зависимого поведения, а также важность своевременного обращения за помощью.
    Получить дополнительную информацию – [url=https://finbizhub.ru/pages/platnaya-narkologiya-ekaterinburg/]наркология екатеринбург[/url]

  2. Whenever you find yourself aiming to boost your play experience, exploring the newest promotional offers represents the cleverest method to launch your quest [url=https://vinci-spincasino.org/bonuses]bonus vinci spin[/url] . The particular page for perks at the site presents a broad collection of advantages built to increase your capital from the very opening moment you sign up. Whether you are a newcomer or a veteran player, comprehending how to secure a vinci spin bonus may greatly elevate your possibilities of hitting a major prize.

    Fresh players will be especially interested in the different options open upon signing up. A typical vinci spin registration bonus provides an outstanding motivation to explore the game catalog without risking substantial own funds promptly. Provided that you happen to be specifically hunting for safe prospects, a vinci spin no deposit bonus acts as the ideal method to evaluate the platform. Those kinds of vinci spin casino no deposit bonus promos are very coveted because they allow you to engage in actual action skipping any upfront cost.

    For those set to invest, the hub additionally contains a bountiful vinci spin deposit bonus. By taking advantage of these vinci spin bonuses with registration, you might reveal extra points and complimentary plays that prolong your active time. We must emphasize to recognize that the portal provides explicit terms for all bonus vinci spin, ensuring that players comprehend the wagering requirements linked with their rewards.

    Handling your profile properly ensures you seldom lose out on a vincispin bonus chance. Whether you favor a basic vincispin casino bonus or stay looking for a specific match, having an focus on the deals page is vital. Always recall that a properly used bonus vincispin could prove to be the difference separating a decent experience and a fantastic time. Should you desire to grow your bankroll, looking for a profitable vincispin deposit bonus is a strategic step for every dedicated user. Start by visiting the offers section right now to check which rewards exist currently available and ready to get secured. Using the correct method to such rewards, you can derive the maximum from all one round you play.

  3. ohmyspins-tresque

    Falls ihr auf der Suche nach einem modernen plus kurzweiligen Online-Glucksspielanbieter sind, bleibt jene Plattform bei ohmyspins-casino-3.vercel.app definitiv einen echten Besuch ratsam [url=https://ohmyspins-casino-3.vercel.app]ohmyspins erfahrungen[/url] . Das OhmySpins Casino konnte sich in der Welt des iGaming dafur fester Anker etabliert zudem begeistert dank sein buntes Design und ein gro?es Spielangebot etliche Spieler dazu. Innerhalb dieser ausfuhrlichen OhmySpins Bewertung werfen wir uns exakt darauf, welche Aspekte jenes Casino offeriert und wieso immer mehr Zocker auf dieses Angebot bauen.

    Viele Nutzer, welche personliche OhmySpins Erfahrungen gesammelt haben, preisen hauptsachlich jene einfache Benutzeroberflache und jene stabile Performance auf unterschiedlichen Devices. Derjenige, ein OhmySpins Casino Review liest, wird schnell erkennen, dass jene Game-Palette aus traditionellen Slots inklusive zeitgema?en Live-Casino-Titeln vollumfanglich inkludiert, was das Herz wunscht. Ob man derzeit ein Anhanger von beliebten Automaten seid oder aber lieber auf diesen Tischen wider reale Dealer spielen, das Casino OhmySpins liefert mit jegliche Praferenz jene passende Losung.

    Selbstverstandlich wird bei der Wahl eines seriosen Casinos ebenfalls die Integritat ma?geblich. Bei zahlreichen OhmySpins Casino Erfahrungen wird erwahnt, dass jene Webseite geschutzt sowie offen arbeitet. Sofern ihr die personliche OhmySpins Erfahrung machen mochten, profitieren man dabei oft durch lukrativen Bonusangeboten, welche einen Beginn vereinfachen. Die Mischung aus einer gewaltigen Auswahl von Providern und einem hilfsbereiten Kundensupport erweist den Aufenthalt auf jener Seite ungemein angenehm.

    Zusammenfassend kann man festhalten, dass wirklich all sachliche OhmySpins Review all jene Vorzuge in den Vordergrund stellt: ein breitgefachertes Portfolio, ein einfaches Design und ein schlussiges Konzept bezuglich Spieler. Wenn Sie also auf einer frischen Plattform fur Ihr Hobby suchen, durfte OhmySpins genau jene ideale Wahl werden. Nutzen Sie die Seite bei dieser angegebenen URL sowie verschaffen man euch eigenstandig den ersten Einblick uber dieser Qualitat. Das lohnt sich, diese unterschiedlichen Rubriken dieses Portfolios zu durchforsten, damit einfach das Maximum durch Ihrem Besuch herauszuholen und einen durchweg unterhaltsames Spielerlebnis zu erfahren.

  4. The online world for gamers has changed drastically, making it simpler to enjoy top-tier fun while traveling [url=https://need-for-slotsreview.eu/app]need for slots online casino app[/url] . If you are looking for a seamless gaming experience, the best slots application stands out as a premium option for users who value ease of use and diversity. By integrating high-quality graphics with intuitive navigation, this service ensures that users can access their favorite games whenever and wherever they choose.

    For those who prioritize performance and reliability, the need for slots casino app provides a robust interface built for today’s mobile devices. Whether you are at home or traveling, the need for slots online casino app provides a secure environment where fun meets performance. Gamers appreciate how the software improves gameplay, guaranteeing fluid navigation and load times are minimal. This focus on user experience is the main reason so many players seek out the slots mobile installation to boost their collection of games.

    Ease of access is a core strength of this brand. The need for slots mobile app allows players to control their profiles, find fresh games, and enjoy special bonuses directly from their touchscreens. By selecting the need for slots casino mobile app, you get a carefully picked variety of games that are perfectly adapted for smaller displays without losing any visual detail. This dedication to mobile excellence is what distinguishes the service in a crowded industry.

    Starting out is a simple task for anyone interested in joining the community. Once you finish the need for slots app download, you will find a user-friendly dashboard that makes finding your preferred games easy. Whether you are a casual player or a seasoned veteran, the tools packed into this software offer a complete package for on-the-go play. Experience the next generation of digital entertainment by seeing why so many users rely on the need for slots casino mobile app for their daily gaming fix. It is time to elevate your mobile play with a service designed for quality and trust.

  5. chickenroadlogin-asteta

    Tale divertimento online incarna una tipologia di intrattenimento molto nota, ma risulta imprescindibile approcciarsi a tale attivita con la estrema cautela e accortezza [url=https://chickenroadlogin.it/gioco-responsabile]ChickenRoad[/url] . La struttura Chicken Road ha collocato la protezione dei suoi giocatori al fulcro della sua visione, sostenendo concretamente una politica di gioco responsabile. Visitare la sezione specifica su ChickenRoad permette di comprendere quanto risulti vitale preservare un equilibrato assetto tra piacere e amministrazione del proprio tempo e delle sue facolta finanziarie.

    Divertirsi su Chicken Road deve continuare un’esperienza gradevole e priva da minacce sproporzionati. Per tale motivo, il sito spinge i utenti a stabilire limiti di versamento e di sessione gia dal primario accesso. Il gioco responsabile, difatti, si fonda sulla facolta di mantenere il controllo: rischiare potrebbe essere come un passatempo e giammai come una soluzione a problemi finanziari o una fonte di guadagno. Le sezioni esplicative esistenti su ChickenRoad forniscono suggerimenti concreti su come osservare le proprie consuetudini e riconoscere ipotetici segnali di allarme associati a un modo compulsivo.

    La salvaguardia dei ragazzi costituisce un ulteriore punto vitale per Chicken Road. Il portale applica protocolli ferree per ostacolare l’accesso agli iscritti che non abbiano ancora conseguito la piena eta, esortando i adulti a utilizzare mezzi di monitoraggio parentale. Peraltro, se un utente sente di aver perso il potere del proprio svago, la interfaccia dispone a vantaggio scelte per l’autoesclusione, un meccanismo che permette di interrompere provvisoriamente o per sempre il personale account.

    Affidarsi a una realta affidabile come ChickenRoad vuol dire optare per un contesto dove la chiarezza e il osservanza delle norme sono assicurati. Invitiamo tutti i ospiti a esaminare accuratamente le normative sul sito ufficiale per godere dei vantaggi proposti in totale serenita. Tieni a mente che il passatempo puo provocare assuefazione: la consapevolezza e il tuo mezzo principale per gestire l’esperienza di Chicken Road in maniera sicura, moderata e lieta. Gioca sempre con equilibrio e non oltrepassare assolutamente i limiti che ti sei impostato.

  6. В этой статье мы подробно рассматриваем проверенные методы борьбы с зависимостями, включая психотерапию, медикаментозное лечение и поддержку со стороны общества. Мы акцентируем внимание на важности комплексного подхода и возможности успешного восстановления для людей, столкнувшихся с этой проблемой.
    Как достичь результата? – [url=https://driveautorent.ru/pages/kapelnica-ot-alkogolnoj-intoksikacii-na-domu/]вывод из длительного запоя на дому[/url]

  7. spinogambinoapp-Errophy

    Αν ψάχνετε για μια εξαιρετική εμπειρία στο χώρο του online gaming, η ιστοσελίδα spinogambino αποτελεί έναν από τους πιο ανερχόμενους προορισμούς για τους παίκτες στην Ελλάδα [url=https://spinogambinoapp.gr/about-us]spinogambino[/url] . Στη σελίδα σχετικά με εμάς, η ομάδα του spino gambino παρουσιάζει αναλυτικά τη φιλοσοφία και τις αξίες που διέπουν τη λειτουργία της ιστοσελίδας, δίνοντας έμφαση στην προστασία, τη διαφάνεια και την απόλυτη ικανοποίηση του χρήστη. Ο σκοπός μας είναι να προσφέρουμε ένα περιβάλλον όπου η ψυχαγωγία συναντά την τεχνολογία αιχμής.

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

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

  8. uitstekend virtuele testversie van de gewilde spelautomaat De Kippenrace, welke eerst uitgegeven is van een bekende producent [url=https://chicken-road-game-102.onrender.com]Chicken Road Demo Nl[/url] . De proefversie is verkoopbaar op de website een veilige adres en verstrek casinogangers de mogelijkheid om het automaat in een proef ruimte te bekijken voor ze zich registreren of bedragen investeren.

    Dit is vooral handig voor een persoon onbekend is met digitale gokken of voor iemand alleen de gameplay wil bekijken geen verlies.

    De Demo van De Kippenrace is een geweldige optie om geaccustreerd te worden met de controle, de extra’s, en de talrijke mogelijkheden van de automaat. De spel is geïnspireerd op de bekende principe van De Kippenrace, waarbij gokkers moeten om deze kip door de uitdagende pad te sturen terwijl ze ontwijken voor hindernissen en tegenstanders. Het proefversie verschaft een realistische ervaring, met de soundtrack, bewegingen, en het toevallige beloningen welke je in de echte spel kunt krijgen.

    Diverse casinogangers in het land vragen naar een Test van De Eierloop om te ontdekken of de casino veilig en amusement is. Het testversie op een veilige platform wordt doorgaans gunstig ontvangen, omdat het deze openbare manier geeft om de automaat te testen. Het is essentieel om te verwijzen dat het Demo van De Kippenrace legaal is, omdat het geen enkele daadwerkelijke inzet moet en dus geen enkele als deze virtuele game wordt geïnterpreteerd. Dit versterkt het de betrouwbare keuze voor wie nog moet verstaan over de spel.

    Voor spelers die zoeken naar deze De Eierloop Testversie NL, is de demo deze geweldige kans omdat het NL-talig is en focust is aan deze Nederlandse markt. Het is eveneens een goede wijze om te verifiëren of het Demo van De Kippenrace betrouwbaar is, want je zonder aanmelding of geldelijke verplichtingen kunt automaatspelen. Dit is met name praktisch voor een persoon nog niet zeker vermoedt of ze zich moeten aanmelden bij deze digitale goksite.

    De Chicken Road Demo Reviews bevestigen aan dat talloze spelers profiteren van de interessante gameplay en de kans om rewards te krijgen. Het game is niet slechts amusement om te gokken, maar geeft eveneens deze realistische voorstelling van hoe je ontvangen in een echte Demo van De Kippenrace Automaat. Voor een persoon verlangt is in digitale gokken in Nederland, is dit de verstandige actie om vóór de proefversie te gokken voordat je inzetten zet.

    Samengevat, de Chicken Road Demo op een speciaal server is een briljante optie om de game te ervaren zonder risico. Of je nu probeert naar deze Test van De Eierloop, een Chicken Road Demo Nederland of simpelweg de betrouwbare optie om de game te proberen, deze demo toont een geldige en leuke sfeer voor casinogangers in Nederland.

댓글 달기

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