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”의 70,759개의 댓글

  1. Психоэмоциональное состояние играет ключевую роль в лечении зависимости. В «ЮгМед» психологи и психотерапевты обеспечивают сопровождение на всех этапах реабилитации, помогая пациенту справиться с тревогой, сниженной самооценкой и стрессом. Одна только медикаментозная детоксикация не гарантирует успеха — важно разобраться в причинах зависимости и выработать навыки противодействия соблазнам.
    Получить дополнительную информацию – http://lechenie-alkogolizma-sochi0.ru/lechenie-alkogolizma-gipnozom-v-sochi/

  2. Aunque eres el amante referente a la culinaria citadina y buscas los mas destacados lugares a fin de saborear de algun gran manjar de ave, resulta posible que actualmente tengas oido referenciar Chicken Road [url=https://chicken-roadreview.es/sobre-nosotros]Chicken Road[/url] . Esta plataforma se ha erigido en calidad de aquel estandar indispensable orientado hacia aquellos apasionados de este gusto, brindando cierta orientacion detallada e veraz acerca de aquellos locales mucho mas resaltados en el mercado. Tras analizar el espacio de identidad de la plataforma ChickenRoad, hallamos cierta etica fundamentada en esta honestidad, cierta entrega hacia la exquisita gastronomia e el compromiso de dar datos verificada a nuestra la audiencia. Dicho grupo de analistas transita continuamente esta metropoli teniendo un objetivo para descubrir las oportunidades ocultas en las cuales esta calidad de este producto asi como dicha metodologia de preparacion marcan dicha singularidad. Desde Chicken Road entendemos el hecho de que cenar fuera no constituye solo cierta necesidad, sino que es esa aventura la cual debe ser compartida y juzgada adecuadamente. Por ello, la funcion esencial en ChickenRoad es filtrar estas posibilidades existentes a fin de que todo lector logre adoptar la optima resolucion fundamentada sobre opiniones objetivas e especificas. Nos enorgullece ser un puente a traves de esos establecimientos los cuales atienden cada detalle asi como esos comensales exigentes los cuales buscan excelencia maxima. Jamas unicamente analizamos este gusto, sino tambien tambien el entorno, la servicio asi como esa vinculacion calidad-precio, asegurando de que cada propuesta resulte un acierto seguro. Detras de dicho proyecto aquel halla un conjunto de entusiastas de esta hosteleria los cuales confia firmemente sobre aquel potencial de una excelente critica con el objeto de mejorar aquellos parametros de este mercado. Cuando te encanta encontrar frescos lugares gastronomicos o unicamente quieres garantizar de que la venidera cena resulte impresionante, habras acudido al lugar correcto. Se le animamos a que formar eslabon dentro de dicha audiencia asi como a que creer sobre nuestro valoracion con vistas a las proximas escapadas. Dentro de Chicken Road seguimos trabajando cada tiempo usando esmero con el fin de convertirnos como tu guia gastronomica de consulta, siempre conservando nuestra esencia autentica la cual nos diferencia sobre aquel ambito online sobre dichas criticas de este guiso aviar.

  3. needfor-elderty

    La confianza y la transparencia son pilares fundamentales para cualquier jugador que decida disfrutar de los juegos de azar en linea [url=https://needfor-slotscasino.es/politica-de-privacidad]need for slots[/url] . Al explorar plataformas como Need for Slots, es fundamental que los jugadores comprendan como se manejan sus datos personales. La seccion de privacidad explica de manera exhaustiva el compromiso de la plataforma con la seguridad de la informacion sensible, garantizando un espacio seguro y confiable para todos sus miembros.

    Cuando un usuario se da de alta en Need for Slots, comparte voluntariamente ciertos datos necesarios para la gestion de su cuenta y la prestacion de servicios. La politica de privacidad de needforslots explica con precision que esta informacion se utiliza exclusivamente para fines legitimos, tales como la verificacion de identidad, la prevencion de fraudes y la mejora de la experiencia de juego a medida. Es fundamental tener presente que la plataforma utiliza protocolos de cifrado avanzados para asegurar que los datos no sean accedidos por terceros no autorizados.

    Ademas del almacenamiento de informacion, el sitio web aclara el uso de rastreadores y otras tecnologias de seguimiento. Estas herramientas permiten a Need for Slots optimizar el rendimiento del sitio y ofrecer contenidos adaptados a las preferencias del usuario. Al acceder a la politica, el jugador tambien encontrara informacion sobre sus facultades, incluyendo el acceso, rectificacion o eliminacion de sus datos personales. Si tienes preguntas sobre como se procesa tu informacion en needforslots, la lectura detallada de este documento es el primer paso para jugar con seguridad.

    En conclusion, la transparencia en el tratamiento de datos es lo que diferencia a una plataforma seria de otras opciones. Al elegir Need for Slots, el usuario tiene la seguridad de que su privacidad es tratada con la maxima prioridad. Te invitamos a leer constantemente la politica de privacidad vigente antes de iniciar tus sesiones de juego, garantizandote asi de disfrutar de una experiencia responsable, segura y protegida en todo momento mientras exploras todo lo que esta web tiene para brindar.

  4. chickenroad-suptuby

    Dicho producto *”Chicken Road”* ha se vuelto popularidad en los últimos tiempos, especialmente entre los seguidores de los entretenimientos de conducción y sobrevivencia, con multijugador [url=https://chickenroad-game-236.iwuzegaju131.workers.dev]Chicken Road Opiniones Es Fiable[/url] .

    No obstante, al en dicha aventura, es importante conocer las impresiones verídicas de otros jugadores para evitar frustraciones. Allí te presentamos un revisión detallado derivado de las críticas repetidas en comunidades y espacios en español.

    Uno de elementos mencionados por los jugadores es la simplicidad del juego, que le otorga sencillo sin duda para los individuos no son preparados a los juegos de conducción más complejos. La mecánica fundamental consiste en dodear bloqueos a medida que te desplazas por una ruta infinita, lo que genera un sentimiento de emoción eterna. Numerosos jugadores en espacios como ForoMotor mencionan que el manejo es viciosa, notablemente por su estilo sencillo y la ausencia de transacciones invasivas, una cosa que prefieren de manera destacada los usuarios demandantes.

    No obstante, algunas reseñas indican que el déficit de recursos a mediano plazo puede convertirse en monótona. A pesar de que el entertainment brinda numerosos modos, tras unas horas de juego, varios players perciben que la aventura se transforma predecible. Esto es es algo que el equipo podrían optimizar con puntos de actualización próximas, como escenarios adicionales o tipos de partidas.

    Hablando de el rendimiento del juego, las impresiones son en gran parte positivas. Dado que una aplicación basada en navegador, no exige descargas largas ni ajustes complejas, lo que le da ideal para entretenerse desde cualquier terminal. No obstante, varios players han destacado fallos ocasionales de conexión, notablemente en redes con alta concurrencia. Esto no desaprueba el juego, pero es una cuestión que considerar si buscas un entertainment sin cortes.

    ¿Qué es qué implica *”Chicken Road”*, se es un juego de movimiento web-based donde la rivalidad y la táctica son determinante. No es un un juego con gráficos espectaculares, pero su estilo en el suspense y el ritmo le confiere diferente. Las reseñas genuinas en el mundo hispanohablante se alinean en que es una excelente elección para pasar el rato, o rivalizar con amigos, pese a ello no esperes una aventura tan compleja como otros productos del campo.

    En conclusión, si anhelas un entertainment sencillo, divertido, y sin problemas, *”Chicken Road”* puede ser una válida alternativa. Aun así, revisa que su accesibilidad igualmente reduce su complejidad. Cuando probarlo, no olvides revisar las opiniones más recientes en plataformas como ForoAuto o comunidades de juegos en español para estar al tanto de las últimas cambios y impresiones de diversos players.

  5. Επιθυμείτε μια εξαιρετική εμπειρία στον κόσμο του διαδικτυακού τζόγου; Το leon casino συνιστά έναν από τους πιο ανερχόμενους προορισμούς για τους παίκτες που ψάχνουν αξιοπιστία, μεγάλη γκάμα παιχνιδιών και ασφάλεια [url=https://leon-casino-6.pages.dev]leon casino κριτικες[/url] . Μέσα από την πλατφόρμα leon, οι χρήστες έχουν πρόσβαση σε μια εντυπωσιακή συλλογή από slots, επιτραπέζια παιχνίδια και ζωντανά καζίνο, προσφέροντας στιγμές απόλυτης διασκέδασης. Αν είστε αρχάριος, το leon bet αποτελεί μια εξαιρετική επιλογή, καθώς συνδυάζει τον αθλητικό στοιχηματισμό με τα πιο hot games του κλάδου.

    Πολλοί παίκτες αναρωτιούνται για την ποιότητα των υπηρεσιών και αναζητούν leon casino κριτικες πριν ξεκινήσουν το παιχνίδι τους. Με βάση τις γνώμες των παικτών, το leoncasino ξεχωρίζει για την ταχύτητα στις πληρωμές και την επαγγελματική υποστήριξη. Το casino leon έχει δημιουργήσει σε ένα σύγχρονο περιβάλλον εργασίας, εύχρηστο, που διευκολύνει την πλοήγηση τόσο από υπολογιστή όσο και από smartphones. Για όσους αναζητούν μια ποιοτική ιστοσελίδα, το leon casino gr διαθέτει όλες τις προδιαγραφές που απαιτούνται για να νιώθετε ασφαλείς κατά τη διάρκεια των πονταρισμάτων σας.

    Η πρόσβαση στο leon casino ελλαδα είναι πλέον πιο εύκολη από ποτέ. Η διαδικασία για το leon casino login γίνεται με λίγα μόνο κλικ, επιτρέποντάς σας να μεταβείτε γρήγορα στον αγαπημένο σας τίτλο παιχνιδιού. Είτε είστε λάτρης του poker, της ρουλέτας ή των slots, το leon bet casino διαθέτει μια τεράστια γκάμα επιλογών που καλύπτει κάθε γούστο. Η πλατφόρμα συνεχώς ανανεώνεται, προσφέροντας μοναδικές προσφορές που κάνουν την εμπειρία ακόμα πιο ενδιαφέρουσα. Επιλέγοντας το leon, επιλέγετε σε έναν χώρο που προστατεύει τον πελάτη, προσφέροντας fair play και απόλυτη διαφάνεια σε κάθε συναλλαγή. Μη χάνετε χρόνο και ανακαλύψτε άμεσα γιατί όλο και περισσότεροι παίκτες εμπιστεύονται αυτό το όνομα για την ψυχαγωγία τους. Το παιχνίδι πρέπει να γίνεται υπεύθυνα, και η συγκεκριμένη πλατφόρμα σας παρέχει όλα τα απαραίτητα εργαλεία για να το επιτύχετε.

  6. This prevalence associated with the plinko game has surged across the globe, plus Malaysia remains certainly no exception [url=https://plinko-82.web.app]plinko malaysia[/url] . To players hunting for some engaging plus easy method for savor gaming, that portal at plinko-82.web.app offers some fluid journey tailored for those that like top-tier entertainment. If you are looking for a plinko malaysia platform which combines intuitive layout plus exciting logic, the webpage was designed to keep players engaged starting the initial first drop.

    That primary attraction of the plinko casino game resides in its basic nature. Players send a disc from that top of the triangle, viewing the object deflect off pins till the ball stops inside the win pocket near the bottom. While the concept is easy, that suspense of observing the object cross the pattern makes all turn of this plinko game online highly addictive. Many players prefer it over difficult gambling activities as that gameplay happen to be transparent plus simple to understand irrespective of the ability status.

    Regarding those keen on that chance for winning, that plinko game online real money paths provide some added degree regarding excitement. Whenever you interact with the plinko online game on the platform, players happen to be joining in that online environment that prioritizes honest action plus fluid functionality. Regardless of if you happen to be a casual player alternatively some experienced pro, that plinko casino atmosphere provided on this site stays enhanced for both smartphone and computer players, making sure which you can participate anywhere they are in that nation.

    Protection along with trustworthiness happen to be primary goals for each person looking for plinko malaysia real money chances. The portal focuses on offering a secure space where fans linked to the category are able to discover that freshest edition of the timeless plinko online journey. By selecting some specialized portal for the play desires, you receive access to faster loading speeds and some more sharper design. Uncover why such a many people happen to be turning to the portal to experience the timeless excitement linked to the game. Check out the tools today plus see where their chance brings you alongside the disc release.

  7. Spieler, welcher innerhalb der Welt vom digitalen Spielcasinos auf der Suche nach einer exzellenten und sicheren Webseite ausschau halt, gelangt bei dem Namen Spino Gambino auf keinen Fall vorbei [url=https://spino-gambinocasino.ch/ueber-uns]spinogambino[/url] . Das Glucksspielportal konnte selbst fest auf dem eidgenossischen Marktplatz positioniert und steht fur dieses herausragendes Gambling-Erlebnis, das gleicherma?en Vergnugen wie ebenso maximale Sicherheitskriterien an diesen Fokus stellt. Wer, der selbst uber die Hintergrunde sowie dieser Philosophie des Betreibers informieren will, entdeckt auf dieser Rubrik ueber-uns alle wichtigen Fakten. Innerhalb von Spino Gambino befindet sich dieser Spieler im Fokus vom Marktgeschehens, welches selbst in dieser transparenten Informationspolitik sowie diesem hilfsbereiten Support-Team widerspiegelt. Die Gaming-Seite wurde durch diesem Vorsatz geschaffen, den Spielern eine regulierte und zuverlassige Umgebung zu bieten, die prazise auf die Bedurfnisse der Schweizer Spielergemeinde angepasst wirkt. Diese Verantwortlichen von Spinogambino legen dabei hohen Wert hinsichtlich Seriositat sowie verantwortungsvolles Gambling. Vermittels diesem Blickwinkel hinsichtlich modernste Technologie gewahrleistet diese Plattform dahingehend, dass samtliche Zahlungen ebenso personliche Kundendaten der Spieler geschutzt verweilen. Das Kollektiv aus Spino Gambino bildet sich durch versierten Spezialisten aus der Casino-Welt auf, welche ihre Begeisterung hinsichtlich hochwertige Spielautomaten inmitten jede Eigenschaft dieser Plattform integrieren lassen. Auf der Sektion erhalten Besucher mehr hinsichtlich dieser Zukunftsvision von dem Hauses sowie aus welchem Grund Spinogambino aktuell unter den bevorzugten Adressen hinsichtlich Gaming-Enthusiasten innerhalb dieser Schweizer Lande zahlt. Dies geht hierbei bezuglich deutlich mehr als lediglich bezuglich dieses gro?e Repertoire hinsichtlich Slots und Live-Dealer-Games. Es dreht sich bezuglich diesen Schaffung dieser langfristigen Vertrauensbasis. Spieler, der Fokus hinsichtlich Fairplay sowie schnelle Transfers sowie ein einfaches Frontend setzt, befindet sich an jedem Casinohaus vollig an der richtigen Adresse. Diese deutliche Aufbereitung von dem Portfolios sowie dieser Einhaltung samtlicher regulatorischer Richtlinien machen Spino Gambino als diesem seriosen Partner fur jeden, welcher sein Risiko an erstklassigen Gaming-Optionen versuchen will. Besuchen Sie diese Informationsseite, um sich dieses umfassendes Wissen hinsichtlich dieser Ethik und diesen gro?en Anspruch des Spinogambino zu gewinnen. An dieser Stelle erscheint sichtbar, weshalb Exzellenz sowie Spielerzufriedenheit die wichtigsten Saulen besagten fuhrenden Schweizer Glucksspielanbieters verkorpern. [url=https://agbmarshall.com/2021/11/28/3-ways-to-level-up-your-photography/#comment-8222]Spieler, welcher innerhalb der Sphare des digitalen Spielcasinos auf der Suche nach einer erstklassigen sowie geschutzten Anlaufstelle ausschau halt, gelangt bei diesem Begriff Spino Gambino keinesfalls vorbei: Infos hinsichtlich der Unternehmenskultur von dem Casinohaus.[/url] [url=https://acroxer.com/bbs/board.php?bo_table=Anatomy_Forum&wr_id=450688]Spieler, welcher in[/url] 27adfec

댓글 달기

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