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”의 61,414개의 댓글

  1. chickenroad-Thern

    Spieler, die Person, beim Stobern nach dieser spannenden sowie nervenaufreibenden Erlebnisse im Online-Casino agiert, gelangt bei einem Game keinesfalls herum [url=https://chickenroad-casino.ch/demo]chicken road game demo[/url] . Der Webauftritt unter chickenroad-casino.ch/demo schenkt Interessierten die optimale Chance, jenes beliebte Format unverbindlich anzuchecken. Falls man jenen chicken road demo Modus ausprobieren, versinken Sie in eine Dimension starker Action darin, komplett dadurch irgendein Kapitalrisiko in Kauf zu nehmen. Das chicken road game demo Erlebnis zeichnet sich mittels der intuitive Bedienung sowie ein fesselnde Spieldesign hervor, was einerseits Einsteiger wie erfahrene Spieler uberzeugt.

    Viele Nutzer suchen bewusst nach dieser chicken road demo play Funktion, um jene Mechaniken des Spiels zu erfassen, bevor diese jenen nachsten Weg wagen. Wenn Sie dies chicken road demo game beginnen, bekommen Sie solchen tiefen Blick auf jene Auszahlungspotenziale plus jener besondere Spielweise, die diesen Slot derart gefragt gestaltet. Jene Zuganglichkeit von diesem chicken road play demo Zugang sichert fest, sodass man sich innerhalb dieser sicheren Umgebung mit diesen Funktionen anfreunden konnt. Zudem jemand, der nach einem chicken road game casino demo Angebot Ausschau halt, findet auf dieser Seite fundig und gewinnt durch einer handwerklich perfekten Implementierung.

    Hinsichtlich Liebhaber von spannenden Spielautomaten bleibt jene chicken road slot demo Bereich der perfekte Raum, wobei Systeme zu prufen. Zahlreiche Spieler entscheiden sich willentlich hiermit, zuerst chicken road demo spielen zu wahlen, damit diese Risikostufe und jene Features vollig Risiko zu analysieren. Dieser chicken road demo slot ist zudem bestens hinsichtlich mobile Smartphones optimiert, sodass Sie auch von mobil stets einsteigen konnen. Gehen Sie auf die originale Domain, um unmittelbar zu den Testmodus vorzudringen und dieses unverwechselbare Gameplay personlich zu erleben. Jener Beginn bleibt kinderleicht sowie erfordert zumeist null schwierige Kontoerstellung, was diesen zugigen Start ermoglicht. Nehmen Sie diese Chance und erkunden Sie heraus, warum jenes Spiel derzeit die komplette Community bewegt sowie die tollen Momente Sie bei einer Session begru?en durfen. Gutes Gelingen beim Einsatz jener verschiedenen Elemente plus beim Aufstobern dieser geheimen Highlights.

  2. 200 bonus casino casino 1 € deposit
    hracie automaty zdarma treasure box 2 online hracie automaty kajot ako funguju free spiny Postup ako hrat automaty blackjack online multihand hra peЕ€azГ­ online
    casino za kredit hracie automaty za peniaze vstupny bonus

  3. В этой публикации мы предложим ряд рекомендаций по избавлению от зависимостей и успешному восстановлению. Мы обсудим методы привлечения поддержки и важность самосознания. Эти советы помогут людям вернуться к нормальной жизни и стать на путь выздоровления.
    Нажмите, чтобы узнать больше – [url=https://autohirebuy.ru/pages/chastnaya-narkologicheskaya-klinika-v-samare/]частный наркологический центр в Самаре[/url]

  4. spinogambinoapp-Juick

    Sofern man nach einem exzellenten Spielerlebnis sind, ist spinogambinoapp.ch Ihre Hauptanlaufpunkt [url=https://spinogambinoapp.ch/contacts]spinogambinoapp[/url] . Wir erkennen, dass eine hervorragende Kommunikation zwischen einem Anbieter und den Spielern das Fundament für ein sicheres sowie spannendes Angebot darstellt. Aus diesem Grund haben wir unser Portal so aufgebaut, dass man durch Anliegen bzw. Problemen immer eine optimale Unterstützung finden. Auf unserer Kontaktseite sehen Sie alle wichtigen Informationen, damit umgehend durch diesem geschulten Support-Team in Verbindung zu treten.

    Standard und Zuverlässigkeit stehen für spinogambinoapp.ch auf oberster Stelle. Wenn man fachliche Hilfe brauchen, Fragen zu dem Spielerkonto haben bzw. Informationen zu neuen Angeboten wünschen, stehen für euch die Mitarbeiter mit Rat und Tat bereit. Wir legen großen Wert darauf, dass Ihr Anliegen zügig, effizient und konstruktiv erledigt wird, sodass ihr sich komplett auf den Spielgenuss konzentrieren dürfen: den Spielspaß.

    Der direkte Weg hin zu dem Kundendienst über spinogambinoapp.ch ist leicht sowie benutzerfreundlich aufgebaut. Wir von hier haben unsere Kommunikationskanäle derart verbessert, sodass Sie keine Zeit verschenken. Ob via E-Mail bzw. über das Kontaktformular, das Team stellen sicher, dass die Anfragen priorisiert bearbeitet werden. Das Ziel bleibt, die offene sowie sichere Umgebung zu bieten, worin sich jeder Nutzer zufrieden ist. Setzen Sie auf die Expertise sowie zögern Sie nicht, das Team wegen Problemen anzuschreiben.

    Wir von spinogambinoapp.ch tätigen permanent daran, den Service zu verbessern. Das Feedback bleibt uns daher besonders wichtig. Gebrauchen Sie die Kontaktmöglichkeiten auf der Seite nicht nur, um Probleme auszuräumen, sondern gleichzeitig, um uns mitzuteilen, was wir zusätzlich besser gestalten können. Zusammen gestalten wir die Plattform, die höchsten Ansprüchen entspricht. Besuchen Sie die Kontaktseite, hinterlassen Sie uns einen Hinweis und sehen Sie, weshalb wir als Anbieter betreffend Kundenservice neue Standards setzen. Das Team blicken gespannt auf den Austausch, euch nützlich zu sein und das Spielerlebnis bei uns so positiv optimal zu gestalten. Eure Zufriedenheit ist der Erfolg.

  5. Быстро собираем первичную информацию, оцениваем риски и предлагаем подходящий вариант обращения.
    Получить больше информации – [url=https://4.narcolog-na-dom-krasnoyarsk0.ru/]http://4.narcolog-na-dom-krasnoyarsk0.ru/[/url]

  6. spinrollz-Coori

    Grüss Gott für diesem ausführlichen Ratgeber hinsichtlich das Casino spinrollz, das für Spielern von der Schweiz immer bekannter wird [url=https://spinrollz-casino-ch.onrender.com]rezensionen für spinrollz casino[/url] . Wenn ihr nach einer zeitgemässen sowie kurzweiligen Seite schauen, sind ihr hier perfekt aufgehoben. Unzählige Spieler teilen ihre positiven Spinrollz casino erfahrungen im Internet, wodurch diese Beliebtheit genannter Spielbank unterstreicht. Innerhalb vorliegenden Beitrags betrachten wir hier alle wichtigen Punkte, angefangen bei der Spieleauswahl sowie sämtlichen Geldtransfers.

    Personen, die sich intensiver mit dem Portal befasst, liest häufig diverse rezensionen für spinrollz casino, zwecks sich vorab bereits im Vorfeld ein Bild zu verschaffen. Die Grösse genannter Meinungen ist äusserst positiv heraus. Besonders die benutzerfreundliche Oberfläche sowie die enorme Vielfalt von Spielautomaten und Live-Spielen überzeugen ohne Abstriche. Die vorliegenden Spinrollz erfahrungen verdeutlichen deutlich, sodass hier sowohl Einsteiger als auch geübte High Roller maximal profitieren.

    Ein wichtiges Anliegen für Schweizer Spieler ist selbstverständlich der Zahlungsverkehr. Speziell hierbei existieren viele Unklarheiten, insbesondere hinsichtlich der Spinrollz auszahlung. Jene vorherigen Spinrollz auszahlung erfahrungen belegen, dass alle Gewinne vertrauenswürdig und geschützt ausgezahlt werden. Wer wissen möchte, wie viele Tage man auf sein Guthaben warten muss, schaut meist auf jene Spinrollz auszahlung dauer. Jene Zeitspanne befindet sich je nach gewählten Zahlungsmethode abhängig, liegt aber in einem stets vollkommen fairen und angemessenen Rahmen, was diesen guten Gesamteffekt weiter stärkt.

    Abschliessend kann man in dieser Spinrollz casino bewertung sagen, dass jdes Spinrollz casino online mittels Seriosität, gerechte Gewinnchancen und einen hilfsbereiten Kundenservice überzeugt. Wer eine abwechslungsreiche sowie sichere Umgebung zu digitales Gaming sucht, müsste diesem Casino definitiv eine Chance geben. Die hier stets starken Spinrollz casino bewertungen sprechen für den Anbieter sowie prägen den Anbieter als deutlichen Top-Empfehlung für den helvetische Markt.

  7. Si buscas una vivencia de juego virtual de maxima categoria, el espacio digital de casinias se presenta como una de las opciones mas destacadas del mercado actual [url=https://casinia-casino-49.aguvanot230.workers.dev]casinias[/url] . Esta interfaz ha ganado rapidamente una gran popularidad entre los jugadores que aprecian la seguridad, la diversidad de entretenimientos y las ofertas permanentes. Tras examinar a detalle este portal casinias, es logico comprender por que tantos apostadores lo prefieren para sus jornadas de juego habituales.

    Al consultar diversas valoraciones de casinias, sobresale esencialmente la excelencia de su estructura, la cual es clara y comoda de explorar, posibilitando que tanto novatos asi como expertos encuentren sus tragamonedas o juegos de mesa elegidos en un instante. Numerosos participantes publican sus criticas sobre casinias casino alentadoras subrayando la rapidez en los retiros y la efectividad del soporte tecnico. Para quienes quieren una analisis de casinias detallada, lo mas relevante es notar que el catalogo se refresca frecuentemente, ofreciendo juegos de los estudios mas afamados de la actividad.

    Los usuarios que llevan a cabo una investigacion detallada a medio de las evaluaciones sobre casinias concuerdan en que la compania atiende con los protocolos de proteccion requeridos para asegurar un entorno de juego limpio y transparente. La transparencia es un pilar fundamental en este proveedor, lo que refuerza la confianza de la base de usuarios. En toda casinias resena especializada, se recalca que este portal de referencia casinias no exclusivamente se enfoca en el entretenimiento, sino igualmente en proporcionar herramientas para el juego responsable.

    En cierre, si piensas darte de alta, las valoraciones sobre casinias globales son muy favorables. La fusion de promociones seductoras, una variada lista de titulos y una plataforma fiable provocan que este sitio sea un sitio imprescindible. Explora el espacio de juegos casinias ahora mismo y descubre por que se ha consolidado como un lider claro. La excelencia, la diversion y la posibilidad de obtener beneficios estan garantizadas en toda apuesta que lleves a cabo dentro de este entorno digital de alta gama.

  8. Эта публикация раскрывает психологические механизмы зависимости и их роль в развитии расстройств. Читатель узнает о том, как психология влияет на формирование зависимостей и как профессиональная помощь может изменить ситуацию.
    Продолжить изучение – [url=https://stop-alko.info/alkogolizm/mozhno-li-prinuditelno-otpravit-zavisimogo-na-lechenie.html]”наркологическая клиника[/url]

  9. vegasherogame-Sucouh

    Inside Vegas Hero, we value the safety and welfare of our players beyond all else [url=https://vegasherogame.nz/responsible-gambling]vegas hero[/url] . Participating during virtual leisure ought to consistently be one pleasant and positive encounter, consequently our portal is built atop the cornerstone concerning responsible gambling. When you check out the Vegas Hero responsible gambling page, you acquire admittance into one comprehensive collection involving resources designed with the goal to aid you keep control regarding your betting patterns while enjoying the finest casino experiences available within New Zealand.

    We comprehend that for specific people, gambling might turn into one challenge as opposed to some hobby. This explains why Vegas Hero offers different safety steps, such as the ability aiming to establish individual funding limits, session time reminders, and cooling-off periods. Using wisely regulating your gameplay settings, you will verify where your moments spent within Vegas Hero stays balanced and within your private means. Our focused help staff is available to deliver advice if you sense that your participation is becoming hard for you to handle.

    Beyond these practical tools, the Vegas Hero website yields vital resources for people who might need extra support. Our responsible gambling page contains connections into official organizations alongside helplines which provide private support concerning someone facing gambling-related issues. We deeply maintain how some open plus secure environment proves essential for our network. Education represents a main part of our method, and we encourage each of our members so as to study the details offered at the platform in order to fully understand the nature of odds as well as the significance concerning wagering responsibly.

    Your safety plus mental welfare exist at the center of all things we execute. We remain devoted so as to creating an environment in that you can explore our broad range of games with total tranquility. Via picking Vegas Hero, you are selecting a wagering destination which values your boundaries as well as supports one healthier approach towards online play. Remember to always bet with capital that you are able to manage to misplace plus no longer let the play become your primary priority. See our site now so as to learn further about how we protect our members. [url=http://attfnd.free.fr/Forum/viewtopic.php?p=605804#605804]Emphasizing Responsible Gaming: A Detailed Overview inside this Vegas Hero Commitment to User Safety throughout New Zealand[/url] [url=https://ar-rauha.com/forum/index.php?topic=2879.new#new]Valuing Responsible Betting: A Thorough Guide within this Vegas Hero Dedication regarding Player Security throughout New Zealand[/url] efe7_74

  10. Эта публикация раскрывает психологические механизмы зависимости и их роль в развитии расстройств. Читатель узнает о том, как психология влияет на формирование зависимостей и как профессиональная помощь может изменить ситуацию.
    Не упусти важное! – [url=https://driveautorent.ru/pages/narkologicheskij-centr-spb/]снятие ломки частный медик[/url]

댓글 달기

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