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”의 65,962개의 댓글

  1. Within spinogambino, we firmly believe provided that virtual betting should always remain a enjoyable plus carefree adventure [url=https://spino-gambinogame.ca/responsible-gambling]spinogambino[/url] . We are completely committed towards delivering a secure surroundings for every our gamers, however our experts acknowledge that for others, that excitement associated with the activity can occasionally traverse a boundary into unhealthy habits. This is the reason our dedicated responsible gambling page at spino gambino is created in order to extend essential support and help necessary towards maintain some sound bond regarding gambling. Our portal encourage every visitor to view playing being a form involving entertainment rather versus the technique in order to produce profit. In order to help the player keep within command, spinogambino suggests establishing personal boundaries regarding the deposits, playing totals, and that hours used on the portal. These self-imposed features are readily accessible within the profile options, permitting you in order to customize the experience to align the monetary security level. If you ever feel that the habits are turning challenging for control, our platform supplies choices concerning blocking plus pause periods. Such tools are essential for those who seek a short-term or long-term break away the platform. We also offer direct paths towards expert groups that center on gambling problem help, ensuring that help is always merely a touch distant for each person experiencing trouble. Protecting the network stands the top focus at spino gambino. The team employ sophisticated validation processes in order to guarantee as each customers meet the legal maturity standards, plus the staff track playing patterns in order to spot future signs of harmful conduct. Note that betting responsibly stands the best method in order to guarantee that the time spent at us remains enjoyable. Should the user have some doubts or require support establishing up your safety aids, our customer service staff is ready throughout that clock in order to assist you. Your safety is crucial, plus by focusing wise play, we may proceed to deliver a protected plus high-quality entertainment venue regarding every the valued members. Remain educated, set your boundaries, and always bet under your limit while visiting our platform.

  2. Chicken Road resulta el juego estrella entre juegos para smartphones dentro de los populares en los últimos años, con mayor énfasis entre los usuarios españoles, en este contexto ha provocado una mezcla de interés y críticas [url=https://chicken-road-es-49.pages.dev]Chicken Road Opiniones Es Fiable[/url] .

    Si estás leer detalles sobre este juego, especialmente experiencias auténticas de jugadores, es comprensible que te interese descubrir qué tan fiable, de qué manera opera y qué tipo de opinan la comunidad antes de empezar a jugar.

    En presentado documento, compartimos una revisión completo derivado de las reseñas entre las frecuentes que se analizan en espacios de debate entre ellos espacios de gaming, espacios virtuales y espacios de juegos.

    Como primera preguntas que se plantean al discutir sobre Calle de los Pollos Road qué es en términos concretos referido juego. Esto implica una versión en dispositivos portátiles del icónico *Frogger*, sin embargo incluyendo una capa adicional con mayor competitivo. La propuesta principal radica en superar esa caótica zonas de tráfico, sin colisiones con vehículos, en paralelo los competidores se enfrentan con el fin de lograr el máximo score. La característica que resalta en Chicken Road es su mecánica sencilla no obstante adictiva, integrada a través de una plataforma de recompensas que premia con la intención de mantener la partida. Aunque, todo es son aspectos favorables: muchos usuarios señalan que esta aplicación tiene tendencia a resultar complejo por el aumento continuada además de las interrupciones molesta que se muestra entre niveles.

    Si estás buscando opiniones en español, especialmente en redes temáticas tales como espacios de móviles, te encontrarás un abanico de comentarios. Varios aficionados destacan que Rancho de las Aves Road se convierte en una aplicación particularmente divertido, ideal para disfrutar de los ratos en desplazamientos u durante descansos. Otros, en cambio, critican la falta de opciones gratuito real, puesto que gran parte del entretenimiento depende de transacciones en el interior para desbloquear upgrades así como recargas. Esta situación causado a que participantes evalúen si Rancho de las Aves Road es realmente recomendable o quizás si está diseñado para una experiencia diseñado con el objetivo de obtener ganancias inmediatas a través de transacciones menores.

    Sobre las experiencias de primera mano acerca de este producto, hay unanimidad de que la su mecánica se considera adictiva, sin embargo también de que volverse complejo a largo plazo. Numerosos aficionados aconsejan participar en partidas de corta duración con vistas a reducir el aburrimiento. Por otro lado, diversos jugadores han destacado que el juego tiene una estética gráfico agradable junto con una banda sonora pegadiza, esto ayuda a refuerza a su éxito. Sin embargo, algunos indican que el limitado de cambios en la dinámica resulta que pierda se desinterese interés durante los días.

    Si te planteas valorando en experimentar Chicken Road, resulta clave que, de manera parecida a la mayoría de las aplicaciones digitales gratuitos, los beneficios con mayor atractivo importantes se encuentran quedar tras de adquisiciones. Dado esto, resulta útil analizar reseñas antes de destinar recursos, con énfasis en caso de que seas en el mundo de dentro del ámbito de las aplicaciones móviles. En espacios como Google Play, igualmente tendrás acceso a descubrir experiencias detalladas que servirán para en tu valoración si es recomendable el esfuerzo empezar a jugar.

    Para concluir, Rancho de las Aves Road resulta una aplicación con comentarios variadas: para muchos jugadores es un entretenimiento positiva y entretenida, mientras que para otros es una pérdida de oportunidades así como dinero. Si decides empezar a jugar, participa de forma controlada, asimismo ten en cuenta que, al igual que en todo aplicación libre, los logros más interesantes requieren requerir gastar dinero. Si te interesa opciones comparables no obstante con menos transacciones menores, en todo caso conviene descubrir juegos.

  3. Текст посвящён распространённым мифам о зависимости и их развенчанию. Мы предоставим научно обоснованную информацию и дадим рекомендации по выбору эффективного способа борьбы с зависимым поведением.
    Всё, что нужно знать – [url=https://drivefun.ru/pages/kruglosutochnyj-vyvod-iz-zapoya/]вывод из запоя врачом наркологом[/url]

  4. spinogambino-Glurl

    Εφόσον αναζητάτε τον μοναδικό κόμβο για ψηφιακή διασκέδαση και παιχνίδια καζίνο, τότε το spinogambino-casino.com.gr αντιπροσωπεύει την κατάλληλη εναλλακτική για όποιον επισκέπτη στην ελληνική επικράτεια [url=https://spinogambino-casino.com.gr/categories]spinogambino casino[/url] . Η ιστοσελίδα αυτή προγραμματίστηκε για να προσφέρει απλόχερα μια κορυφαία εμπειρία χρήστη, παντρεύοντας την εμπιστοσύνη, την γκάμα και την άνεση στην αναζήτηση. Από της ξεχωριστής κατηγορίας για τις θεματικές ενότητες, οι χρήστες καταφέρνουν να εντοπίσουν μια τεράστια συλλογή από εφαρμογές που ανταποκρίνονται σε κάθε επιθυμία, από διαχρονικά κουλοχέρηδες μέχρι νέα παιχνίδια με ζωντανούς dealers.

    Το spinogambino-casino.com.gr ξεχωρίζει για την άμεση κατάταξη του ψηφιακού υλικού του. Είτε νιώθετε λάτρης των τυχερών παιχνιδιών με φαντασμαγορικά σχέδια και ιστορίες, είτε αγαπάτε τα επιτραπέζια παιχνίδια στρατηγικής όπως το πόκερ, η roulette και το μπλάκτζακ, η σελίδα με τις συλλογές σας δίνει τη δυνατότητα να εντοπίσετε ακριβώς αυτό που χρειάζεστε εντός μόλις ελάχιστο χρόνο. Η ποιότητα των τίτλων εξασφαλίζεται από τις κορυφαίες πάροχους gaming λογισμικού του αγοράς, επιτρέποντας δίκαιο συμμετοχή και συνεχή πορεία μακριά από διακοπές.

    Εκτός αυτών, το spinogambino-casino.com.gr δίνει τεράστια βαρύτητα στην υπεύθυνη διασκέδαση, παρέχοντας απαραίτητα μέσα για να χαίρεστε το παιχνίδι με σιγουριά. Το άνετο interface του ιστότοπου είναι αρτίως έτοιμο καθώς και για desktops όπως και για smartphones, παρέχοντάς σας να διαθέτετε πρόσβαση στο πολυαγαπημένο σας online καζίνο από οπουδήποτε κι αν παραμένετε. Η στιγμιαία απόκρισης και η τακτική ενημέρωση της λίστας παιχνιδιών αποτελούν δέσμευση ότι η πορεία σας θα καταλήξει αδιαλείπτως καινούργια και απολαυστική.

    Εάν θέλετε να ανεβάσετε το επίπεδο το παιχνίδι σας και να δοκιμάσετε τις νεότερες κατευθύνσεις στην παγκόσμια βιομηχανία του web τζόγου, δεν χρειάζεται παρά να συνδεθείτε την πύλη spinogambino-casino.com.gr και να περιηγηθείτε στις ενότητες της. Συνιστά ο ιδανικός τόπος για εκείνους που επιζητούν ανώτερα στάνταρ, σιγουριά στις συναλλαγές και μια μεγάλη λίστα από παίγνια που δίνουν διαρκείς ώρες απόλαυσης. Δοκιμάστε άμεσα τις λύσεις που σας εκφράζουν και γίνετε συμμέτοχος μιας ομάδας που αναδεικνύει τον παίχτη στο επίκεντρο.

  5. Regarding discovering a trustworthy and alluring site for your play enjoyment, Chicken Road shines as a top destination for players desiring a unique digital adventure [url=https://chicken-road-logincasino.com/about-us]chicken road[/url] . Our website, Chickenroad, was created on the core values of openness, player protection, and superior entertainment. We maintain that every user deserves a betting environment that is certainly exciting yet fair and honest. By centering on these pillars, we have effectively established a position for our team in the fierce online gaming market.

    At Chicken Road, we pride ourselves in delivering a platform that is simple and reachable. Our team strives diligently to ensure that every aspect of the portal mirrors our devotion to perfection. From the opening enrollment process to the smooth navigation of our diverse betting areas, we prioritize the player experience over everything alternatively. We grasp that modern gamers prize velocity and efficiency, which is why the group backing Chickenroad has invested in modern technology to uphold a steady and rapid portal across all platforms.

    Protection remains the foundation of our operations. We deploy complex coding protocols to defend your private details, guaranteeing that your hours spent on Chicken Road is both stress-free and pleasant. Our dedication to ethical gaming is equally important; we provide the required instruments and resources to assist our member members maintain oversight over their gaming habits. We maintain that recreation should consistently stay a healthy experience.

    We are perpetually evolving and heeding the feedback from our lively audience. Whether you are a novice exploring the site for the first time or a long-term member of the Chickenroad family, our help crew is constantly ready to aid with any queries or worries. Our “About Us” tab acts as a testament to our devotion to growth and customer satisfaction. Connect with us presently to see why Chicken Road is swiftly becoming the chosen choice for enthusiasts who require nothing short than the absolute best in digital betting experiences.

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

  7. chickenroad-Abetle

    La aplicación más popular en el mercado hispano durante los últimos meses es La Carrera de las Gallinas, especialmente para los apasionados de los juegos de conducción y planificación [url=https://chickenroad-es-49.web.app]Chicken Road Opiniones Es Fiable[/url] .

    Si buscas datos sobre este entertainment, como experiencias auténticas o si es transparente y cómo funciona, este análisis te ayudará a comprender a fondo qué es La Carrera de las Gallinas y qué comentan los fanáticos sobre él.

    En plataformas como Motores en Red, donde los aficionados al universo automovilístico y las competiciones automovilísticas comparten sus anécdotas, las impresiones sobre Chicken Road suelen ser diversas. Muchos aficionados resumen su mecánica sencilla pero adictiva, basada en carreras de gallinas|competiciones de aves en un escenario de carretera con imprevistos y retos. El juego une aspectos de planificación como el administración de medios y la mejora de tu gallina, con un sistema de progresión que mantiene enganchado al usuario.

    Una de las interrogantes habituales es si Chicken Road es transparente. La gran parte de los jugadores afirman que, aunque es un entertainment free-to-play con pagos opcionales, no hay críticas importantes sobre trampas ocultas. Eso sí, como en todo juego sin pago inicial, es importante ser prudente con los pagos internos si no quieres derrochar fondos. Muchos jugadores sugieren avanzar sin gastar, ya que el entertainment deja evolucionar de forma orgánica.

    Si te pregunta qué es Chicken Road exactamente, se trata de un entertainment de aventuras de aves, creado por un grupo de programadores que ha sabido captar la atención de millones de jugadores en diversas regiones. Su popularidad en el mercado hispano se debe, en parte, a su fácil entrada y a la comunidad que lo acompaña, donde los jugadores publican consejos, trucos y reseñas sobre el juego.

    En conclusión, las opiniones sobre Chicken Road en español son en su gran parte favorables, especialmente por su diversión, su habilidad de sostener al jugador. Si te encanta el género de juegos de conducción o táctica, te aconsejo intentarlo, siempre con cuidado en lo que concierne a las compras. Ya sea en comunidades especializadas, encontrarás opiniones reales que te ayudarán a decidir si este entertainment es para ti.

  8. spingrannyjuego-crastup

    Nuestra apertura junto a la garantia de los jugadores son bases esenciales a fin de aprovechar una vivencia en el entretenimiento optima dentro de esta interfaz [url=https://spingrannyjuego.es/politica-de-cookies]spin granny[/url] . Por tal motivo, cuando visitas este portal principal de spingrannyjuego.es, se vuelve vital que sepas de que modo gestionamos tu privacidad usando la politica de cookies. Tras acceder a spin granny, el software utiliza varias funciones para el examen e configuracion los cuales permiten que esta exploracion sea sumamente bastante mas dinamica, ajustandose segun tus gustos personales y optimizando el rendimiento tecnico del espacio en toda una que realizas tus visitas.

    Las elementos representan breves ficheros de texto los cuales se guardan en ese navegador al momento que operas a traves de estos contenidos de spingranny. Dichos datos no unicamente agilizan este acceso hacia las funciones mas frecuentadas, aunque que tambien a nosotros asisten en comprender que areas de este dominio son bastante llamativas para nuestra audiencia. Dentro de spin granny, la empresa consideramos sumamente con serio la privacidad, asegurandonos el que de que estas tecnologias se utilicen unicamente para mejorar esta trayectoria del participante, confirmando el hecho de que cada visita sea personalizada, fiable y optima desde este inicio tiempo en que arrancas ese juego.

    Nuestra politica de cookies expone minuciosamente de que manera logras controlar, aprobar bien bloquear dichos archivos mediante la configuracion de tu explorador. Resulta relevante que nuestros clientes de spingranny sepan que, aunque varias ficheros se consideran necesarias para ese adecuado funcionamiento que tienen esas mecanicas de este entretenimiento, cuentas con este control absoluto respecto a las que recolectan data extra de rastreo. Queremos que te te percibas relajado navegando el mundo que es spin granny, consciente de el hecho de que la privacidad se encuentra segura bajo estandares definidos e transparentes.

    Te invitamos a leer el texto total referente a la normativa de archivos justo dentro de ese sitio. Tras seguir al tanto, no solo proteges tu actividad, sino que tambien ademas ayudas para el que nuestra comunidad siga avanzando en este entorno virtual seguro. Goza toda lo lo que spingrannyjuego.es posee a fin de proporcionar e experimenta esa pasion que ofrece spin granny con toda tranquilidad de conocer que la privacidad es nuestra principal prioridad total.

  9. spinogambino-rhymn

    Η συγκεκριμένη σύνδεση προς την υπηρεσία υποστήριξης σε κάποια πλατφόρμα τυχερών παιχνιδιών συνιστά κάποιον εκ των πιο κρίσιμους δείκτες σχετικά με την αξιοπιστία αυτής [url=https://spinogambino-casino.com.gr/contacts]spinogambino casino[/url] . Στην ιστοσελίδα spinogambino-casino.com.gr, η προσοχή στρέφεται προς την ταχύτατη βοήθεια των μελών, διασφαλίζοντας ότι ο κάθε χρήστης αποκτά τη δέουσα βοήθεια για όποιο ζήτημα προκύψει στη διάρκεια της πλοήγησής του. Μέσα από τη συγκεκριμένη σελίδα επικοινωνίας στο site spinogambino-casino.com.gr, οι παίκτες έχουν τη δυνατότητα να έρθουν σε επαφή με το εξειδικευμένο προσωπικό της εταιρείας για ζητήματα που σχετίζονται με τους λογαριασμούς τους, τις συναλλαγές, τις ανταμοιβές ή τις τεχνικές απορίες όσον αφορά τη συλλογή παιχνιδιών.

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

    Θεωρείται ιδιαίτερα σημαντικό για τους παίκτες να αντιλαμβάνονται πως έχουν υποστήριξη από ένα αξιόπιστο περιβάλλον. Μπαίνοντας στο spinogambino-casino.com.gr αξιοποιώντας τα μέσα επικοινωνίας που προσφέρονται, οι χρήστες μπορούν να αισθάνονται ασφαλείς έχοντας την πεποίθηση ότι οι απαιτήσεις τους διαχειρίζονται με σοβαρότητα καθώς και εχεμύθεια. Μη διστάσετε ποτέ να έρθετε σε επαφή με το ίδιο το spinogambino-casino.com.gr για κάθε διευκρίνιση. Η ομάδα βοήθειας είναι συνεχώς διαθέσιμη για να σας βοηθήσει καθώς και να λύσει κάθε απορία, βοηθώντας στην οικοδόμηση μιας γερής αλλά και μόνιμης σχέσης. Η σωστή δομή του γραφείου υποστήριξης φανερώνει την πρόθεση του ιστότοπου spinogambino-casino.com.gr στην υλοποίηση υψηλού επιπέδου παροχών προς το ελληνικό κοινό, θέτοντας συνεχώς σε προτεραιότητα την εξυπηρέτηση του μέλους.

댓글 달기

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