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

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

  2. spinogambino-scoxIa

    Learning the regulations of some virtual casino site proves critical concerning some guarded and fun journey, additionally this is precisely the cause reading the terms and conditions at spinogambino represents a key opening step regarding each member. When players access the official location at [url=https://spinogambino-casinogame.com/terms-and-conditions]spinogambino[/url] , users seem viewing the basic agreement which regulates the link towards the service. Through spending the opportunity towards review all procedures, visitors guarantee this they stay fully conscious of your freedoms together with obligations during participating on the various offerings at the portal.

    The terms and conditions for spino gambino prove designed towards provide clarity plus security for every members. The documents encompass important topics similar like membership signup conditions, year boundaries, plus the authentication procedures required in order to uphold the adherent space. Also, the text explains the rules surrounding bonus gifts, betting conditions, and the steps for payments as well as payouts. Using sticking by the directives, users defend their membership as well as verify that members could appreciate the betting session avoiding pointless interruptions.

    The first from the primary upsides concerning familiarizing themselves towards these terms seems transparency towards betting honesty as well as network duty. The spinogambino policy describes the way the platform controls data protection and the method the company applies security steps to secure client files. Because the field benchmarks for web fun are constantly evolving, spino gambino refreshes those files for show present legal obligations as well as best habits. Should one sometimes possess a dispute or any doubt regarding one withdrawal instead one reward code, the terms and conditions act like the chief point location towards settle queries efficiently.

    The operators highly urge every new and returning members towards peruse the entire content available on the portal. Engaging using the platform mindfully commences with awareness. Through mastering the detailed print, members can handle their session efficiently, sustain your security, as well as savor the diverse aspects which spinogambino provides towards present using full tranquility within mind. Continuously emphasize protection through staying educated concerning the work guidelines created using spino gambino.

  3. spingrannycasinobonus-Soorry

    Analyzing the legal policies at spingranny stands as an essential step for any user aiming to optimize their gaming experience [url=http://spingrannycasinobonus.net/terms-and-conditions]spingranny[/url] . Upon visiting the main portal to peruse the rules governing your account, you initiate a proactive strategy to secure play. The team operating spin granny established these directives to ensure clarity, fairness, and security for every client who registers on the network. By studying these records, you are able to manage your membership options, bonus activations, and remittance tasks with complete confidence.

    The policy rules area presented by the the website url covers a wide range of important topics. These include the criteria for membership checking, a practice a common action to maintain the userbase protected and aligned with legal regulations. Also, the rulebook describes how multiple promotional offers operate. Whether you are securing a signup bonus or participating in active perks, grasping the particular wagering requirements connected to all bonuses remains crucial for a seamless journey. Spingranny presents this information early so that users are able to reach educated choices regarding their tactical plans without any unforeseen issues down the road.

    Indeed, the write-up details the procedures for deposits and withdrawals. Understanding the expected timeframes, accepted banking options, and any defined caps assists you manage your funds wisely while playing at spin granny. The platform stresses explicit dialogue, guaranteeing that these binding rules remain open and easy to read for all guests. Should you ever have questions about these regulations, the customer team at the casino is typically available to clarify particular sections. By constantly monitoring these amendments, you remain aware concerning any shifts to the operational terms, allowing you to prioritize the entertainment and thrill that the portal offers. Bear in mind that participating with a defined knowledge of the official regulations represents the superior route to keep a beneficial and enduring bond with your top online games.

  4. Заявку можно оставить в любое время, специалист быстро сориентирует по дальнейшим действиям.
    Получить больше информации – [url=https://5.kapelnica-ot-zapoya-v-moskve14.ru/]stoimost-kapelnicy-ot-zapoya[/url]

  5. Этот информативный текст сочетает в себе темы здоровья и зависимости. Мы обсудим, как хронические заболевания могут усугубить зависимости и наоборот, как зависимость может влиять на общее состояние здоровья. Читатели получат представление о комплексном подходе к лечению как физического, так и психического состояния.
    Узнай первым! – [url=https://narcolog-life.com/article/anozognoziya-u-pyushhih-lyudej-chto-eto-takoe-i-pochemu-ona-meshaet-lecheniyu/]наркология наркологический центр[/url]

  6. At Chicken Road, our staff believe the idea that amusement ought to forever stay a positive encounter [url=https://chicken-road-logincasino.com/responsible-gambling]chickenroad[/url] . As a leading platform for virtual wagering, the Chickenroad team prioritizes the well-being of each player which accesses our portal. The management understand that even though web-based play delivers joy plus the possibility for rewards, it must be treated via prudence and mindfulness. The commitment to responsible gambling is central to all operations, guaranteeing that the user collective remains a protected space to all users involved.

    The adventure within Chicken road has been crafted to be entertaining, but the team acknowledge that to a few, wagering could grow difficult. That is the reason our group have provided a suite of features along with guides designed to help you keep control regarding your habits. The site urge every players to set unique boundaries on your transfers, losses, and hours spent on the platform. Through managing such limits, the player ensure that your engagement on Chickenroad remains inside your financial capacity. If at some stage you believe that their wagering stays no longer an origin for enjoyment, our team offer alternatives for limiting access along with short-term pauses.

    Education serves as an essential component within the responsible gambling plan. We urge all players to perceive play as a hobby pastime not a path to gain profit. Keeping that outlook aids stop any psychological and fiscal strain which might stem from pursuing losses. Moreover, the site uphold tough rules regarding underage gambling, utilizing high-tech verification methods to ensure the digital doors shut to minors.

    Should a user ever feel the fact that they might be giving up oversight otherwise need specialized assistance, the team supply easy entry towards details about third-party organizations that focus on gaming disorders. The player’s welfare plus protection are our top goals. Via participating wisely, the gamer help to a sustainable environment that makes Chicken road a fun place to all. Our staff invite the reader to browse our specialized responsible gambling section to find more about all configurations along with assistance tools provided to the player at any time you enter to the portal.

  7. ¿Es fidedigno el simulador de *Chicken Road* o solo una trampa? Esta duda ha generado mucha intriga en internet, especialmente después de que el plataforma *chicken-road-es-57.onrender.com* se volviera viral por su experiencia inmersivo [url=https://chicken-road-es-57.onrender.com]El Juego Del Chicken Road Es Real[/url] . Aunque al inicio parece un modesto experimento de comportamiento, muchos participantes se preguntan si efectivamente funciona o si es únicamente una mentira.

    Vamos a analizarlo en minuciosidad para analizar qué subyace bajo de *Chicken Road* y si lo que ofrece es fidedigno o ficticio.

    El entorno de *Chicken Road* se fundamentaba en un conocido prueba de psicología humana conocido como el “juego del gallina” (*chicken game*), donde dos necesitan determinar si abandonar o defender su decisión para minimizar un choque. En la versión telemática, los jugadores deben optar entre retroceder o aumentar la velocidad en una pista imaginaria, con implicaciones que dependen a las decisiones de los jugadores. Sin no obstante, lo que muchos no saben es que, en fondo, el entorno se encuentra organizado para mostrar cómo las humanos ejecutan acciones tras presión y cómo la comprensión de incertidumbre modula en sus respuestas.

    Lo que muchos participantes confunden es si *Chicken Road* es una mentira o una simulación real. La esencia es que no es un espacio con premios financieros, ni una plataforma para acumular riqueza. De hecho, se centra en la interacción entre visitantes y cómo responden en medio de momentos de alto tensión. Por esto, aunque se considere un espacio profesional, en esencia es fundamentalmente un análisis de conducta disfrazado de diversión.

    Si indagas si *Chicken Road* es auténtico o simplemente una mentira, la interpretación es que es una reproducción con intenciones académicos o de pasatiempo. No se encuentran trucos, pero tampoco es una forma para acumular riqueza. Su difusión radica en la expectación por examinar cómo otros eligen en momentos de angustia, lo que lo hace en una moda extendido antes que una mentira.

    En breve, *Chicken Road* no es un fraude, pero sin embargo es un espacio que ofrece recompensas. Es una dinámica en línea que explora la neurociencia colectiva, y su “legitimidad” se define de cómo lo percibas: como un ensayo, una tendencia o meramente un pasatiempo entretenido. Si te apetece a participar con él, verás que no hay mentira, solo respuestas y consecuencias lógicas dentro de un mundo telemático.

  8. ohmyspins6-taddilt

    Finden Sie nach einer tollen Plattform fur Glucksspiel-Angebote? Somit ist das oh my spins casino wirklich die perfekte Adresse fur Sie [url=https://oh-my-spins-6.onrender.com]recensione ohmyspins[/url] . In dieser ausfuhrlichen recensione ohmyspins richten wir den kritischen Blickwinkel auf die diversen Vorzuge, die dieses aktuelle Portal seinen Nutzern bietet. Sobald man sich die ohmyspins erfahrungen anschaut, fallt sofort bemerkbar, dass das Portfolio an Automaten und die benutzerfreundliche Bedienung bei den Zockern ausgesprochen gut wirken.

    Das oh my spins casino uberzeugt durch eine beeindruckende Palette an Automatenspielen, Tischspielen und Live-Games. Besucher, die eine vertrauenswurdige Anlaufstelle wunschen, profitieren beim casino ohmyspins von einer klaren Bedienbarkeit und einem hervorragenden Kundenservice. Ein zentraler Faktor fur etliche Zocker ist au?erdem die ohmyspins auszahlung. An dieser Stelle zeigt sich ohmyspins als au?erst effizient, da Transaktionen schnell und zuverlassig abgewickelt werden, was bei etlichen oh my spins erfahrungen lobend erwahnt wird.

    Die Seite profiliert sich durch ein ansprechendes Design aus, das sowohl auf dem Desktop sowie auf handlichen Endgeraten ein reibungsloses Casino-Feeling sichert. Jeder, der sich fur das ohmyspins Angebot wahlt, gewinnt auch regelma?ig von attraktiven Bonusangeboten und wiederkehrenden Aktionen. Zudem international findet man zahlreiche oh my spins casino recensioni, die die Vertrauenswurdigkeit und die korrekten Auszahlungsquoten auf der Webseite bestatigen. Es ist kein Zufall, dass die Spielerbasis kontinuierlich wachst.

    Falls Sie gro?en Wert auf eine sichere Atmosphare und eine riesige Vielfalt an Spass setzen, ist oh my spins wirklich einen Besuch wert. Die Kombination aus spannenden Games, direkten Zahlungswegen und einem professionellen Support macht das ohmyspins zu einem der momentan beliebtesten Plattformen auf dem Sektor. Investieren Sie sich die Gelegenheit, die Plattform selbst zu prufen und spuren Sie, warum zahlreiche Nutzer von ihren ohmyspins erfahrungen erzahlen. Steigen Sie hinein in die Welt von oh my spins casino und lassen Sie euch von der Exzellenz und dem Vergnugen begeistern, die Sie bei diesem Anbieter erhoffen. Die Eroffnung ist einfach und offnet Ihnen die Moglichkeit zu einem erstklassigen Casino-Abenteuer.

  9. spinogambinocasino-Glade

    Throughout the rapidly shifting sphere of online leisure, Spinogambino has emerged as a premier destination for players searching a superior betting adventure [url=https://spinogambinocasino-game.net]spinogambino[/url] . As a modern portal, the Spinogambino casino presents an enormous library of options that suit either leisurely gamers plus expert specialists. When you access the Spinogambino official website, you are greeted by a user-friendly layout built to offer fluid navigation, guaranteeing that your path into the world of wagering is as fluid as attainable.

    The strength of this site resides in its diverse array of amusement options. Regardless of you prefer classic slots, contemporary video slots, or the captivating encounter provided by the Spinogambino live casino, there is content here for every taste. The Spinogambino online casino experience is developed on modern software, securing unbiased play and high-quality visuals that make every game to life. If you are precisely seeking an engaging spinogambino online environment, the site provides a robust backbone that maintains quick loading speeds and reliable functionality across every devices.

    For players who relish the excitement of wagering, Spinogambino betting features offer a thorough set of tools to control your betting activity securely as well as protected. The spinogambino casino online platform is dedicated to customer contentment, prioritizing user assistance and a broad selection of transaction methods to support a worldwide fanbase. Picking a trusted spinogambino online operator means you are putting your faith in a framework that values clarity and thrills.

    By choosing the spino gambino casino, you are opting for a luxury playing ambiance that is constantly updated with the most recent market fads. The spino gambino brand has built a strong standing for distinction in the virtual realm. Regardless of if you are searching the spinogambino casino online catalog for your favorite game or exploring new betting possibilities, this site continues to be a top contender in the market. Explore the sphere of Spinogambino today plus uncover why so numerous players choose this platform as their favorite location for premium casino betting along with dependable virtual entertainment.

  10. Bezpieczeństwo osob odwiedzających w wirtualnej przestrzeni pozostaje priorytetem dla wszelkiego zaawansowanego witryny internetowego, dlatego strona spinogambino zapewnia maksymalną jawność w dziedzinie ochrony informacji prywatnych. Plik polityki prywatności dostępny pod adresem [url=https://spino-gambino.info.pl/polityka-prywatnosci]spino gambino[/url] stanowi fundamentalny element kontaktu z odbiorcami, ktory objaśnia, w w jakim trybie serwis gromadzi, przetwarza oraz składowuje dane o własnych użytkownikach. Dowolna osoba użytkująca opcji, jakie proponuje spino gambino, musi wczytać się z tymi oto punktami, celem zyskać absolutną wiedzę należnych jej przywilejow oraz techniki działania plikow cookie.

    W dobie rosnącej troski o cyfrową prywatność, witryna spinogambino podejmuje wszelkich starań, żeby działanie przetwarzania informacji był zgodny z obowiązującymi normami prawnymi, w tym z rozporządzeniem o danych. W regulaminie prywatności znajdziesz szczegołowe informacje na kwestię tego, jakie to informacje są zbierane samoistnie w czasie przeglądania strony oraz w jakim zamysle są używane – niezależnie w intencji personalizacji zawartości, bądź też badania ruchu na stronie. Z tego powodu goście spino gambino są w stanie czuć bezpiecznie, zdając sobie sprawę, że ich poufność jest odbierana z wymaganą starannością.

    Transparentność działań na platformie spinogambino dowodzi o znacznym rzetelności a także trosce o standardy moralne. Pojęcie reguł polityki prywatności daje możliwość na całkowite oraz świadome korzystanie ze wszystkich narzędzi, ktore to udostępnia spino gambino. Jeżeli posiadasz wszelkie pytania odnoszące się do trybu zarządzania Twoimi własnymi danymi, dokument ten tworzy głowne i kluczowe bazę danych. Miej na uwadze, że odwiedzając stronę oraz używając jej materiałow, zatwierdzasz ustalenia zawarte w polityce prywatności, w rezultacie namawiamy do częstego sprawdzania tego zakładki, celem czuć się na dniu z ewentualnymi zmianami. Więź użytkownikow jest dla spinogambino głowną wartością, dlatego dbałość o przejrzyste reguły asekuracji danych jest bazą dalszego wzrostu portalu oraz dostarczania znakomitej jakości przeżyć dla wszelkiej osoby zaglądającej na tę witrynę w Internecie. [url=https://aljasad.com/showthread.php?tid=183&pid=3123#pid3123]Zasady prywatności w witrynie Spino-Gambino – wytyczne dla użytkownikow[/url] [url=https://dou7898.com/forum.php?mod=viewthread&tid=82&pid=277957&page=2638&extra=page%3D1#pid277957]Polityka prywatności w serwisie Spino-Gambino – informacje dla internautow[/url] 001efe5

댓글 달기

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