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”의 67,971개의 댓글

  1. spingrannycasino-Chola

    Během vyuzivani sluzeb online kasin je velmi důlezite mit jasnou představu o vsech pravidlech, ktera upravuji spolupraci mezi uzivatelem a operatorem [url=https://spingrannycasino.cz/obchodni-podminky]spingranny[/url] . Pokud otevřete web spingrannycasino.cz a soustředite se na čast obchodni podminky, ziskate důlezite informace, ktere zajisťuji bezpečne a transparentni prostředi pro hrani. Vsichni zaregistrovani klienti platformy spingranny by musi těmto regulim poskytnout adekvatni čas, protoze představuji kličove prvky zaměřene na registrace, vkladů, vyběrů a podminek pro čerpani bonusovych nabidek.

    Spin granny si potrpi na rovnem jednani ke svym zakaznikům. Obchodni podminky jsou připraveny tak, s cilem chranit vsechny subjekty a potvrdily bezproblemovy chod kazde herni seance. V tomto souboru objevite detailni vysvětleni toho, jakym procesem spingranny operuje s privatnimi daty hračů a jakym pravidlům podleha zodpovědne hrani. Je důlezite si uvědomit, ze odsouhlasenim těchto podminek při registraci na spin granny se zavazujete dodrzet k plněni stanovenych norem, coz zahrnuje napřiklad potvrzeni plnoletosti či ověřeni identity.

    Pokud mate otazniky kolem limitů sazek, lhůty pro vyřizeni finančnich transakci nebo směrnic pro uplatněni promo akci, obchodni podminky na webu spingrannycasino.cz jsou hlavnim zdrojem, kde nalezt odpovědi. Transparentnost je jednim ze zasadnich cilů, kterou spingranny uplatňuje, aby se kazdy uzivatel byl při hrani oblibenych automatů či stolnich her v naprostem bezpeči. Doporučujeme pravidelně sledovat připadne upravy těchto pravidel, protoze provozovatel spin granny můze normy v čase měnit v dodrzeni pravnimi předpisy nebo vylepsovanim svych sluzeb.

    Pochopeni těchto pravidel vam dovoli uzivat si herni zazitek bez zbytečnych nejasnosti. Vyčleňte tedy několik minut prohlizeni dokumentace na strankach spingranny, abyste jste byli obeznameni o svych narocich i povinnostech. Solidnost a důvěra jsou hlavnimi piliři, na kterych spin granny buduje svou komunitu hračů, a porozuměni obchodnich podminek je tim nejlepsim krokem k bezproblemove zabavě v digitalnim světě hazardnich her.

  2. spinogambino-LEAND

    Si vous incarnez un passionné de paris numériques à la quête d une expérience rapide sur tablette, la spinogambino app représente la alternative parfaite pour vous [url=https://spinogambino-jeux.fr/app]spinogambino casino app[/url] . Cette interface innovante a été conçue pour proposer aux parieurs un accès direct et sécurisé à une immense gamme de slots et de tables virtuelles directement depuis votre propre smartphone. Via la casino spinogambino app, vous êtes capable de actuellement profiter de vos jeux favoris à n importe quand et en n importe où, sans perte sur la précision esthétique ou la vitesse des parties.

    Pour débuter l odyssée, il est impératif d accomplir le spinogambino app download via portail officiel. Le déroulement paraît aisé et intuitif, garantissant que tout utilisateur ait la possibilité d télécharger le programme en un instant seulement. Peu importe un support sous Android ou iOS, le spinogambino casino app download reste parfaitement configuré pour s conformer totalement à votre écran, présentant une ergonomie ergonomique pensée pour une exploration simplifiée.

    De nombreux joueurs sollicitent particulièrement le spinogambino apk pour tirer profit de capacités exclusives. En réalisant le spinogambino apk download, vous débloquez un passage VIP aux nouveaux divertissements et aux offres privilégiées dévolues aux utilisateurs mobiles. L technologie spino gambino app se illustre par sa fiabilité parfaite et ses durées de chargement accélérés, favorisant une intégration entière dans l monde du casino.

    La sûreté demeure une préoccupation absolue pour l app spinogambino. Les renseignements privées et les transactions monétaires demeurent gardées par des systèmes de cryptage performants, vous offrant la possibilité de jouer en totale confiance. En sélectionnant le spino gambino app download, vous rejoignez une communauté en expansion de membres contents par la fiabilité du spinogambino casino app. Ne ratez pas cette opportunité d optimiser votre pratique de pari mobile. Téléchargez dès aujourd hui l interface sur votre support adapté pour découvrir pourquoi cette application se transforme très vite la référence essentielle pour l ensemble de passionnés de divertissements virtuels souhaitant allier amusement, puissance et protection totale.

  3. Welcome to the official hub committed to the objectives and values of Spinogambino [url=https://spino-gambino-loginbonus.com/about-us]spinogambino[/url] . If you have been looking for a top-tier venue to savor your favorite virtual entertainment, you have probably found the name Spino Gambino. Our platform was built with a distinct vision: to offer a seamless, fair, and thrilling space for players who value elite play adventures. We understand that in the vast world of digital wagering, confidence and transparency are the most valuable resources, which is why we center strongly on providing a intuitive layout combined with reliable support.

    At the center of our functions is the allegiance to our community. The Spinogambino identity signifies beyond a place to play; it denotes a protected environment where your gaming path is emphasized via advanced technology and quick guidance. We constantly refine our procedures to verify that when you interact with Spino Gambino, you are encounter reliability, speed, and variety. Our team works diligently behind the scenes to confirm that every tool we introduce enhances the overall user experience, making it more effortless to obtain bonuses and explore via our eclectic collection.

    Advancement drives all we execute. By attending to the feedback from our committed gamers, we have customized our system to meet the changing demands of the current entertainment business. Regardless of whether you are drawn to the latest deals or simply want to understand how our systems operate, our Background page serves as a clear window into our corporate ideology. We maintain that by preserving high levels of integrity and quality, we can continue as a frontrunner in the web domain. Thank you for choosing Spinogambino as your favorite site. As we continue to expanding and enlarge our scope, we invite you to keep in touch with us and feel firsthand why so many players trust Spino Gambino for their wagering needs. We are thrilled to have you with us on this path aiming at creating novel benchmarks in caliber and dependability.

  4. В статье по вопросам здоровья мы рассматриваем актуальные проблемы, с которыми сталкивается общество. Обсуждаются заболевания, факторы риска и важные аспекты профилактики. Читатели получат полезные советы о том, как сохранить здоровье и улучшить качество жизни.
    ТОП-5 причин узнать больше – [url=https://zdorof.ru/kak-vybrat-kliniku-kodirovaniya-ot-alkogolizma/]медицинский центр кодирования от алкоголизма[/url]

  5. chickenroad-Incito

    Polla Calle resulta uno de los juegos móviles con mayor aceptación durante el último periodo, en particular en el mercado hispano, en el que su simplicidad y adictiva y adictiva mecánica han seducido a miles de jugadores [url=https://chickenroad-es-66.onrender.com]Juego De Chicken Road Opiniones[/url] . Si estás buscando conocimientos acerca de esta aplicación, mediante reseñas veraces, su credibilidad o cómo funciona, este análisis te servirá a asimilar todo lo esencial saber antes de probarlo.

    Antes que nada, resulta clave la naturaleza de Chicken Road. Consiste en un título de velocidad en el que la finalidad consiste en durar lo máximo que se pueda dodendo barreras mientras avanzas a través de una vía repleta de pruebas. A pesar de su aparente parece básico, su dificultad se intensifica ello lo hace en un título adictivo y con una curva de aprendizaje rápida. Varios aficionados lo relacionan con otros títulos como *Subway Surfers* o *Rush 2049*, no obstante con un enfoque más minimalista y centrado en la tensión.

    Al discutir sobre reseñas de Polla Express, no es extraño plantearse preguntas sobre su calidad. Al buscar opiniones en español, en foros como Forocoches o espacios de gamers, los usuarios suelen destacar sus virtudes como sus negativos. Por un lado, varios resaltan el efecto enganchante, la comodidad en cualquier momento y el premio al instante tras vencer desafíos. Sin embargo, varios aficionados destacan que la experiencia aburrida por su dificultad constante o por la obligación de gastar dinero para progresar con rapidez.

    Una de las preguntas entre las más habituales radica en la credibilidad de Polla Express. De manera habitual, el título en cuestión no tiene problemas técnicos graves, no obstante, al igual que con muchos títulos gratuitos, incluye compras integradas que generan interés. Cuando necesites comentarios veraces, resulta aconsejable consultar opiniones en mercados como F-Droid, o la App Store, donde los aficionados comparten sus vivencias sin edulcorar. Igualmente vale la pena contrastar con otras opiniones en español, porque de esta forma podrás ver si se repiten con las experiencias de otros usuarios han expresado.

    Una cuestión esencial consiste en analizar el mecanismo de el juego. Chicken Road depende de un sistema de puntos y beneficios, cada vez que logras completas una etapa, adquieres ventajas para optimizar tu transporte o descubrir rutas alternativas. Pese a que el título es free, para ganar tiempo, o reducir la tensión, numerosos aficionados optan por gastar dinero en mejoras premium o energías ilimitadas. Esto ha provocado discusiones acerca de la utilidad comprar mejoras en el título, pues ciertos usuarios opinan que las actualizaciones son necesarias para experimentar la experiencia completa.

    Al cuestionarte qué hace especial a lo que hace especial a Polla Express, el secreto radica en su mezcla de facilidad y presión. A contrastar con títulos de manejo, no demandan habilidades complejas, aunque su velocidad sostenida y los giros inesperados mantienen la atención. Por esta razón no es común encontrar a aficionados perdiéndose en partidas especialmente en sus ratos libres.

    En resumen, al considerar en probar Chicken Road, conviene investigar mediante reseñas auténticas y en español y así prevenir errores. Aunque el juego tiene sus detractores, su éxito en el mercado hispano y fuera de fronteras confirma que cumple a sus expectativas iniciales: entretenimiento al instante y una adicción controlada. Si te gustan los juegos móviles rápidos, y sin barreras, este podría ser tu próximo favorito.

  6. ohmyspins-tresque

    Falls Sie hinter einem zeitgema?en und spannenden Online-Glucksspielanbieter seid, bleibt unsere Plattform bei ohmyspins-casino-3.vercel.app definitiv einen echten Check wert [url=https://ohmyspins-casino-3.vercel.app]ohmyspins bewertung[/url] . Dieses OhmySpins Casino hat sich in der Welt des iGaming wie fester Anker etabliert sowie begeistert dank ihrem buntes Design und einem gro?es Spielangebot etliche Spieler herbei. Innerhalb einer detailreichen OhmySpins Bewertung schauen wir uns genau an, wie das Casino offeriert sowie wieso stets mehr Spieler auf dieses Angebot vertrauen.

    Etliche User, diejenigen ihre eigenen OhmySpins Erfahrungen erlebt haben, preisen hauptsachlich jene einfache Benutzeroberflache und eine flussige Performance bei unterschiedlichen Endgeraten. Jeder, ein OhmySpins Casino Review durchforstet, darf prompt bemerken, dass jene Spielauswahl von alten Slots bis hin zu zeitgema?en Live-Casino-Titeln alles abdeckt, was ihr Herz ersehnt. Ganz gleich ob man derzeit ein Anhanger der gangigen Automaten seid oder gern auf diesen Tischen gegen echte Dealer antreten, dieses Casino OhmySpins bietet fur jede Wahl jene richtige Losung.

    Logischerweise ist fur die Suche eines seriosen Betreibers zudem die Integritat entscheidend. In diversen OhmySpins Casino Erfahrungen wird dort betont, dass die Webseite zuverlassig und klar agiert. Wenn Sie eine personliche OhmySpins Erfahrung machen mochten, profitieren ihr zudem regelma?ig mittels starken Bonusangeboten, die einen Start versu?en. Diese Mischung aus der breiten Palette von Providern sowie einem zuverlassigen Kundensupport erweist den Aufenthalt bei jener Seite ungemein erfreulich.

    Zusammenfassend lasst sich sagen, dass wirklich die objektive OhmySpins Review die Vorzuge betont: jedem breitgefachertes Portfolio, ein intuitives Design und einem schlussiges Konzept rund um Zocker. Falls Sie also nach der neuen Anlaufstelle bei euer Hobby schauen, durfte OhmySpins genau eine ideale Wahl sein. Steuern man die Seite bei der angegebenen URL und gewinnen ihr sich selbst einen eigenen Uberblick bezuglich dieser Qualitat. Dies zahlt sich aus, jene verschiedenen Rubriken jener Portfolios zu durchforsten, sodass das Optimale durch dem Besuch zu erreichen sowie einen rundum unterhaltsames Spielerlebnis zu erfahren.

  7. Этот обзор содержит информацию о передовых достижениях в области медицины. Мы разберем инновационные технологии, которые меняют подход к лечению и диагностике, а также их влияние на эффективность оказания медицинской помощи.
    Детальнее – [url=http://supreme2.ru/skryityie-puti-k-svobode-kodirovanie-ot-zavisimosti/]кодировка от алкоголизма[/url]

  8. Наркологическая клиника в Екатеринбурге представляет собой специализированное медицинское учреждение, ориентированное на диагностику, лечение и профилактику зависимости от алкоголя, наркотиков и других психоактивных веществ. Современные подходы и комплексные методы терапии позволяют эффективно справляться с разнообразными формами аддиктивного поведения, обеспечивая пациентам качественную медицинскую помощь и психологическую поддержку. Подробнее о современных методах лечения зависимости можно узнать на сайте Всемирной организации здравоохранения.
    Разобраться лучше – https://narcologicheskaya-klinika-ekaterinburg00.ru/narkologicheskaya-klinika-telefon-v-ekaterinburge/

  9. spinogambino-crapy

    Bienvenue sur le portail spécialisé pour tous amateurs de loisirs virtuels [url=https://spinogambino-jeux.fr/a-propos-de-nous]spinogambino[/url] . Dès lors que vous cherchez qui se cache derrière l univers de spinogambino, cet espace a été conçue afin de vous informer au sujet de notre mission et nos engagements vis-à-vis de nos membres. Désormais, notre ambition première est de proposer une navigation simple, fiable et idéalement taillée aux besoins de la communauté francophone. Nous avons forgé notre notoriété en retenant avec une précision totale les alternatives supérieures présentes dans le secteur pour assurer un plaisir complet.

    Au sein de spino gambino, nous sommes convaincus que l’honnêteté constitue le pilier de la confiance. D’où le fait que nous travaillons à délivrer des informations précises, impartiales et toujours révisées au sujet de l’intégralité de nos offres. Nos collaborateurs de professionnels opère continuellement pour examiner les courants du domaine, vérifier de nouvelles fonctionnalités et vous offrir des recommandations avisés. Peu importe si vous êtes un nouvel arrivant en quête de conseils initiaux ou un joueur expérimenté souhaitant approfondir ses connaissances, le site spinogambino a été pensée pour vous suivre tout au long de votre expérience.

    Outre le simple accès de prestations, spino gambino s’établit tel un allié solide de divertissement conscient. Nous accordons une importance majeure à valoriser des comportements de jeu saines et contrôlées, en mettant en avant des mécanismes d’assistance essentiels. En retenant notre interface, vous privilégiez un réseau qui privilégie l’excellence, la confiance et la satisfaction du divertissement. Notre vision est de devenir votre espace de référence en ligne, en alliant innovation technologique et conformité des normes les plus strictes. Nous vous adressons nos remerciements de votre confiance et de votre engagement, et nous sommes impatients de poursuivre à enrichir votre vécu journalier via notre plateforme. Sentez-vous libre d’étudier nos multiples sections pour découvrir la totalité de ce que nous mettons à votre disposition pour optimiser vos instants de loisir.

댓글 달기

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