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

  1. ohmyspins11-ulcethy

    Wenn Sie nach einer erstklassigen Plattform fur Casino-Spa? sind, ist das ohmyspins casino eine Option, die Sie sich intensiver ansehen sollten [url=https://oh-my-spins-11.vercel.app]ohmyspins casino[/url] . Die Webseite unter der URL oh-my-spins-11.vercel.app gewahrt Zockern ein innovatives und einfaches Erlebnis, das durch eine beeindruckende Auswahl an Spielen und attraktiven Bonusangeboten glanzt. Jeder, der sich fur das Angebot begeistert, sollte einen Moment auf die aktuellen ohmyspins erfahrungen werfen, um sich ein Eindruck von der Leistung des Portals zu verschaffen. In einer ausfuhrlichen ohmyspins bewertung wird klar direkt, dass die Webseite zu gleichen Teilen fur Einsteiger als auch fur versierte Spieler viel zu offerieren hat.

    Das ohmyspins casino punktet vor allem durch seine intuitive Navigation und eine kurze Ladezeit. In jeder seriosen ohmyspins casino review wird oft betont, dass die Game-Palette von top Entwicklern geliefert wird, was fur Variation und Ehrlichkeit steht. Wenn Sie personliche ohmyspins erfahrung machen mochten, bemerken Sie zugig, dass der Anmeldeweg reibungslos ist und der Service bei Problemen jederzeit hilfsbereit zur Seite steht. Viele Kunden posten ihre individuellen ohmyspins casino erfahrungen in diversen Foren und Portalen, wobei vor allem die Offenheit und die seriosen Zahlungsmethoden gewurdigt werden.

    Ein objektiver ohmyspins review unterstreicht, dass das Angebot eine stimmige Mischung aus unterhaltsamen Slots, Tischspielen und Live-Casino-Inhalten bietet. Das casino ohmyspins schafft es dabei, durch regelma?ige Updates und zeitlich begrenzte Aktionen nachhaltig fur Begeisterung zu erzeugen. Ob Sie jetzt nach den aktuellsten Trends bei ohmy spins suchen oder nur entspannt ein paar Runden drehen mochten, das Angebot ist vielseitig aufgebaut. Abschlie?end lasst sich sagen, dass ein Besuch auf dieser Seite lohnenswert ist, wenn man Fokus auf Seriositat und Unterhaltung legt. Lesen Sie detailliert uber die ohmyspins Angebote und entscheiden Sie selbst, ob dieses Portal Ihren personlichen Wunschen passt. Mit einer durchdachten Strategie und dem guten Gespur fur die Spiele ist dem Vergnugen bei oh my spins die Tur weit offen.

  2. La aplicación *”El Dilema del Choque”* ha ganado expectación en plataformas online, por su dinámica interactivo provocador, donde los curiosos visitantes deben decidir una serie de decisión ante el instante crítico para salvarse un riesgo [url=https://chicken-road-es-62.vercel.app]Chicken Road Es Real?[/url] .

    No obstante diversos personas se interogan si *”El Dilema del Miedo”* es auténtico o si se una trampa. En este análisis, analizamos el contexto, los sistema y las principales interrogantes comunes sobre este experimento.

    *”Chicken Road”* no representa un clásico divertimento que ofrezca beneficios tangibles, que una experiencia interactiva acciones subjetivas. Su denominación se inspira de la *”pollo”* (en inglés popular), la cual significa *”cobarde”*, ilustrando la constante incertidumbre de lograr un riesgo.

    La página *”carreteradelpollo.es”* funciona como una adaptación en castellano de aplicación clásico, donde los entusiastas usuarios comenten los logros en plataformas sociales, provocando un fenómeno viral.

    Una de las preguntas frecuentes es la siguiente: *”¿La Carretera del Pollo existe de verdad?”*. La respuesta quedaría que el aplicación por sí se presenta como una aplicación virtual que no conlleva repercusiones físicas, no obstante su influencia psicológico así como social quedaría totalmente auténtico. Los jugadores que lo intentan tienden a compartir los resultados mediante hashtags entre ellas *”Chicken Road es real”*, o *”Lo de Chicken Road es real”*, sin embargo de realidad quedaría una metáfora de la presión comunitaria así como la realización de decisiones durante tensión.

    Algunos suponen que el *”¿Chicken Road engaña o es auténtico?”*, pero en contexto quedaría una herramienta de acceso que no persigue propósitos financieros. No hay existen beneficios financieros ni trampas, únicamente el demostración cómo nos comportamos con la desconocido.

    Pese a su popularidad ha varios personas asocien el juego con juegos comparables, como los *”apuestas online”* que ofrecen recompensas no reales.

    Al te cuestionas *”¿Chicken Road es real o falso?”*, la respuesta está en analizar que una actividad mental que que aplicación que incluya ganancias. Su triunfo reside en qué aspecto conecta con la incertidumbre y la pérdida del ser humano. No obstante no resulta una estafa, el propósito viral ha provocado discusiones sobre el legitimidad, concretamente cuando visitantes comenten logros tales como *”El Chicken Road es real”* sin explicar que una prueba.

    En punto final, *”La Carretera del Pollo”* es un proyecto tecnológico que analiza la psicología de los usuarios a elecciones directas. No se trata de resulta una trampa, no obstante el éxito ha cuestionamientos sobre su propósito. Cuando te interesa experimentarlo, recuerda que solo un experimento de decisiones y ansiedad colectiva, sin repercusiones tangibles que allá de la experiencia y comentario en redes digitales.

  3. Этот информационный материал подробно освещает проблему наркозависимости, ее причины и последствия. Мы предлагаем информацию о методах лечения, профилактики и поддерживающих программах. Цель статьи — повысить осведомленность и продвигать идеи о необходимости борьбы с зависимостями.
    Смотрите также… – [url=https://lovz.ru/fashion/modnaya-bitva-snezhana-georgieva-proti]капельница от запоя в Балашихе[/url]

  4. chickenroad-faurele

    Si buscas una experiencia fascinante y repleta de energia en el universo de los pasatiempos de azar online, es factible que hayais conocido hablar de la conocida logica de los titulos de azar [url=https://chickenroad-login.es/demo]demo chicken road[/url] . En este aspecto, explorar el modo demo chicken road es la opcion optima de sumergirte en esta travesia sin comprometer ni un unico euro de tu cartera. Acceder a la plataforma desde el acceso oficial te deja probar todas las opciones, comprender los bonus y disenar tu personal tactica antes a animarte a realizar apuestas tangibles.

    Bastantes apostadores se interesan el motivo por el cual es tan solicitada esta opcion. La solucion es clara: la capacidad de apostar chicken road en su version de ensayo brinda la equivalente visual colorida y la misma mecanica adictiva que la modalidad de pago. Al usar el demo chickenroad, tienes la oportunidad de asimilar los patrones del pasatiempo y familiarizarte a su funcionamiento, lo cual es esencial para cualquier jugador que busque maximizar su diversion. Asimismo, el ingreso al chicken road gratis garantiza que no tenga barreras de acceso para los principiantes, quienes pueden explorar las opciones especiales sin trabas.

    La ventaja estrategica de seleccionar el chicken road free play es que opera como un entorno de adiestramiento perfecto. En el modo demo chicken road, logras simular distintos escenarios de jugadas y comprobar como fluctuan tus balances sin cero presion monetaria. Esta flexibilidad es lo que ha convertido a esta modalidad en una de las opciones mas frecuentadas por la colectividad. Tanto si te definas como un apostador veterano como un neofito interesado, utilizar el demo chicken road te dara la certeza necesaria para gozar de toda partida al tope. No pierdas la oportunidad de probar esta mecanica revolucionaria y conoce por que numerosas jugadores escogen esta web para emplear sus instantes de descanso. Ten presente que la practica continua en el modo libre es el punto primero para controlar todo obstaculo en linea y gozar de una experiencia de ocio responsable y altamente amena.

  5. La defense vis-a-vis de vos informations confidentielles est un point essentiel chez spinogambino [url=https://spino-gambinojeux.fr/politique-de-confidentialite]spinogambino[/url] . Explorez sur notre interface, vous nous confiez des informations precieuses que nous manipulons tres minutieusement. Notre politique de confidentialite est pensee pour garantir une visibilite complete concernant la facon par laquelle nous recoltons, utilisons et protegeons vos elements. Chez spino gambino, nous deployons des systemes de protection sophistiques afin de preserver vos echanges de meme que vos details de compte contre toute utilisation illegitime.

    En ouvrant un compte sur notre domaine, nous recueillons exclusivement les elements necessaires pour optimiser votre navigation et valider la conformite avec les reglementations en vigueur. Ces renseignements incluent principalement vos donnees d’identite, necessaires pour la gestion de votre acces sur spino gambino. Nous nous engageons a ne jamais vendre ou partager vos informations personnelles avec des tiers a des objectifs publicitaires sans votre accord formel. Votre sphere privee demeure une liberte essentielle que nous considerons avec attention.

    Le deploiement de technologies de suivi, comme les fichiers temoins, nous aide a perfectionner la fluidite de votre navigation et de configurer les services proposes sur notre interface. Ces fonctionnalites nous aident a cerner vos preferences afin de vous offrir des elements davantage cible et reactif. Vous disposez, a chaque instant, la faculte de gerer vos reglages en matiere de confidentialite a travers les reglages de votre logiciel web.

    Comme membre notre interface, vous possedez aussi de droits specifiques vis-a-vis de vos informations, comprenant la possibilite d’acces, de rectification ou d’effacement de vos donnees personnelles. Si vous avez des interrogations relative a cette politique ou pour exercer vos droits, nos conseillers experts demeure prete a vous aider. Nous actualisons frequemment nos procedures pour rester en adequation avec les evolutions technologiques et juridiques. En choisissant spinogambino, vous optez pour un espace ludique protege ou la confidentialite demeure toujours preservee. Votre assurance est notre moteur et nous deployons tous les efforts pour la justifier au quotidien.

  6. В этом исследовании рассмотрены методы лечения зависимостей и их эффективность. Мы проанализируем различные подходы, используемые в реабилитационных центрах, и представим данные о результативности программ. Читатели получат надежные и научно обоснованные сведения о данной проблеме.
    Получить исчерпывающие сведения – [url=https://moyateplica.ru/pages/vyvod-iz-zapoya-cena-na-domu/]вывод из запоя с капельницей[/url]

  7. spinogambinogame-Kapleno

    Assuming you are seeking to upgrade your gaming experience, investigating the latest promotions at spinogambino is a perfect starting point [url=https://spinogambinogame.com/bonus]code bonus spinogambino[/url] . The website stands well-known for providing users with exciting incentives that render each session more beneficial. As soon as you go to the main promotions section, you can effortlessly uncover the active spinogambino bonus options intended to increase your balance and lengthen your session length on your preferred slots and casino games.

    For fresh members who desire to test the service minus gambling their own money, the spinogambino casino no deposit bonus is a wonderful prospect. This kind of offer enables you to enjoy the thrill of the platform safely. Regardless if you happen to be scouting for a spinogambino no deposit bonus to kickoff or hunting for a particular spinogambino bonus code to access exclusive advantages, the webpage keeps the workflow effortless. Simply type your code bonus spinogambino while registration or in the deposit area to grab your reward directly.

    Expert users must further keep an eye out for regular events. Using a spinogambino promo code or a spinogambino casino promo code might grant you admission to free spins or match deposits that are hidden to the general user. Occasionally gamers hunt for a spino gambino promo code or a spino gambino casino no deposit bonus, and the great news is that the platform keeps these promos current frequently. If you spot a spino gambino bonus code that piques you, proceed swiftly to guarantee you capture total advantage of the house edge.

    Keep in mind that all bonus spinogambino offers includes its unique array of rules. Always check the playthrough requirements linked with your spino gambino bonus or any spino gambino code bonus you decide to claim. By keeping current on the fresh promos at the official site, you are able to boost your chances of securing cash and appreciate everything the platform has to offer. Make sure to browse the promotional page today to witness how a spinogambino casino bonus can alter your play journey.

  8. В этой публикации мы рассматриваем важную тему борьбы с зависимостями, включая алкогольную и наркотическую зависимости. Мы обсудим методы лечения, реабилитации и поддержку, которые могут помочь людям, столкнувшимся с этой проблемой. Читатели узнают о перспективах выздоровления и важности комплексного подхода.
    Слушай внимательно — тут важно – [url=https://alkogolikum.ru/stati/pochemu-vazhno-uchastvovat-v-semeynoy-terapii-pri-reabilitacii-zavisimyh.html]наркология клиника[/url]

  9. Эта медицинская заметка содержит сжатую информацию о новых находках и методах в области здравоохранения. Мы предлагаем читателям свежие данные о заболеваниях, профилактике и лечении. Наша цель — быстро и доступно донести важную информацию, которая поможет в повседневной жизни и понимании здоровья.
    Получить полную информацию – [url=https://alko-narko.info/alkogolizm/psihologicheskoe-kodirovanie.html]реабилитационный центр для алкоголиков[/url]

  10. spingrannycasino-plaype

    Bezpečnosť osobnych udajov je aktualne primarnou zalezitosťou pre vsetkych klienta online systemov, a preto sa portal spingranny odhodlal k maximalnej transparentnosti pri narabani s vasimi udajmi [url=https://spingrannycasino.sk/zasady-ochrany-osobnych-udajov]spingranny[/url] . Pokiaľ navstivite web, kde su presne rozpisane zasady ochrany osobnych udajov, objavite, ze ochrana vasich udajov je stredobodom pozornosti prevadzkovateľa. Vsetok proces nakladania s osobnymi udajmi je prisposobeny sposobom, aby plne spĺňal aktualnym pravnym poziadavkam a zabezpečil prijemny priebeh z hry.

    Platforma spin granny priraďuje vysoky zreteľ na softverove a prevadzkove kroky, ktore zabraňuju zakazanemu pristupu k vasim uzivateľskym kontam alebo peňaznym informaciam. Pri registracii alebo beznom vyuzivani webu spingranny odovzdavate vybrane detaily, ktore su nutne na vytvorenie kvalitnych sluzieb, prisposobenie benefitov a ochranu pred nečestnym jednanim. Tieto data su spracuvane vyhradne na ciele, s ktorymi ste boli skor upovedomeni, a nikdy nie su zneuzivane na nečestne aktivity.

    Zasady ochrany osobnych udajov na portali spin granny jasne specifikuju, vsetky fakty sa zbieraju, ako dlho su ulozene a ake zakonne mate ako pouzivateľ moznosti. Zahŕňa medzi ne predovsetkym pravo na pristup k udajom, ich opravu alebo vymazanie, pokiaľ si to okolnosť vyzaduje. Istota je hlavnym kameňom vzťahu medzi kasinom a hračom, z tohto dovodu spingranny pravidelne aktualizuje svoje obranne standardy, aby čelila novym kybernetickym hrozbam.

    Ak mate akekoľvek dotazy ohľadom metody, akym spin granny spravuje vase sukromie, odporučame vam pozorne si preskumať prislusnu časť na ich on-line stranke. Jasnosť je predsa najvhodnejsim sposobom na budovanie bezpečneho zabavneho prostredia. Vďaka zreteľne určenym pravidlam mozete mať istotu, ze vase internetove stopy su pod dozorom a vase citlive udaje ostavaju strazene v sulade s spičkovymi normami v sektore. Spingranny sa pokusa o to, aby sa kazdy navstevnik citil pri kazdom ukone bezpečne a aby bola zabezpečenie dat za kazdych okolnosti na prvom mieste.

댓글 달기

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