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

  1. chickenroad-haili

    El juego creación denominada El Juego de los Gallos ha considerable curiosidad dentro de esta plataforma en España, allí diversos visitantes plantean si parece auténtico o solo importante estafa [url=https://chickenroad-es-60.iwofesidev475.workers.dev]El Juego Del Chicken Road Es Real[/url] .

    Si estás detalles sobre ¿Chicken Road tiene fundamento?, ¿Chicken Road es un fraude o no? o *Chicken Road es real o estafa*, desde este espacio os compartimos todo lo necesario que debes entender respecto a término detallada según esta data recopilada.

    La Carretera de los Gallos se trata de un tipo de retos viral que está en gran medida en espacios virtuales, incluyendo TikTok, donde varios participantes muestran variadas testimonios. No obstante este creación preciso no se encuentre totalmente mayor documentado, resulta basado de procesos similares a diversos experimentos dentro de línea similar a el llamado Prueba del Pollo asimismo experimentos relativos a riesgos.

    Numerosos creen que *Chicken Road es real* porque hay casos de usuarios que revelan haber premios, no obstante también existen historias de usuarios que usuarios que advierten desafortunados materiales.

    Si te preguntas ¿Existe realmente la Carretera de los Pollos?, la opinión varía según como cómo el juego evalúes. Según lo conocido se documenta cierta página oficial bajo el nombre de ese desafío título, ello provoca inseguridades respecto a la seguridad. Varios usuarios acceden en plataformas privados, asimismo aplicaciones online poco avaladas, ello incrementa el riesgo convertirse en blanco de trampas. Por eso eso es fundamental quedar atento al optas por experimentar.

    Diversos plantean ¿Chicken Road es un mito o realidad? sin embargo esta solución tiende a considerarse incierta: a pesar de existen historias positivas, igualmente hay advertencias en relación con posibles estafas. Dado que buscas ¿Es seguro jugar a Chicken Road?, esto es más aconsejable resulta no compartir particulares confidenciales y recursos mediante desafíos mal avalados. Cuando te decides participar, procura de responsabilidad igualmente mediante plataformas seguros.

    Al síntesis, *Chicken Road es real*, en punto de vista que existe como desafío en boga, no obstante esa legitimidad como desafío justo y dentro de escepticismo. Cuando te interesa arriesgarte, investiga con profundidad antes de de comprometerte porque *el juego de Chicken Road es real o falso* bajo esa fuente en te bases. La opción aconsejable elección es investigar a fondo además evitar situaciones innecesarios.

  2. купить портативную электростанцию для дома в днр Быстро **купить электростанцию портативную в макеевке днр** теперь реально благодаря развитой логистике и широкому ассортименту. Получите современный прибор для автономного питания уже на этой неделе.

  3. spinogambinocasino-affig

    Within Spinogambino, we maintain the view that digital gaming must be a source of enjoyment instead of a reason for concern [url=https://spinogambinocasino-game.net/responsible-gambling] spino gambino[/url] . Providing a protected environment for our members is our greatest priority, which is why we have crafted a complete responsible gambling policy. Our portal is built on the basis of fairness and honesty, verifying that all member has the utilities necessary to preserve authority over their playing routines.

    While partaking with the content on the site, it is crucial to keep in mind that wagering carries risk. Spino gambino is dedicated to promoting positive behavior by encouraging participants to perceive wagering as a casual activity with a defined budget. We offer several safeguarding measures, incorporating the ability to establish individual balance limits, deficit thresholds, and session time restrictions. By utilizing these features, you can customize your adventure to suit your monetary situation and daily habits.

    Identifying the indicators of compulsive gambling is the initial step toward keeping a healthy connection with our services. If you at any point sense that your betting is growing excessive or that you are wasting increased time or capital than planned, our assistance staff is ready to help you. We offer tools for self-exclusion, which permits customers to initiate a brief or permanent pause from the portal if necessary. Additionally, we give advice for individuals who might need professional help, guiding users towards trusted organizations that focus on betting prevention.

    We strongly enforce legal rules, absolutely prohibiting persons under the age of 18 or the statutory age in their jurisdiction from entering our entertainment. Preserving a secure setting is a collective responsibility among the provider and the user. We invite you to explore the thorough data found at Spinogambino to find out further concerning how you can remain in command. By fostering understanding and supplying open tools, Spino gambino strives to maintain your gaming journey both enjoyable and consistent. Keep in mind to always play within your financial and keep your well-being as the central priority of your recreational journey .

  4. В этой статье рассматриваются различные аспекты избавления от зависимости, включая физические и психологические методы. Мы обсудим поддержку, мотивацию и стратегии, которые помогут в процессе выздоровления. Читатели узнают, как преодолеть трудности и двигаться к новой жизни без зависимости.
    Доступ к полной версии – [url=https://flatrenthq.ru/pages/narkologicheskoe-lechenie/]наркологическое лечение[/url]

  5. Вывод из запоя в Ростове-на-Дону — это медицинская процедура, направленная на устранение симптомов алкогольной интоксикации, восстановление функций организма и предотвращение осложнений. В клинике помощь оказывается круглосуточно, а лечение проводится под контролем опытных наркологов. Такой подход позволяет безопасно прекратить употребление алкоголя, избежать резкой отмены и стабилизировать состояние пациента. Процедура проводится как в стационаре, так и на дому, с учётом состояния здоровья и степени зависимости.
    Детальнее – [url=https://vyvod-iz-zapoya-v-rostove-na-donu16.ru/]вывод из запоя вызов на дом в ростове-на-дону[/url]

  6. где купить рюкзаки: [url=https://backpacks.ru]https://backpacks.ru[/url] Практично, стильно, экологично: гид по брендам в магазине Backpacks

    [img]https://i.ibb.co/HTwWkfQ6/backpacks-1.jpg[/img]

    В последнее время темп городской жизни требует от аксессуаров не просто элегантного вида, но и функциональности: рюкзак должен вмещать в себя все, что необходимо, быть удобным в транспорте и не терять своей актуальности из сезона в сезон. Онлайн-магазин Backpacks собрал в каталоге первоклассные бренды, объединяющие все эти характеристики и предлагают эффективные решения для различных ситуациях – от дороги в офис до короткого путешествия на выходные. В ассортименте – рюкзаки, сумки и аксессуары от Ucon, Artsac, Consigned и Elliker: абсолютно каждый из брендов со своим характером, но с единой идеей – делать жизнь в большом городе удобнее. И если вдруг Вы ищите рюкзаки Consigned: [url=https://backpacks.ru/cat/ryukzaki/brand/consigned]https://backpacks.ru/cat/ryukzaki/brand/consigned[/url] – это Ваш удачный выбор!

    Проверенные бренды для вашего удобства: линейка товаров

    [img]https://i.ibb.co/jvLzRH6Q/backpacks-5.jpg[/img]

    Линейка товаров включает рюкзаки для города, сумки через плечо, кросс-боди, тоуты, дорожные сумки, поясные модели, пеналы, ланчбоксы и аксессуары (от бутылок для воды до термокружек). Необходимо только заглянуть на сайт, выбрать бренд и модель:

    • Ucon Acrobatics – берлинский минимализм и экологичность. Производитель сделал ставку на современный дизайн без избыточного декора: акцент на силуэте, текстуре материалов и четкой организации пространства. Большинство моделей имеют roll-top конструкцию, которая позволяет отрегулировать вместимость под количество вещей. Бренд со всей серьезностью относится к материалам, а продукция проходит сертификацию по стандарту B Corp. И это означает не просто стильный внешний вид, но и уверенность, что изделие рассчитано на ежедневное использование в городских условиях в разных ситуациях и при любых погодных условиях.

    • Artsac – стиль большого города и удобство. Бренд из Британии, сочетающий современную городскую эстетичность с ежедневной функциональностью: лаконичная форма, сдержанные цвета, рациональная организация внутреннего пространства и износоустойчивые материалы. Изделия с легкостью вписываются как в ежедневный, так и в деловой образ – сумка или рюкзак Artsac в равной степени сочетаются с рубашкой и худи. В онлайн-каталоге Backpacks для покупателей рюкзаки, сумки-холдлы, пеналы и ланчбоксы.

    • Consigned — дерзкий дизайн для ярких образов. Еще один бренд из Великобритании, но с принципиально иным подходом. Consigned делает ставку на выразительность: яркие оттенки, необычные принты, современные формы. Сумки и рюкзаки данного производителя для всех, кто не боится выделиться и хочет прибавить акцент в ежедневный образ. За эффектным внешним видом стоит рациональная функциональность: отделение для ноутбука, roll-top конструкция с регулируемым, стропы по бокам, внешние карманы на молнии. Система двойных клипс у некоторых моделей помогает поменять размер сумки в зависимости от задач. В каталоге рюкзаки, дорожные сумки и кросс-боди.

    • Elliker – британский аутдор с урбанистическим стилем. Бренд балансирует на грани аутдор-традиций и актуального минимализма. Рюкзаки Elliker в равной степени гармонично смотрятся и в походе, и в городской обстановке. Все сумки и рюкзаки изготовлены из 100% переработанного полиэстера с водоотталкивающим PU-слоем без PFAS/PFOA. Каждая модель проходит серьезные испытания на водонепроницаемость и износоустойчивость. В ассортименте сумки-слинги, кросс-боди, тоуты и небольшие рюкзаки.

    Действующие условия и некоторые преимущества для покупателей

    [img]https://i.ibb.co/qLn0Hxds/backpacks-6.jpg[/img]

    Backpacks ориентирован на всех, кто хочет найти не простую сумку, а продуманный аксессуар на каждый день – в числе его получателей студенты и ученики старших классов, работники офисов и туристы, те, кто много передвигается по городу и еще многие другие. И для любого интернет-магазин может предложить привлекательные условия:

    • оперативная доставка в любую точку России;
    • расчет картой либо через СБП;
    • опция оформить покупку в рассрочку;
    • выгодная бонусная программа;
    • поддержка и сервис.

    Backpacks – это онлайн-площадка, где вы сможете получить аксессуар под свой образ жизни: сдержанный и деловой, молодежный и яркий либо практичный и экологичный. Благодаря обширному выбору брендов и моделей, честным условиям заказа и сопутствующим преимуществам (бонусы и рассрочка), процесс оформления заказа становится удобнее, а покупка – гораздо выгоднее. И если вы хотите получить рюкзак или сумку, которые прослужат несколько сезонов и будут уместны в любой городской ситуации, стоит обратить внимание на онлайн-каталог Backpacks, сравнить изделия от разных брендов и сформировать заявку!

  7. spingrannycasinobonus-Rhicy

    Identifying the greatest rewards within the realm of virtual gaming might often be a difficulty, yet the hub at spingrannycasinobonus.net/bonus streamlines the process for users pursuing top value [url=https://spingrannycasinobonus.net/bonus]spingranny casino bonus[/url] . Regardless of whether you remain a beginner or perhaps a pro regular, grasping the way to apply a spingranny bonus will noticeably improve your gaming sessions. Via navigating this specialized platform, you gain admission into the current details concerning the spin granny bonus structures, guaranteeing you seldom lose possibilities aimed at expand your bankroll.

    To get started, participants should look for the very current spingranny bonus code. Those alphanumeric sequences represent your gateway for select offers which offer extra funds or distinct perks. Numerous users are currently scouting for a spingranny no deposit bonus code, that permits for secure browsing of the site library without having for you to fund an account promptly. As soon as you stay prepared for gamble for real, the spingranny casino deposit process stays uncomplicated as well as quick, confirming so that you can activate your chosen spingranny casino bonus using ease.

    For those who enjoy slot titles, finding a spingranny promo code that provides spingranny free spins remains usually the highest priority. Those spins supply additional prospects aimed at score a jackpot without wasting your personal credits. Whether you label it as a spin granny casino deposit otherwise a regular reload, the hub verifies all guidelines remain clear and straightforward to follow. Tracking an eye on the spingranny casino no deposit bonus offers could additionally grant a advantageous advantage when experimenting with new titles.

    Navigating the domain of online gaming rewards requires reliable information, as well as this platform works like a comprehensive source for all things associated to your preferred platform. Always check the policies tied with every spingranny casino bonus before you start so as to verify you fulfill all betting requirements. Using the right strategy as well as the freshest codes at hand, you might experience a more satisfying experience every single time you access so as to spin the reels.

  8. Эта информационная публикация освещает широкий спектр тем из мира медицины. Мы предлагаем читателям ясные и понятные объяснения современных заболеваний, методов профилактики и лечения. Информация будет полезна как пациентам, так и медицинским работникам, желающим поддержать уровень своих знаний.
    Уточнить детали – [url=https://autohirebuy.ru/pages/detoksikaciya-ot-alkogolya-na-domu/]лечение алкогольного запоя на дому[/url]

  9. В этой статье мы обсудим процесс восстановления после зависимостей, акцентируя внимание на различных методах и подходах к реабилитации. Читатели узнают, как создать план выздоровления и использовать полезные ресурсы для достижения устойчивых изменений.
    Откройте для себя больше – [url=https://lux-clinic.ru/stati/zhizn-posle-lecheniya-alkogolizma.html]”наркологическая клиника[/url]

댓글 달기

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