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”의 71,070개의 댓글

  1. В большинстве случаев лечение начинается с детокса, затем подключается психотерапия и, при желании пациента, кодирование. Чтобы не столкнуться с рецидивом, важно соблюдать все рекомендации доктора и не отказываться от реабилитационного этапа. Только комплексный подход дает устойчивый результат и помогает избежать повторных запоев. Обращаясь в клинику, вы получаете полный спектр услуг — от вывода из запоя до восстановления и ресоциализации.
    Изучить вопрос подробнее – [url=https://3.vyvod-iz-zapoya-balashiha13.ru/]vyvod-iz-zapoya-na-domu-balashiha-ceny[/url]

  2. В данной статье мы поговорим о будущем медицины, акцентируя внимание на прорывных разработках и их потенциале. Читатель узнает о новых подходах к лечению, роли искусственного интеллекта и возможностях персонализированной медицины.
    Уточнить детали – [url=https://vmenopauze.ru/raznoe/effektivnaya-kodirovka-ot-alkogolizma-kak-vernut-kontrol-nad-svoey-zhiznyu.html]delta clinic ru рязань[/url]

  3. Медицинская публикация представляет собой свод актуальных исследований, экспертных мнений и новейших достижений в сфере здравоохранения. Здесь вы найдете информацию о новых методах лечения, прорывных технологиях и их практическом применении. Мы стремимся сделать актуальные медицинские исследования доступными и понятными для широкой аудитории.
    Личный опыт — читайте сами – [url=https://24topnews.ru/obshhestvo/kodirovanie-ot-alkogolizma-v-ryazani-put-k-svobode-i-novomu-nachalu/]закодироваться от алкоголя[/url]

  4. В данной статье мы акцентируем внимание на важности поддержки в процессе выздоровления. Мы обсудим, как друзья, семья и профессионалы могут помочь тем, кто сталкивается с зависимостями. Читатели получат практические советы, как поддерживать близких на пути к новой жизни.
    Выяснить больше – [url=https://flatfinders.ru/pages/nuzhen-narkolog-na-dom/]нарколог на дом быстро[/url]

  5. Εφόσον αναζητάτε μια μοναδική εμπειρία στο online στοίχημα και τα καζίνο, κατά συνέπεια το highflybet παριστάνει έναν προορισμό που συνιστάται να μελετήσετε [url=https://high-fly-bet-30.pages.dev]highflybet greece[/url] . Η εφαρμογή highflybet casino έχει καταφέρει να αποσπάσει την πίστη των στοιχηματιστών παρουσιάζοντας μια μεγάλη ποικιλία επιλογών που καλύπτουν κάθε προτίμηση. Σχετικά με τους υποστηρικτές του ρίσκου, τα στοιχήματα highflybet χαρίζουν υψηλές επιστροφές και μια πολυμορφία αθλητικών γεγονότων, αλλά για όσους διαλέγουν τα φρουτάκια και τα τραπέζια, το high fly bet casino παραμένει μια σταθερή επιλογή.

    Το highflybet greece αναπτύχθηκε με βάση την εργονομία και την θωράκιση των μελών. Είτε αποτελείτε άπειρος ή έμπειρος παίκτης, το highflybet gr χαρίζει ένα καταφύγιο κατά το οποίο η ευχαρίστηση αγκαλιάζει την καινοτομία. Το high fly bet greece προσδίδει μεγάλη προτεραιότητα στην ταχύτητα των συναλλαγών και στην άμεση καθοδήγηση, διαβεβαιώνοντας διότι η περιήγηση σας θα είναι διαρκής. Επιλέξτε το casino highflybet, απολαμβάνετε από μια προηγμένη πλατφόρμα που εκσυγχρονίζεται συχνά με νέους τίτλους παιχνιδιών.

    Αρκετοί χρήστες οι οποίοι προτιμούν το highflybet ελλάδα διαπιστώνουν την ποικιλομορφία των παροχών που υπάρχουν στο site. Το high fly bet καζινο διακρίνεται για τα εντυπωσιακά σχέδια του και την εξυπηρέτηση που προσφέρει στους πελάτες του, αναδεικνύοντας το μία από τις σημαντικότερες επιλογές στην ελληνική αγορά. Όταν ψάχνετε εμπιστοσύνη, εύρος και συναρπαστικές περιπτώσεις δράσης, η παρουσία στο high fly bet είναι το λογικό αυτονόητο κίνηση για κάθε παίκτη που στοχεύει να αναβαθμίσει το επίπεδο του τζόγου του. Η εφαρμογή αυτή εμπεριέχει όλα τα βασικά στοιχεία για να αποτελέσει τον απόλυτο χώρο σας. Με συνεχή βελτίωση των προσφορών του, το highflybet παραμένει να πρωταγωνιστεί στις επιλογές του εγχώριου συνόλου, χαρίζοντας προστασία, πληθώρα και κορυφαία εμπειρία σε κάθε κλικ. Μη διστάσετε την δυνατότητα να μάθετε διότι οι πάντες αναφέρονται για αυτόν τον δυναμικό οργανισμό στον κλάδο των τυχερών παιχνιδιών.

  6. mojabetlogin-assaupt

    At the Mojabet platform, we place the highest importance on the security and protection of our users at all times [url=https://mojabetlogin.com/privacy-policy]moja bet[/url] . When you engage with our offerings, you are entrusting us with your personal information, and we take that responsibility seriously. Our commitment to openness is demonstrated in the official privacy policy found on the moja bet site, which details exactly how we collect, process, and safeguard your sensitive data. By visiting our privacy page, you can fully understand of the protocols we have implemented to ensure your activity remains private and secure.

    We understand that in the realm of digital betting and sports betting, data privacy is a major priority. That is why the Mojabet staff utilizes advanced encryption technologies to protect your transactions and account details from external threats. Our document clarifies that we only collect data necessary to confirm your identity, oversee your profile, and provide you with a tailored service. We never share your personal data to outside companies, ensuring that your journey with mojabet remains confidential and secure from start to finish.

    The security document also outlines your legal entitlements as a user. You have the ability to access the information we hold about you, the option to request corrections, and the option to decline certain marketing communications. We advise all users to review these terms periodically to stay informed about how we manage your online activity. Our website is designed with user-centric security features to give you peace of mind while you enjoy your favorite games.

    Regardless of if you are making a wager or updating your account, knowing that your information is processed with the highest standards of professionalism is essential. We encourage you to visit our dedicated privacy page to read the full scope of our safety protocols. Confidence is the cornerstone of the Mojabet network, and we work hard to maintain that trust through rigorous security standards continuously. Your safety continues to be our primary focus as we continue to grow.

  7. Si estas buscando un portal de confianza para vivir de las mejores apuestas, es fundamental conocer las opciones disponibles en el pais [url=https://latribet-app-4.vercel.app]resena latribet[/url] . El sitio latribet-app-4.vercel.app se ha consolidado como un referente para los usuarios que buscan entrar de forma agil y facil a los productos de latribet ecuador. Esta plataforma destaca por ofrecer una experiencia adaptada para dispositivos moviles, permitiendo que la emocion de jugar este siempre al alcance de tu mano sin importar donde te encuentres.

    Al hacer un analisis de latribet, queda claro que la proteccion y la variedad son sus bases principales. Los jugadores frecuentes suelen compartir sus latribet opiniones resaltando la fluidez del sistema y la amplia gama de eventos deportivos disponibles. Por otro lado, quienes prefieren el casino latribet encontraran una gran variedad que incluye desde las clasicas tragamonedas hasta interesantes juegos de mesa con crupieres en vivo. La reputacion de latribet ec ha crecido gracias a su compromiso con un juego transparente y seguro, lo cual es esencial para cualquier usuario en territorio ecuatoriano.

    Si revisas cualquier latribet reviews especializada, notaras que la facilidad de navegacion dentro de su interfaz es uno de los puntos mejor valorados. Ademas, el latribet ecuador casino cuenta con una estructura disenada para que tanto principiantes como expertos puedan hacer sus apuestas o disfrutar de sus sesiones de casino latribet con total tranquilidad. Esta latribet resena subraya que la plataforma se esfuerza constantemente por optimizar sus tiempos de carga y la disponibilidad de sus servicios.

    En conclusion, si buscas un espacio serio para apostar en Ecuador, explorar lo que ofrece este sitio es un excelente punto de partida. La plataforma reune todo lo necesario para quienes buscan calidad, rapidez y confianza en un solo lugar. No es de extranar que cada vez mas usuarios prefieran unirse a la comunidad de latribet, aprovechando al maximo todas las beneficios que esta propuesta brinda para el mercado local de juegos y apuestas deportivas en linea.

  8. В этом обзоре мы обсудим современные методы борьбы с зависимостями, включая медикаментозную терапию и психотерапию. Мы представим последние исследования и их результаты, чтобы читатели могли быть в курсе наиболее эффективных подходов к лечению и поддержке.
    Полезно знать – [url=https://womenjournal2019.ru/vyvod-iz-zapoya-platno/]вывести из запоя в клинике[/url]

  9. В этой публикации мы исследуем ключевые аспекты здоровья, включая влияние образа жизни на благополучие. Читатели узнают о важности правильного питания, физической активности и психического здоровья. Мы предоставим практические советы и рекомендации для поддержания здоровья и развития профилактических подходов.
    Проверенные методы — узнай сейчас – [url=https://90is.ru/effektivnye-metody-kodirovaniya-ot-alkogolizma-nahodya-put-k-svobode/]лучшее кодирование от алкоголизма[/url]

  10. spinogambinoapp-Acade

    Verantwortungsvolles Spielen ist bei spinogambino ein wichtiger Grundsatz, das die Sicherheit und das Wohlbefinden aller Nutzer in den Mittelpunkt stellt [url=https://spinogambinoapp.de/verantwortungsvolles-spielen]spino gambino[/url] . Wer sich dazu entscheidet, das Angebot auf der Plattform zu nutzen, sollte stets einen besonnenen und kontrollierten Umgang mit Glucksspielen pflegen. Das Team von spino gambino legt viel Wert darauf, dass Unterhaltung im Vordergrund steht und das Spielverhalten niemals zur finanziellen oder personlichen Belastung wird.

    Um dieses Ziel zu erreichen, bietet die Seite unter dem Bereich verantwortungsvolles Spielen hilfreiche Werkzeuge und Informationen an. Spieler haben bei spinogambino beispielsweise die Moglichkeit, personliche Limits fur Einzahlungen, Einsatze oder die Spieldauer festzulegen. Diese Vorsichtsma?nahmen helfen dabei, das eigene Budget kontinuierlich zu uberwachen und sicherzustellen, dass das Spielen ein Hobby bleibt. Es ist ratsam, sich bereits vor dem Start ein festes Limit zu setzen und dieses strikte zu befolgen, um impulsive Entscheidungen zu vermeiden.

    Ein wichtiger Aspekt bei spino gambino ist zudem die Aufklarung uber die Risiken des Glucksspiels. Die Plattform stellt Materialien bereit, die dabei helfen, fruhe Anzeichen eines problematischen Spielverhaltens bei sich selbst oder anderen zu erkennen. Sollte der Eindruck entstehen, dass die Kontrolle uber das eigene Spielverhalten verloren geht, bietet spinogambino Hilfsangebote an. Dazu gehort auch die Option der Spielersperre, bei der der Zugang zum Spielangebot fur einen festgelegten Zeitraum oder dauerhaft deaktiviert werden kann.

    Zusatzlich verweist die Webseite auf professionelle Beratungsstellen und Organisationen, die professionelle Hilfe bei Spielsucht anbieten. Das Ziel ist es, eine sichere Umgebung zu schaffen, in der Fairness und Sicherheit an oberster Stelle stehen. Wer spino gambino nutzt, sollte sich bewusst sein, dass Glucksspiel immer mit einem finanziellen Risiko verbunden ist. Ein verantwortungsvoller Umgang setzt daher Selbstdisziplin und die Kenntnis der eigenen Grenzen voraus. Nutzen Sie die angebotenen Tools aktiv, um sicherzustellen, dass Ihr Erlebnis auf der Plattform stets sicher und kontrolliert bleibt. Ihre Sicherheit und die Wahrung eines gesunden Spielverhaltens haben bei spinogambino immer oberste Prioritat.

댓글 달기

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