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

  1. onlyspins-elanits

    Le casino en ligne OnlySpin, accessible via l’URL onlyspins-casino-13.vercel.appune adresse specifique, se presente comme un espace dedie aux amateurs de jeux en quete d’aventures de jeux en ligne variees [url=https://onlyspins-casino-13.vercel.app]Only Spin avis[/url] .

    Ce site de paris souvent evoque d’Only Spin attire particulierement les francophones grace a son design adaptee et ses fonctionnalites concues pour repondre aux attentes des amateurs de jeux francophones. Si vous etes a la recherche des retours d’experience sur OnlySpin, il est important de comprendre ce que cette site propose avant de s’y engager.

    OnlySpin se remarque par sa philosophie axee sur la simplicite et l’ergonomie. Les joueurs peuvent y decouvrir un large choix de activites, allant des slots emblematiques aux jeux de table traditionnels comme la roulette. Le site met egalement l’accent sur les bonus et les offres speciales, souvent mentionnes dans les avis Only Spin, ce qui peut representer un avantage pour les nouveaux joueurs. Neanmoins, comme pour tout casino en ligne Only Spin, il est crucial de lire les conditions generales des promotions, notamment les montants minimaux et les modalites de retrait.

    Pour les amateurs de OnlySpin en francais, OnlySpin.frun site francophone semble etre un choix judicieux. Le site est pense pour offrir une experience fluide, avec un support client reactif et des options de paiement securisees. Les avis Only Spin en ligne soulignent regulierement la rapidite des transactions et la variete des jeux disponibles, ce qui en fait un bon plan pour les amateurs de Only Spin betting.

    Malgre son manque de notoriete OnlySpin ne soit pas encore aussi connu que certains geants du secteur, son positionnement sur le marche francophone et sa volonte d’offrir une experience utilisateur optimisee en font une option a considerer. Qu’il s’agisse de a la recherche des retours veridiques ou simplement d’informations sur Only Spin casino avis, il est conseille de consulter les temoignages des joueurs avant de s’inscrire. Comme pour tout casino en ligne Only Spin, la moderation et le controle dans les paris restent fondamentales pour assurer un divertissement sans exces.

    En conclusion, OnlySpin Casino merite une attention particuliere pour sa proposition specialement concue aux joueurs francophones, mais il est toujours judicieux de comparer avec d’autres plateformes comme OnlySpin betting avant de prendre une decision.

  2. goldenlion-Fubre

    Assuming you be looking for a fresh and exciting gaming venue, the golden lion platform could constitute just what you need [url=https://goldenlion-2.onrender.com]golden lion casino[/url] . As an increasingly preferred selection for gamers in the UK, the golden lion casino presents a refined interface coupled with a broad collection of titles that appeal to equally rookies and seasoned veterans. This goldenlion casino review aims to showcase why so many fans are flocking to this virtual hub for their leisure needs.

    As you first reach on the goldenlion site, the sleek design and simple layout shine out instantly. The goldenlion casino online journey is built on stability and pace, guaranteeing that your rounds stay fluid whether you are spinning the latest pokies or testing your tactics at the benches. By selecting casino golden lion, users gain admittance to a platform that values protection and fair gaming, offering peace of mind alongside the thrill of potential returns.

    A most often posed inquiries in a customary goldenlion review is whether the site contains enough diversity. The reply is a definite yes. From vintage gambling activities to contemporary, engaging video games, the assortment is selected to maintain the play feeling relevant. The casino goldenlion staff has evidently put resources in top-tier development creators, which improves the general aesthetic and functionality of the play suite. For players who favour a on-the-go style, the golden lion online experience is fully enhanced, allowing you to enjoy your preferred titles on the move excluding compromising on graphic fidelity.

    In summary, if you are looking for a trustworthy and absorbing venue to play, goldenlion is well worth your attention. The mix of bountiful rewards, a secure gaming environment, and a vast collection of games makes the golden lion online platform a prominent contender in a busy arena. Assuming you are a recreational gamer or a big spender, allocating time at the goldenlion casino will surely prove to be a fruitful session. Explore the portal now to discover why it is swiftly becoming a favoured destination for picky gamers.

  3. Врач учитывает симптомы, риски, анамнез и семейную ситуацию, чтобы предложить подходящую программу.
    Подробнее – [url=https://vyvod-iz-zapoya-krasnoyarsk67.ru/]нарколог на дом вывод из запоя в Красноярске[/url]

  4. chickenroad-Abseque

    Un entertainment La Carretera de los Pollos se ha convertido en reconocimiento en varios meses, especialmente entre los amantes de las apps de entretenimiento en smartphones con sistemas intuitivas pero adictivas [url=https://chickenroad-game-237.vercel.app]Juego De Chicken Road Opiniones[/url] .

    Si consideras considerando descargarlo o solo buscas descubrir sobre *Chicken Road opiniones, aquí te compartimos un resumen completa recopilada por fans en Latinoamérica y en foros como Forocoches.

    *The Chicken Road es uno de los juego de movimiento en el que la finalidad fundamental es sobrevivir hasta el final dodging obstáculos en una carretera repleta de desafíos. Aunque la estructura parece a otros títulos como *Flappy Bird, el sistema de movimiento y el desarrollo a través de fases lo transforma diferente. Muchos jugadores señalan que se vuelve adictivo por su simplicidad y la sensación de avance al desbloquear coches y optimizaciones.

    En hablando de *Chicken Road opiniones en español, las críticas tienden a ser favorables, especialmente por la facilidad de uso y la oportunidad de jugar en cualquier lugar. No obstante, algunos fans mencionan que los anuncios se vuelve intrusiva, algo común en entertainments gratuitos. También se encuentran algunos comentan que la curva de aprendizaje se vuelve rápida, pero que después de superada el método, el juego resulta imprescindible.

    Si buscas reseñas auténticas, se vuelve clave tener en cuenta que, como en toda app portátil, el rendimiento resulta basado en el equipo y el internet. Algunos jugadores en Latinoamérica mencionan que el entertainment se considera sin problemas y minimiza fallos de velocidad, mientras que otros mencionan que de vez en cuando ocurre existir fallos o errores menores.

    En foros como Forocoches, las *Chicken Road opiniones suelen entre críticas positivas por el entretenimiento que brinda llegando a críticas por el pago intensa. Muchos recomiendan descargar el juego antes de invertir dinero en actualizaciones, ya que las primeras sesiones resultan gratuitas y ayudan a comprobar si de verdad compensa.

    En resumen, *Chicken Road es uno de los entertainment entretenido y fácil de jugar, perfecto para los fans desean algo sencillo pero que ofrezca alta velocidad. Si te cuestionas *”¿Chicken Road es fiable?”, la conclusión resulta ser absolutamente, con la condición de que lo obtengas en plataformas confiables y consideres que, similar a apps móviles, la monetización forma parte de el sistema.

    Si aún no lo has jugar, ¡atrévete a entretenerte y comparte tu opinión con los fans ..

  5. Подробности о методах детоксикации и профилактике абстиненции можно найти на сайте Национального института по борьбе с зависимостями США (NIDA). В ходе детоксикации применяется мониторинг жизненных показателей, что обеспечивает безопасность пациента. Своевременная медицинская помощь при абстинентном синдроме предотвращает развитие тяжелых осложнений, включая судороги и сердечно-сосудистые кризы.
    Исследовать вопрос подробнее – https://narcologicheskaya-klinika-ekaterinburg00.ru

  6. Эта публикация обращает внимание на важность профилактики зависимостей. Мы обсудим, как осведомленность и образование могут помочь в предотвращении возникновения зависимости. Читатели смогут ознакомиться с полезными советами и ресурсами, которые способствуют здоровому образу жизни.
    Полезно знать – [url=https://vosadu-li-vogorode.ru/esperal-effektivnoe-kodirovanie-alkogolizma-dlya-osvobozhdeniya-ot-zavisimosti/]кодирование от алкоголизма Рязань[/url]

  7. chicken-Enlacle

    Siempre que optas por saborear la idonea experiencia gastronomica en Chicken Road, es esencial que averigues las reglas que regulan nuestra interaccion con los compradores [url=https://chicken-roadreview.es/terminos-y-condiciones]ChickenRoad[/url] . Nuestra web de terminos y condiciones en ChickenRoad es el documento estatutario donde explicamos los compromisos, facultades y obligaciones que asumimos al brindarte nuestros productos. Captar estos aspectos es clave para proteger un trato claro, seguro y positivo para todos los clientes que confian en nuestro paladar.

    Al navegar y hacer compras a usando nuestra plataforma, aceptas cumplir con los lineamientos estipulados por Chicken Road. Estos terminos cubren temas primordiales como el manejo correcto de nuestra site, la politica de privacidad de datos del usuario y las clausulas especificas sobre los pagos y entregas a casa. En ChickenRoad, luchamos por preservar la mejor calidad no unicamente en nuestra cocina, sino tambien en el espacio digital donde nos relacionamos con nuestra audiencia. Por ello, te recomendamos revisar detenidamente este bloque previamente a concluir cualquier gestion.

    Ademas de los detalles tecnologicos, este escrito ampara tus intereses como cliente. En Chicken Road, confiamos en la transparencia y la precision. Si posees alguna duda sobre el tramite de adquisicion, las rectificaciones o la existencia de nuestras descuentos, la area de terminos y condiciones de ChickenRoad brinda las soluciones precisas para solventar cualquier pregunta de manera rapida. Este acuerdo con la legislacion actual garantiza que siempre que seleccionas Chicken Road, lo ejecutas en un ambito confiable y experto.

    Te exhortamos a revisar regularmente esta area en nuestra web, ya que ChickenRoad es capaz de hacer ajustes constantes para mejorar la calidad del atencion o adaptarse a recientes leyes. Nuestro objetivo ultimo es que tu unica inquietud sea degustar de nuestras creaciones gastronomicas. Gracias por ser parte de la red Chicken Road y por reconocer la honestidad que proporcionamos en toda relacion. Tu seguridad es el ingrediente mas valioso en nuestra receta.

  8. La claridad y la seguridad son bases esenciales para todo jugador que participa de los juegos de azar en linea [url=https://needfor-slotscasino.es/politica-de-cookies]needforslots[/url] . Por ello, en el portal de Need for Slots, priorizamos la privacidad de datos y la seguridad de quienes nos visitan. Si accedes a la seccion especifica de politica de cookies, podras entender a fondo como nuestra web utiliza cookies para optimizar tu visita y asegurar que cada sesion sea adaptada y agil.

    Cuando navegas por needforslots, nuestro sistema utiliza cookies esenciales que son imprescindibles para el buen desempeno tecnico del sitio. Estas herramientas permiten que el sitio almacene tus preferencias de idioma, configuraciones de visualizacion y otros aspectos funcionales que hacen que tu navegacion sea mas sencilla. Ademas, usamos cookies de rendimiento que nos permiten a comprender como los jugadores interactuan con need for slots, permitiendonos identificar areas de mejora y ofrecer una interfaz mas intuitiva para todos nuestros usuarios.

    Es importante destacar que el uso de estas herramientas esta siempre bajo tu gestion. A traves de la configuracion de tu navegador, tienes la posibilidad de aceptar, restringir o eliminar las cookies en cualquier momento. Sin embargo, debes considerar que deshabilitar ciertas categorias podria afectar el funcionamiento optimo de algunos servicios o elementos interactivos dentro de nuestra plataforma. La transparencia es un principio clave en needforslots, y nuestra politica detalla claramente que tipo de informacion recopilamos y con que fines especificos, siempre cumpliendo con las leyes vigentes.

    Te animamos a revisar periodicamente nuestra politica de cookies para mantenerte informado de cualquier actualizacion. En Need for Slots, nos esforzamos dia a dia para mantener un espacio online seguro, rapido y disenado para la facilidad del usuario, asegurando que tu tiempo invertido a los juegos de azar sea lo mas placentero y transparente posible desde el primer clic.

  9. где можно купить гашиш шишка бошка купить купить Мефедрон, Гашиш, Бошки, Альфа-ПВП трамадол 100 купить бот наркошопа купить гашиш бошки
    нарко шоп тг купить гашиш шишки бошки трамадол где купить рецептhttps://xklad.com сайты мефедрон купить закладки наркотики

댓글 달기

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