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

  1. Le monde du jeu en ligne evolue rapidement, et parmi les sites qui captivent des joueurs francophones, Vulkan Vegas s’impose comme une reference incontournable [url=https://vulkan-vegas-casino-25.onrender.com]Is Vulkan Vegas Legit[/url] . Si vous vous demandez si ce casino en ligne merite votre attention, il est essentiel de lire un avis sur Vulkan Vegas complet pour comprendre ce qu’il propose. Le Casino Vulkan Vegas a su se forger une solide reputation grace a une selection de jeux variee, incluant des slots modernes, des jeux de table classiques et une experience de casino en direct immersive. Pour les joueurs en Vulkan Vegas France, la plateforme est pensee pour offrir une interface intuitive et un acces securise aux jeux les plus populaires du marche. Une question revient souvent chez les nouveaux utilisateurs : Est-ce que Vulkan Vegas est fiable ? La reponse est positive, car le site opere sous des licences regulees, garantissant ainsi l’equite des jeux et la protection des informations privees des joueurs. En lisant les nombreux Vulkan Vegas Reviews disponibles en ligne, on constate rapidement que la qualite du service client et la rapidite des transactions sont des points forts souvent mis en avant. Si vous cherchez un avis detaille sur le casino Vulkan Vegas, vous remarquerez que les utilisateurs apprecient particulierement les bonus de bienvenue attractifs et le programme de fidelite avantageux. Le site Vulkanvegas offre une interface ergonomique qui facilite le plaisir de jeu, que ce soit sur PC ou mobile. En consultant un temoignage sur Vulkan Vegas, il devient evident que l’experience utilisateur est au c?ur de leurs priorites. De meme, chaque Avis Casino Vulkan Vegas met en lumiere la diversite des fournisseurs de logiciels partenaires, assurant ainsi une variete de jeux constamment renouvelee. En somme, Vulkan Vegas se positionne comme un acteur serieux pour tous les amateurs de divertissement en ligne. Que vous soyez un joueur debutant ou experimente, le Casino Vulkan Vegas propose un environnement complet ou la securite et le plaisir se combinent pour offrir une experience de jeu de haute qualite disponible en France.

  2. spinogambinoapp-Awaibra

    In the rapidly changing realm of online gaming, discovering a trustworthy and captivating platform is essential for any player [url=https://spinogambinoapp.net]spinogambino official website[/url] . The spinogambino platform has emerged as a top-tier hub for gamers seeking a comprehensive gaming experience. Whether you are a fan of traditional casino games or the latest interactive slots, the spinogambino casino offers a diverse library tailored to cater to all tastes. By accessing the spinogambino site, users are greeted with a sleek, user-friendly interface built for seamless navigation across all devices.

    As a leading spinogambino online casino, the site prioritizes user safety, gaming integrity, and top-tier visuals. The platform is distinct because it combines traditional gambling elements with cutting-edge tech, guaranteeing that every session is immersive and smooth. For those who crave the atmosphere of a real gaming floor, the spinogambino live casino feature provides a bridge between virtual convenience and authentic interaction, enabling players to interact with professional dealers in live.

    Beyond standard gaming, the integration of spinogambino sports betting brings an extra layer of excitement for sports fans. This flexibility makes spino gambino a comprehensive solution for diverse gambling needs. When you choose to play at the spinogambino platform, you get rewarding promotions and a customer service team dedicated to ensuring a secure space. Many users look for the spino gambino casino because they value the company standing and the consistent updates to their collection of games.

    In summary, if you are searching for a reliable spinogambino gaming site that delivers on game selection and quality, the official site is your best starting point. The fame of casino spinogambino continues to grow as it attracts players who expect quality and novelty. Explore the latest offerings and see why so many players rely on the platform for their gaming requirements. With its commitment to delivering a top-notch gaming experience, the platform remains a top contender in the global digital gaming market. Whether you are a casual player or a seasoned veteran, the provided tools ensure a fun experience.

  3. chicken-inicrot

    słynna platforma wirtualna, która zyskała wielu osób dzięki swojemu intuicyjnemu, ale przy tym intrygującemu regułom [url=https://chicken-road-game-109.web.app]Chicken Road Opinie Casino[/url] .

    Jednak w momencie zrobieniem kroku o platformie niezbędne jest poznanie z licznymi ocenami na jej związku, w szczególności na forach takich jak ForumGraczy, a także w analizach innych graczy.

    Wiele osób zastanawia się, czy ta gra jest godna uwagi, czy też jest to wręcz jeszcze jedno kasyno z niepewną reputacją.

    Wśród komentarzy na aspekcie tej platformy można stwierdzić zarówno przychylne, jak i złe opinie. Niektórzy użytkownicy podkreślają, że gra jest zainteresująca i dająca zadowolenie, zwłaszcza dzięki prostej strukturze reguł. Jednak duża liczba graczy zaznacza obawy obejmujące prawnego charakteru i honoru tym usługi.

    Wiele graczy zastanawia się, czy ta gra jest dopuszczalne w naszym regionie, czy też zdarza się dotyczyć z nieprawidłowymi.

    Warto także skierować zainteresowanie na wyroki osób, którzy już od dawna bawią się w Chicken Road. Niektóre wyroki opisują trudności z płatnościami lub manipulacją rezultatami, co zdarza się na wskazówka przestrzegawczy dla ewentualnych. Z innej perspektywy są dodatkowo pomyślne analizy, gdzie użytkownicy akcentują sprawne i bezpieczne transakcje pieniężne oraz transparente systemy.

    Jeśli zastanawiasz się, czy ta aplikacja jest uzasadniona zaufania i zaufania, przydatne jest dokładnie przeglądać dostępne analizy. Niektóre źródła informacji podkreślają, że Chicken Road być może powiązane z kasynami w sieci o wątpliwej, dlatego prior do rozpoczęciem aplikacji przydatne jest zweryfikować, czy jest to legalne i czy jest to gra, której należy polegać.

    Warto także zwrócić zainteresowanie na oceny na aspekcie tej aplikacji na Foro.pl, gdzie gracze podzielają swoimi analizami i wskazówkami.

    Podsumowując, usługa ta platforma może zainteresująca dla niektórych użytkowników, ale zanim zdecyzowaniem się decyzji niezbędne jest szczegółowo przeanalizować analizy innych entuzjastów. Niektóre oceny na aspekcie tej gry są chwalone, ale występują dodatkowo sygnały alarmujące, które zdają się przestrzegać na potencjalne problemy. Warto także przypomnieć, że nie aplikacje internetowe mogą być dopuszczalne, dlatego przed rozpoczęciem gry platformy konieczne jest przeglądać, czy Chicken Road odpowiada warunki legalne.

  4. Locating the suitable promotional incentives can markedly boost your gambling path, and the site housed at spino-gambino-bonus.net/bonus/ is crafted to assist gamers optimize their capabilities [url=https://spino-gambino-bonus.net/bonus]spinogambino no deposit bonus[/url] . If you are looking for the best spinogambino bonus, this hub operates as your essential roadmap to navigating the latest promotions available. Regardless of whether you are a newcomer or a veteran gamer, understanding how to leverage a bonus spinogambino can provide you that supplementary boost required to explore a wider assortment of activities.

    Perhaps one of the very desired perks is the spinogambino no deposit bonus. This kind of promotion lets users to test the platform without having to wager their private money directly. Locating a reliable spino gambino no deposit bonus is often the first phase for those who desire to acquire a feel for the site structure and the excellence of the play collection. By accessing the provided portal, players can stay current on the recent conditions to secure these free opportunities.

    Aside from gratis entries, you may be on the hunt for a precise spino gambino bonus code. Employing a working spino gambino promo code is vital for accessing premium perks and tailored incentives. Countless gamers regularly search for a spinogambino bonus code to confirm they are obtaining the highest deposit percentage or the extremely advantageous turnover rules attainable. It is necessary to bear in mind that these offers change constantly, so preserving an gaze on the fresh spinogambino code news is a wise strategy for any fan.

    Whenever you are prepared to advance your experience, verifying the specific casino spinogambino bonus terms is crucial. A excellent spinogambino casino bonus can significantly expand your funds, granting for additional action and higher bets. By applying the data located at the cited address, you can confirm that you are not skipping out on a useful deal. Always validate the entry criteria and activation procedures to ensure your selected bonus is used properly to your profile. Keep leading of the game by staying current about the latest promos accessible today.

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

  6. Публикация охватывает основные направления развития современной медицины. Мы обсудим значимость научных исследований, инноваций в лечении и роли общественного участия в формировании системы здравоохранения.
    Узнать из первых рук – [url=https://kuchasovetov.ru/kak-effektivno-proyti-kodirovanie-ot-alkogolizma-sovety-ot-professionalov/]deltaclinic рязань[/url]

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

  8. Surveying the broad terrain of digital gaming can often appear daunting, but platforms like vinci-spincasino.org are created to optimize the process for players [url=https://vinci-spincasino.org/tags]vinci spincasino[/url] . Each of the most efficient ways to find your preferred gaming material is using the custom tags section. Through applying the sorting tools at vinci-spincasino.org/tags, players can swiftly organize across a huge catalog of apps to uncover options that fit their specific tastes, themes, or mechanics.

    The tag system functions as a robust organizational hub. Regardless of you are looking for traditional slot machines, big-bet table games, or immersive live dealer experiences, the categorized tags make the navigation flow natural. Instead of browsing purposeless over hundreds of options, you can merely press on a category that sparks your curiosity. This function is especially useful for those who appreciate exploring fresh trends in the sector or those who hold a fondness for distinct software providers. When accessing vinci-spincasino.org, you secure immediate entry to a selected selection of betting experiences designed to your unique preferences.

    Outside just discovering games, the tag functionality on vinci-spincasino.org improves user engagement by highlighting specialized sections that might otherwise go ignored. This is ideal for users who wish to test with diverse genres without the burden of a complex finding process. The website is optimized to verify that these navigation gadgets operate efficiently across all platforms, whether you are using on a PC or a mobile phone.

    To conclude, if you are looking to maximize your leisure and locate the very exciting entertainment alternatives, the tag index at vinci-spincasino.org is an essential asset. It transforms a huge virtual collection into a personalized library, permitting you to center on what is vital best: enjoying high-quality gaming sessions. Investigate the variety provided at vinci-spincasino.org presently and see how simple it is to tailor your online journey using their sophisticated tagging system. Your following preferred game is merely a few of clicks away once you employ these practical categorization tools.

  9. ohmyspins-uplife

    Das moderne Online Casino ohmyspins hat sich in der Branche der digitalen Glucksspielanbieter schnell einen Ruf erarbeitet wobei es begeistert immer mehr Zocker herbei, welche auf der Jagd nach Spa? nebst Nervenkitzel sind [url=https://ohmyspins-de.pages.dev]ohmyspins casino[/url] . Jeder, der sich fur die Palette entscheidet, sto?t regelma?ig uber Worter etwa ohmyspins erfahrungen oder sucht hinter einer fundierten ohmyspins bewertung, um endlich entscheiden, ob sich ein Account rentiert. Unsere Untersuchung verdeutlicht, dass dabei unser ohmyspins casino mittels der gro?artige Auswahl an Slots, Live-Games sowie Live-Casino-Optionen begeistert. Die Navigation erscheint einfach konzipiert, sodass gerade Einsteiger sowie Erfahrene flink zurechtfinden konnen.

    Beim Durchlesen eines ohmyspins casino review erscheint deutlich, dass vor allem besonders die Promotionen sowie solche laufenden Aktionen hervorstechen. Etliche Kunden schatzen sehr die Vielfalt bei der Transaktionswegen, etwas, das bei jedem fachkundigen ohmyspins review lobend dokumentiert wird. Jene Sicherheitsvorkehrungen und Seriositat stehen dort auf erster Prioritat, denn das transparentes Zocker-Feeling ist eine Basis fur dauerhaften Entertainment. Viele User teilen die personliche ohmyspins erfahrung auf Portalen sowie kommentieren hauptsachlich die Dauer von den Einzahlungen sowie die den zudem zuverlassigen Support.

    Jeder, der nach ohmyspins casino erfahrungen sucht, wird schnell feststellen, dass die Seite mittels einem sehr modernes Layout sowie eine hochwertige Auswahl von Software-Schmieden punktet. Egal ob der Spieler eben klassische Spielautomaten mag oder die authentische Atmosphare in dem Live-Casino auskosten mochte, das casino ohmyspins bietet fur jeden jeglichen Bedarf die geeignete Sortiment. Abschlie?end kann man festhalten, dass ohmy spins eine wirklich hervorragende Option fur diejenigen ist, die Wert auf eine Qualitat und ein wirklich gro?es Spielesortiment setzen. Durch der kontinuierlichen fortlaufenden Aktualisierung des gesamten Katalogs ist das Abenteuer langfristig spannend. Dies zahlt sich absolut zweifellos, diese neuen Angebote personlich intensiv unter die Lupe nehmen und sich ein eigenes Urteil hinsichtlich den zahlreichen vielen Vorteilen zu erarbeiten, die auch dieses Online-Portal zu bieten besitzt. Jeder, der Fokus auf die Entertainment auf einem Top Standard richtet, entdeckt in diesem Casino einen Ort, das sowohl funktional als auch in inhaltlich komplett aber auch durchweg begeistert.

댓글 달기

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