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

  1. spinogambino-Unlagma

    La seguridad y la claridad son pilares fundamentales para todo jugador que decida aprovechar de los servicios de entretenimiento en linea [url=https://spinogambino-bet.com.es/politica-de-privacidad]spinogambino[/url] . Por esta razon, la pagina de normativa de seguridad de spinogambino establece de manera clara la forma en que se gestionan los datos personales de sus usuarios. Al acceder a la web, es fundamental que cada usuario entienda el compromiso que tiene spinogambino con la proteccion de su datos privados, asegurando un ambiente protegido y confiable para todas sus actividades.

    El texto juridico que se ubica en el sitio detalla que el tratamiento de los la informacion del usuario tiene como proposito principal mejorar la experiencia del usuario y cumplir con las leyes actuales en la sector del entretenimiento. La web se garantiza de que cualquier informacion recolectado sea guardada bajo medidas de seguridad rigurosas, impidiendo accesos no autorizados. Es importante destacar que la plataforma no comparte datos personales con agentes externos sin el consentimiento expreso del usuario, salvo en situaciones donde la normativa lo exija estrictamente.

    Dentro de las clausulas incluidas en la web, se explica que el portal utiliza tecnologias de seguimiento y otras tecnologias similares para personalizar el servicio y ofrecer una navegacion mucho mas agil. Los jugadores tienen el control absoluto respecto a esta ajustes, teniendo la posibilidad de administrar sus preferencias de privacidad desde la el propio panel de spinogambino. La claridad con la que se redactan estos acuerdos demuestra la responsabilidad y el rigor que define a la marca.

    Al leer detenidamente esta normativa, los usuarios pueden sentirse tranquilos al realizar sus apuestas y aprovechar del catalogo de juegos disponibles. La honestidad de spinogambino no solo fomenta la seguridad del usuario, sino que ademas situa a la plataforma como un referente en el mercado. Si tuvieras alguna pregunta sobre el tratamiento de tus datos personales, te sugerimos visitar este documento en el portal web para mantenerte informado y operar siempre bajo las mejores condiciones de seguridad digital que ofrece spinogambino.

  2. Comprehending the juridical foundation of an virtual betting portal is crucial for any player looking to appreciate a safe and clear journey [url=https://spino-gambino-bonusreview.net/terms-and-conditions]Spinogambino[/url] . The legal stipulations area on the Spino Gambino page serves as the foundation for the connection amongst the firm and its members. By exploring the authorized regulatory documentation at the location, gamers can gain significant understandings into the mandates controlling user enrollment, reward eligibility, and cashing-out processes. Whenever you interact with Spinogambino, you are initiating into a formal compact that describes your duties as a member of the community.

    The terms and conditions area covers a selection of essential themes intended to ensure fair wagering and legal conformity. It delivers insight on minority constraints, validating that solely eligible individuals can engage in paid events. Additionally, the document specifies the exact playthrough requirements associated with promotional rewards. For players wishing to maximize their Spino Gambino time, reading these policies is a essential measure to prevent misunderstandings concerning reward turnover and due dates. The hub values clarity, which is the reason they prompt all members to acquaint themselves with these policies ahead of making their first gamble.

    Outside promotion systems, the statutory records considers privacy measures and responsible betting steps. Spinogambino applies firm defense standards to defend user details, and the legal area details how this data is processed. Moreover, if you ever experience difficulties with credits or cash-outs, the rules offer a guide for conflict solving and user upkeep. Taking the energy to examine across these stipulations authorizes you to explore the portal with trust. Whether you are a new user or a returning customer, being educated about the functional protocols of Spino Gambino is the most path to enjoy a secure and entertaining wagering setting. Consistently bear in mind that by navigating the options offered by the portal, you express your full concurrence to these rules, causing it essential to examine this link frequently for any changes or amendments to the operator policies.

  3. Assuming you are a fanatic of rapid action games, you have probably learned of the captivating pursuit known as the parimatch chicken road [url=https://chicken-road-predictorgame.net/psrimatch]parimatch chicken road demo[/url] . This absorbing offering has captured the wagering community by force, offering participants a unique and exciting experience in which strategy meets pure chance. If you are interested concerning how the rules operate before wagering real cash, exploring the chicken road demo parimatch serves as the perfect way to commence. By utilizing the parimatch chicken road demo, members are able to accustom themselves with the gameplay, understand the wager trends, and create personal methods without any fiscal risk.

    Abundant users searching for an advantage in their betting path frequently seek the parimatch chicken road app free version to enjoy the gameplay straight via their mobile devices. Maintaining the parimatch game chicken road app loaded guarantees that you may open your preferred level anytime motivation arrives. Regardless if you are a beginner or a veteran professional, the parimatch chickenroad interface is built to be straightforward and visually appealing. For individuals interested in a detailed analysis, a comprehensive chicken road parimatch review will reveal why this title has grown into a staple upon the portal. It offers valuable details concerning payout potential and the general thrill degrees players might anticipate throughout each instance.

    Browsing the realm of chickenroad parimatch is simple and satisfying. If you are specifically looking for the best effective route to play, installing the parimatch game chicken road app is strongly advised for a seamless design and rapid render speeds. Keep in mind that although the chicken road parimatch game depends largely by luck, consistent creates flawless. By dedicating moments utilizing the testing modes, you can refine your approach and get at ease with the high-stakes atmosphere. Regardless of you are wagering on your PC alternatively through the cell app, this game provides an lasting encounter that has players returning for additional. Plunge into the intensity currently and see if you possess what it takes to navigate the route to success.

  4. foxygolds-Tyday

    Zoekt u streeft u naar een nieuwe en spannende plek om uw fortuin te testen in de branche van digitale gokken? Dan is het de optie om eens te bezoeken foxygold [url=https://foxygolds-2.auroraserverorchidtbrft909.workers.dev]foxy gold casino[/url] . Dit systeem, dat toegankelijk is via hun huidige website, heeft de afgelopen periode veel belangstelling vergaard binnen de community. In deze foxygold review beoordelen we naar wat dit online casino werkelijk te aanbiedt voor spelers in Nederland.

    Het foxy gold casino blinkt uit door een gebruiksvriendelijke interface en een breed scala aan spellen. Of u nu houdt van traditionele slots, prikkelende tafelspellen of de meeslepende ervaring van een live casino, bij casino foxygold ontdekt u altijd wel iets dat bij uw voorkeur rijmt. Het assortiment is nauwkeurig ingericht om zowel beginnende spelers als ervaren gokkers te vermaken. Wanneer we een foxygold casino review publiceren, kijken we vanzelfsprekend ook naar de bescherming en geloofwaardigheid. De website maakt gebruik van huidige systemen om ervoor te zorgen dat uw gegevens en transacties goed veilig zijn, wat belangrijk is voor elke gebruiker die prefereert foxygold nederland.

    Wat aangaande de bonussen en promoties, trekt dit foxy gold casino regelmatig de blik met aantrekkelijke aanbiedingen. Startende gebruikers worden dikwijls ontvangen met waardevolle extra’s, terwijl trouwe gebruikers gebruikmaken van lopende acties. Het is desalniettemin altijd slim om de regels goed door te lezen voordat u ergens begint met spelen.

    Samenvattend biedt foxygold online casino een stevige speelervaring voor wie op zoek is naar ontspanning in een beschermde omgeving. Het casino foxy gold koppelt een stijlvol design met een divers spelaanbod, wat het een goede beslissing maakt. Als u houdt van een vlotte navigatie en een gevarieerde spelbibliotheek, dan is dit platform vast en zeker het overwegen waard. Blijf echter altijd verantwoord spelen en let er op dat u op de hoogte bent van de nationale regels aangaande online gokken in Nederland. Met een diep overzicht in de opties is foxygold een merk die u in de gaten moet observeren.

  5. chicken-vinutty

    El entertainment «Chicken Road» ha crecido popularidad en los recientes años, notablemente entre los entusiastas de las apps de pilotaje y las pruebas online [url=https://chicken-road-game-137.pages.dev]Chicken Road Opiniones Forocoches[/url] .

    Si buscas revisando «críticas sobre Chicken Road» antes de jugarlo, es normal tener interrogantes sobre su calidad, fiabilidad y si verdaderamente merece la pena disfrutar.

    Aquí te dejamos una revisión extensa basada en las experiencias de aficionados en el país y en redes como «Coches y Más», donde muchos aficionados comenten sus sentimientos sobre este aplicación.

    Una de las primeras aspectos que señalan los jugadores en «Chicken Road opiniones» es su claridad. El juego es de acceso abierto y no demanda procesos largas, ya que se accede directamente desde la web. Esto le convierte perfecto para los que desean pasatiempo fácil sin problemas técnicas.

    Aun así varios usuarios en «Críticas de Chicken Road» destacan que la sesión puede convertirse repetitiva con las horas, sobre todo si no se gusta de las reglas elementales de conducción.

    En respecto a el rendimiento del juego, las opiniones son mayormente positivas. Muchos jugadores en «Críticas de Chicken Road en España» verifican que el sistema corre sin errores y que no existen críticas comunes de interrupciones o desincronizaciones.

    Eso no obstante que ciertos indican que el círculo puede quedar restringida, sobre todo si no se conoce el idioma inglés. Sin embargo quedan aficionados que destacan que la pantalla está en el idioma español, mejorando el juego para los usuarios buscan «impresiones en español de Chicken Road».

    Otro detalle clave en las valoraciones genuinas de Chicken Road es la selección de automóviles a la venta. Aunque no es tan amplio como otros aplicaciones de carreras, ofrece opciones adecuadas para preservar la atención.

    Los jugadores en «Play Chicken Road opiniones» asimismo aprecian la posibilidad de competir en modos multijugador, sin embargo determinados indican que la rivalidad puede quedar baja en momentos menos ocupados.

    En sumario, si anhelas un aplicación accesible, sin complicaciones y evitando complicaciones, «La Carretera de los Pollos» puede resultar una excelente opción.

    Las críticas sobre Chicken Road en espacios como «Motorlandia» y grupos expertos se inclinan ser positivas, sin embargo determinados usuarios sugieren jugarlo antes de comprometerse si anhelas algo diferente.

    Si te atrae el ritmo de las competiciones rápidas y fuera de complicaciones, ese aplicación podría una buena elección para divertirse.

  6. Соблюдаем конфиденциальность, бережно общаемся с пациентом и его близкими на каждом этапе.
    Получить больше информации – [url=https://1narkologicheskaya-klinika-balashiha.ru/]chastnye-narkologicheskie-kliniki-v-balashihe[/url]

  7. Домашняя наркология удобна, когда состояние относительно стабильное и нет признаков, угрожающих жизни. Однако возможность поставить капельницу на дому ограничена при серьезных осложнениях. Делирий, галлюцинации, судороги, потеря сознания, выраженная агрессия, высокая температура, сильная боль, тяжелая рвота, психозы и резкое нарушение сердечного ритма могут потребовать госпитализации. В подобных случаях задача врача — не проводить процедуру любой ценой, а выбрать безопасный вариант помощи.
    Дополнительная информация – [url=https://2.kapelnica-ot-zapoya-v-moskve14.ru/]капельница после запоя москва[/url]

  8. spinogambino-Adall

    Dentro del competitivo mundo de los juegos de casino en linea, encontrar una web que combine seguridad, entretenimiento y una experiencia de jugador optimizada es esencial [url=https://spinogambino-bet.com.es/sobre-nosotros]spinogambino[/url] . La seccion sobre nosotros de spino gambino destaca precisamente por su dedicacion con la transparencia y el juego responsable. Desde sus inicios, spinogambino ha trabajado intensamente para posicionarse como un referente en el sector, brindando a los entusiastas de las apuestas deportivas un entorno confiable donde la diversion es la prioridad absoluta. La filosofia de la marca se centra en poner al usuario en el foco de todas sus operaciones, garantizando que cada operacion dentro de la web sea agil, intuitiva y, sobre todo, protegida.

    Al explorar la historia de spinogambino, queda claro que su exito no es producto de la suerte, sino del trabajo continuo por implementar tecnologias de vanguardia que protegen los datos y las operaciones de sus usuarios. La seccion de informacion corporativa detalla como spinogambino integra sistemas de cifrado avanzadas para mantener un nivel de excelencia que cumple con las expectativas de los jugadores mas exigentes. Ademas, la empresa promueve activamente el juego responsable, ofreciendo recursos y limites que ayudan a mantener una experiencia saludable y controlada.

    La vision de esta web va mas lejos de ofrecer simples juegos; busca crear una red donde la seguridad sea el pilar fundamental. Por eso, el staff detras de spino gambino se dedica constantemente a mejorar su catalogo, seleccionando meticulosamente cada opcion para cubrir diversos perfiles de jugadores. Si buscas una marca que valore la honestidad y la excelencia en el servicio al cliente, veras que spino gambino es una opcion destacada. Al elegir este sitio, te unes a una audiencia que prioriza la integridad, brindando un espacio disenado para quienes disfrutan de los juegos de azar con responsabilidad y buscan un soporte atento que resuelva cualquier duda de manera rapida, reafirmando asi su reputacion como un referente confiable en el mercado espanol.

  9. Знакомая рассказывала. Никто не знал, что делать. Вывод из запоя на дому — Осматривает, ставит капельницу. Потом поспал. Наркологическая помощь — без осуждения. Советую глянуть источник: частный нарколог на дом анонимно [url=https://vrach.narkolog-na-domu-msk.ru]частный нарколог на дом анонимно[/url] Там и про телефон нарколога на дом для области. Иногда промедление дорого стоит.

댓글 달기

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