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

  1. Sicheres Zocken ist das wichtiges Thema bei spinogambino, denn der Absicherung der Spieler und der Etablierung von einem sicheren Spielumfelds fur den Casinos hochste Wichtigkeit besitzen [url=https://spino-gambinocasino.com.de/verantwortungsbewusstes-spielen]spino gambino[/url] . Das Casino setzt die Plattform aktiv fur Praventionsma?nahmen dafur ein, sodass zu gewahrleisten, indem dieses Glucksspiel als vergnugliche Freizeitspa? angesehen erfolgt aber niemals zur Problem fur des Privatleben oder die Geldbeutels der Nutzer wird. Jeder, die wahlt, hinsichtlich ein Account bei spino gambino optiert, nutzt durch zahlreichen Hilfsmitteln, die hierbei helfen, dieses eigene Spielverhalten stetig unter Griff dahin bewahren.

    Bezuglich den wichtigsten Funktionen fallen individuelle Einzahlungslimits, welche von die Kunden eigenstandig im eigenen Account-Bereich festgelegt sollen. Durch derartige Methode lasst sich das Budget fur pro Tag, pro Woche beziehungsweise monatliche Sitzungen exakt planen. Wenn mal Pause erforderlich sein, halt bereit spinogambino zudem eine Chance, eine befristete Selbstsperre oder eine endgultige Kontodeaktivierung zu freischalten. Diese Moglichkeiten unterstreichen das Engagement dieser Plattform hinsichtlich den besonnenen Spielstil bezuglich Online- Glucksspielen.

    Weiterhin prasentiert spino gambino umfassende Daten und schnelle Verweise zu professionellen Supporteinrichtungen fur Personen, die das Empfinden verspuren, ihre Ubersicht uber ihr Spielverhalten zu einbu?en. Unser Kundendienst ist zudem trainiert, um bei Problemen bezuglich diesartigen Sicherheitsvorkehrungen vertraulich sowie professionell zu beraten. Die Philosophie basierend auf der Webseite fu?t auf Klarheit nebst Fairness, indem die stets Integritat der Spieler permanent im Fokus der Geschaftsstrategie steht.

    Nutzer sollten immer daruber wissen, indem Wetten gewisses Gefahrenpotenzial beinhaltet jedoch grundsatzlich nur hinsichtlich Mitteln gespielt sollte, deren jeweiligen Verlustfall der Spieler sich gestatten kann. Durch der Inanspruchnahme der vorhandenen Sicherheits-Tools bei spinogambino sollten User ihre Erfahrung erleben, wobei hierbei die individuelle Sorgfalt dahingehend au?er Acht zu lassen. Wir empfehlen samtlichen Gasten, die entsprechende entsprechende Rubrik zum verantwortungsbewussten Spielen auf spino gambino stetig dahin konsultieren, dahingehend uber frische Vorsorgeoptionen auf dem Laufenden dahin bleiben sowie dieses Spielvergnugen dauerhaft bedenkenlos nebst sorgenfrei dahin formen. Mit die adaquaten Ma?nahmen bleibt dies Casino-Erlebnis genau das, das was dies sein konnte: ein aufregender Hobby. [url=https://brilliantbluelogistics.com/2024/03/25/hello-world/#comment-22574]Sicheres Zocken ist ein wichtiges Anliegen fur spinogambino, denn der Sicherheit von Spieler sowie die Etablierung von einem geschutzten Spielumfelds fur den Anbieter maximale Relevanz haben.[/url] [url=http://bobzhotel.altervista.org/index.php?topic=1050.new#new]Sicheres Zocken fungiert als ein zentrales Thema bei spinogambino, weil die Absicherung der Spieler und der Forderung von einem vertrauenswurdigen Spielumfelds seitens des Casinos oberste Wichtigkeit besitzen.[/url] dfec980

  2. Our prevalence of virtual gambling has surged throughout Nigeria, and a single title that stays to seize the attention of players is the Plinko game [url=https://plinko-92.vercel.app]is Plinko legit[/url] . If you are searching for an easy method to relish this thrill, the platform at plinko-92.vercel.app provides a streamlined layout for devotees of the genre. Numerous novices frequently query what is Plinko game exactly? Basically, it is a simple nonetheless addictive notion in which a Plinko ball descends from the top of a pointed grid, deflecting away from pins before it rests in a winning pocket at the footer.

    Understanding how to play Plinko is uncomplicated, rendering it a choice for as well as leisurely users and high rollers. You define your volatility setting and bet amount, next watch as the ball falls down. When browsing the Plinko casino environment, enthusiasts are commonly inquisitive if the gameplay is fair. A typical inquiry is is Plinko legit, and the solution lies in selecting trusted platforms that employ RNG to ensure all round is varied and impartial.

    For those eager in the thrill of Plinko game online real money stakes, it is necessary to grasp that Plinko gambling contains inherent hazards. Even though lots of appreciate the Plinko casino game for its fast-paced nature, responsible gaming should perpetually be the focus. Unlike complex card games, the Plinko game online provides fast wins, the reason it has turned into a staple on large networks resembling the famous bc game Plinko style.

    If you are a fan of the traditional television show edition or a seasoned enthusiast of the new Plinko casino session, this game continues to be a prime selection. By checking out plinko-92.vercel.app, you can understand the logic and discover why so plenty of Nigerians are drawn to this timeless fun challenge. Always remember to bet within your budget and relish the fun value that this unique activity offers. With the ideal tactic and a touch of chance, you could simply hit those large multipliers.

  3. oscarspin-Baili

    Das beste Casino im Internet Das Casino von OscarSpin zeichnet sich durch ein anspruchsvolles Design und eine breite Auswahl an Spielautomaten sowie verlockende Bonusangebote aus [url=https://oscarspin-de.pages.dev]oscarspin[/url] . Besonders fur deutsche Glucksspieler bietet die Plattform eine sichere und einfach zu bedienende Umgebung, die sowohl Neulinge als auch erfahrene Glucksspieler anspricht. Mit dem Fokus auf Spitzenleistung und Transparenz hat sich Das Casino als eine der nachgefragtesten Adressen fur digitale Glucksspiele in der Region etabliert.

    Ein wichtiger Starkenpunkt von OscarSpin ist die umfassende Palette an Spielen, die auf der Plattform verfugbar sind. Spieler finden hier nicht nur klassische Slots, sondern auch Live-Casino-Spiele sowie klassische Spiele wie Roulette Poker oder exklusive Gewinnspiele. Besonders die Auswahl an modernen Slot-Maschinen mit aufregenden Grafiken und spannenden Features wie Free Spins, Mehrfachgewinne und Sonderrunden sorgt fur ein spannendes Spielerlebnis. Die Spiele sind auf unterschiedlichen Geraten wie Desktop-PCs, Laptops, Tablets Handys optimal zuganglich, sodass Spieler flexibel und uberall spielen konnen.

    Fur neue Spieler bietet OscarSpin ein lockeres Einfuhrungsangebot, das oft aus einer Kombination aus Geldbonus und kostenlosen Spielen besteht. Dies ermoglicht es den Nutzern, das Casino kennenzulernen und vorlaufige Gewinne zu sammeln. Die Registrierung ist einfach und rasant erledigt – Spieler mussen nur wenige Informationen angeben und erhalten unverzuglich Zugang zu ihrem personlichen Account. Der Login-Prozess ist ebenfalls einfach und reibungslos, sodass Spieler zu jedem Zeitpunkt ohne Probleme in ihr Spiel zuruckkehren konnen.

    Ein wichtiger Faktor ist die Vertrauenswurdigkeit und Fairness des Casinos. OscarSpin arbeitet mit lizenzierten und regulierten Anbietern, die strenge Anforderungen erfullen. Die Plattform nutzt fortschrittliche Verschlusselungstechnologien, um die Daten der Spieler zu schutzen, und sorgt so fur ein geschutztes Milieu. Zudem sind alle Spiele mit zuverlassigen Fairness-Algorithmen ausgestattet, was die Fairness der Ergebnisse garantiert.

    Fur Spieler, die ihr gewonnenes Geld abheben mochten, bietet OscarSpin mehrere Zahlungsmethoden, darunter Uberweisungen per Bank, Digitale Geldborsen wie Skrill Neteller sowie Kartenzahlungen. Die Auszahlungen erfolgen in der Meisten rasant und ohne unbegrundete Wartezeiten. Wer sich fur eine Anmeldung bei OscarSpin interessiert, sollte jedoch die aktuellen Allgemeinen Geschaftsbedingungen und Bonusbedingungen prufen, da diese je nach Land und Partner variieren konnen.

    Am Ende ist OscarSpin eine top Wahl fur alle, die ein modernes und sicheres digitale Spielplattform suchen. Mit einer gro?en Auswahl an Spielen, attraktiven Belohnungen und einer intuitiven Oberflache bietet die Plattform ein rundum positives Erlebnis fur Spieler – sowohl fur Neulinge als auch fur erfahrene Spieler. Wer nach einem seriosen Casino in der Bundesrepublik sucht, sollte das Casino definitiv in Betracht ziehen.

  4. Этот обзор содержит информацию о передовых достижениях в области медицины. Мы разберем инновационные технологии, которые меняют подход к лечению и диагностике, а также их влияние на эффективность оказания медицинской помощи.
    Практические советы ждут тебя – [url=https://homerenow.ru/pages/narkologicheskaya-pomosch-na-domu-pri-alkogolizme/]выезд нарколога на дом в москве[/url]

  5. Этот медицинский обзор сосредоточен на последних достижениях, которые оказывают влияние на пациентов и медицинскую практику. Мы разбираем инновационные методы лечения и исследований, акцентируя внимание на их значимости для общественного здоровья. Читатели узнают о свежих данных и их возможном применении.
    См. подробности – [url=https://mama-creative.com/kodirovanie-ot-alkogolizma-metody-effektivnost-i-riski/]Кодировка от алкоголя[/url]

  6. Зависимость часто развивается постепенно. Сначала употребление кажется контролируемым, затем алкоголь или наркотики начинают влиять на здоровье, отношения и повседневную жизнь. Человек может регулярно запивать, не выполнять обязанности, конфликтовать с окружением и терять контроль над количеством употребляемых веществ. Если самостоятельно решить проблемы невозможно, стоит позвонить специалистам.
    Узнать больше – https://narkologicheskaya-klinika-v-krasnoyarske20.ru/

  7. В этой публикации мы обсуждаем современные методы лечения различных заболеваний. Читатели узнают о новых медикаментах, терапиях и исследованиях, которые активно применяются для лечения. Мы нацелены на то, чтобы предоставить практические знания, которые могут помочь в борьбе с недугами.
    Подробнее – [url=https://housefindr.ru/pages/narkolog-na-dom-stoimost/]нарколог на дом частная скорая помощь[/url]

  8. В данной статье рассматриваются физиологические и эмоциональные аспекты зависимости. Мы обсудим, как организм реагирует на зависимое поведение, и какие методы помогают восстановить здоровье и внутреннее равновесие.
    Связаться за уточнением – [url=https://zdorof.ru/kak-vybrat-kliniku-kodirovaniya-ot-alkogolizma/]deltaclinic рязань[/url]

  9. В этом обзоре представлены различные методы избавления от зависимости, включая терапевтические и психологические подходы. Мы сравниваем их эффективность и предоставляем рекомендации для тех, кто хочет вернуться к трезвой жизни. Читатели смогут найти информацию о реабилитационных центрах и поддерживающих группах.
    Изучить эмпирические данные – [url=https://airsoftpowerplay.com/kodirovanie-ot-alkogolizma-put-k-zhizni-bez-zavisimosti]кодирование от алкоголизма в Рязани[/url]

댓글 달기

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