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”의 68,727개의 댓글

  1. Стартовый осмотр должен быть быстрым и осмысленным. Мы исключаем «обязательные» исследования, которые не меняют тактику, и оставляем то, что прямо влияет на состав инфузии, темп, место ведения (дом/амбулатория/стационар) и объём поведенческих рекомендаций. Решения принимаются на свежих цифрах и клинической картине «здесь и сейчас», а повторные замеры назначаются не «по привычке», а по смыслу. Это экономит силы пациента и время команды, а главное — уменьшает фармакологическую нагрузку без потери безопасности.
    Выяснить больше – [url=https://narkologicheskaya-klinika-stavropol15.ru/]платная наркологическая клиника ставрополь[/url]

  2. chickenroad-gaipt

    Das Chicken Road Spiel hat sich in der Welt der Online-Unterhaltung zu einem echten Phanomen entwickelt [url=https://chickenroad-de-62.vercel.app]Chicken Road Game Casino[/url] . Spieler in ganz Deutschland suchen nach Informationen uber diesem unterhaltsamen Titel. Wer sich mit der Materie beschaftigt, stellt sich oft die grundlegende Frage: Ist Chicken Road serios und lohnt sich ein Versuch? Bei einer Analyse zu Chicken Road Erfahrungen zeigt sich, dass viele Spieler von der einfachen Handhabung und der aufregenden Spielmechanik des Spiels uberzeugt wurden. Der Chicken Road Slot uberzeugt durch ein simples Prinzip, bei dem es darum geht, Hindernisse zu umgehen, um den Gewinn zu maximieren. Viele Interessenten stellen sich hingegen bei neuen Plattformen die Frage, ob es sich bei Chicken Road um ein Echt oder Fake Angebot handelt. Hier ist es wichtig, stets auf Sicherheit und Transparenz bei der Wahl des Anbieters zu achten. Wenn Sie Chicken Road spielen mochten, sollten Sie stets darauf achten, dass Sie eine sichere Plattform fur Ihr Spielerlebnis wahlen. In Deutschland vergro?ert sich die Fangemeinde fur das Casino-Spiel kontinuierlich, da der Spielverlauf fur Einsteiger sowie Experten einfach gestaltet ist. Die Frage, ob man Chicken Road als vertrauenswurdig einstufen kann, hangt dabei stark von der jeweiligen Website ab, auf der man das Chicken Road Spiel genie?t. Die Struktur ist benutzerfreundlich gestaltet und ladt dazu ein, das Chicken Road Casino Erlebnis direkt anzutesten. Abschlie?end kann man festhalten, dass das Spiel durch sein unterhaltsames Konzept besticht. Achten Sie bei Ihren Spielrunden jedoch immer darauf, verantwortungsbewusst zu agieren und nur auf Plattformen zu spielen, bei denen Sie sich wohlfuhlen. Wer auf der Suche nach einer neuen Herausforderung im Bereich Glucksspiele ist, wird bei diesem Titel sicherlich fundig. Testen Sie es, aber behalten Sie stets die allgemeinen Sicherheitsregeln fur Online-Spiele im Hinterkopf, um das Beste aus Ihrer Zeit bei dem Spiel herauszuholen.

  3. chickenroad-immolf

    Poultry Highway Gambling Paradise is an online entertainment space that has drawn curiosity among punters in the United Kingdom and beyond [url=https://chickenroad-game-207.web.app]Play Chicken Road Casino[/url] . As a go-to haven for those pursuing to indulge a diverse range of playing games, it’s essential to comprehend what sets apart this site dominate—or whether it’s a secure pick for genuine wagering.

    Whether you’re hunting for *Chicken Road Casino United Kingdom* choices or simply interested about its authenticity, this analysis will guide you in making an well-researched decision.

    Initially, when weighing *Chicken Road Casino Reviews*, it’s clear that punters value its broad selection of games, including wheel games, desk pastimes, and streamed host alternatives. The venue offers a user-friendly layout, making it open for both novices and skilled players. Yet, one of the primary regular concerns among new players is, *Is Chicken Road Casino Legit Or Not?* While the venue seems active and provides real-money entertainment, it’s vital to verify its authorisation and measures before adding resources. Regulated platforms in the UK are required to maintain valid approvals from governing organisations like the Commission for Gambling Oversight, guaranteeing fair entertainment and punter safety.

    For those intrigued about *Chicken Road Casino Game Uk* accessibility, the space accommodates enthusiasts from the UK, providing a range of pastimes in live funds. Whether you’re searching to sample well-known wheel games or evaluate your competence at baccarat, the range assures there’s a pastime for all. Many enthusiasts also seek *Chicken Road Casino Game Real Money* options, and the space absolutely deliver such avenues, though it’s sensible to examine for just chances and thoughtful entertainment standards.

    If you’re still questioning about whether *Chicken Road Casino* is reliable, it’s worth to note that gambler stories diverge. Some gamblers document positive accounts with seamless entertainment and swift payouts, while others have expressed questions about payout delays or game equity. To ensure a sound wagering journey, properly review for honest guidelines, safe settlement methods, and upbeat *Chicken Road Casino Game Review* accounts from trusted sources.

    Put simply, *Chicken Road Casino* presents itself as a viable selection for UK players craving to savor online playing pastimes. However, as with any web-based gambling site, comprehensive study and care are essential. Regularly prioritise certified sites, thoughtful playing practices, and transparent feedback from the platform to confirm a sound and delightful venture. Whether you’re just starting or exploring to diversify your wagering range, appreciating the advantages and cons of *Chicken Road Casino* will guide you in choosing if it’s the suitable pick for you.

  4. В этой публикации мы обсуждаем современные методы лечения различных заболеваний. Читатели узнают о новых медикаментах, терапиях и исследованиях, которые активно применяются для лечения. Мы нацелены на то, чтобы предоставить практические знания, которые могут помочь в борьбе с недугами.
    Узнай первым! – [url=https://koteloksit.ru/metody-vyvoda-iz-zapoya-chto-neobhodimo-znat-kazhdomu-patsientu/]наркологическаяклиникадельта[/url]

  5. В мегаполисе привычный ритм часто мешает системному лечению: плотный график, транспортные задержки, высокая социальная видимость. Чтобы терапия проходила спокойно, «НеоТрезвие СПБ» использует «немаркированную» логистику: нейтральные формулировки в документах, аккуратные визиты, разнесенные по времени консультации специалистов и персональный координатор. По желанию пациента часть этапов — образовательные сессии и посткодовое сопровождение — выполняются онлайн. Это снижает тревогу и делает маршрут лечения менее заметным для окружения.
    Получить больше информации – http://kodirovanie-ot-alkogolizma-v-spb16.ru/kodirovanie-sankt-peterburg/https://kodirovanie-ot-alkogolizma-v-spb16.ru

  6. Этот обзор медицинских исследований собрал самое важное из последних публикаций в области медицины. Мы проанализировали ключевые находки и представили их в доступной форме, чтобы читатели могли легко ориентироваться в актуальных темах. Этот материал станет отличным подспорьем для изучения медицины.
    Провести детальное исследование – [url=http://секреты-вязания.рф/narkologicheskaya-pomoshh-v-balashihe-vyzov-na-dom-i-lechenie-v-staczionare.html]наркологическая клиника дельта[/url]

  7. Для наглядности ниже приведена таблица с основными направлениями медикаментозной терапии и их эффектами:
    Подробнее можно узнать тут – [url=https://narkologicheskaya-klinika-v-samare16.ru/]запой наркологическая клиника в самаре[/url]

  8. A modern wagering environment boasts a brand-new competitor grabbing the attention of users within Canada [url=https://spino-gambinocasino.ca]spino gambino erfahrungen[/url] . For people seeking a vibrant and engaging platform, the spinogambino casino provides a thorough betting environment that equates fun with user-friendly functions. Whether you are a fan of up-to-date slot machines or timeless card games, the assortment found at this destination is designed to serve a varied spectrum of play tastes.

    During the process of exploring the spinogambino experience, prospective players frequently seek out reliable information to steer their decision. Perusing a thorough spinogambino review is a splendid first step to comprehending the platform’s structure, selection of titles, and safety measures. Players who spent moments on the platform often post their spinogambino erfahrungen to help beginners manage the sign-up procedure and claim promotional promos. The following insights into the spino gambino erfahrungen emphasize that the layout is intuitive, guaranteeing that furthermore people fresh to the digital casino realm can find their preferred games with ease.

    Protection and trustworthiness remain top goals for every person picking a spinogambino online casino. The casino spinogambino takes pride in upholding a secure environment where users can center on their play free from anxiety. By upholding a honest approach, the spinogambino casino online site has succeeded in build a reputation that is continuously increasing within the network. Many members who post their spinogambino casino erfahrungen emphasize the excellent standard of the graphics and the speed of the help desk department, which contributes considerable worth to the total experience.

    Assuming you are at this moment studying the top alternatives, the spino gambino casino is definitely deserving of attention. From its seamless browsing to its varied library of high-quality titles, it provides a balanced digital experience. To get started, you can investigate the site and discover why so many players are selecting this site for their betting desires. As you analyze the spino gambino offerings, you will likely find that it excels as a trustworthy and thrilling option in the intense realm of online gaming. [url=https://agbmarshall.com/2021/11/28/3-ways-to-level-up-your-photography/#comment-8055]A Comprehensive Review of the Spino Gambino Gaming Platform: A Reliable Choice for Online Betting Enthusiasts?[/url] [url=https://www.bruchlee.com/south-asian-geopolitics/%e0%a6%ad%e0%a7%82-%e0%a6%b0%e0%a6%be%e0%a6%9c%e0%a6%a8%e0%a7%80%e0%a6%a4%e0%a6%bf/#comment-80710]Discovering the Features of the Spino Gambino Gaming Platform: A Reliable Choice for Online Betting Enthusiasts?[/url] d23f5fa

  9. Капельница, устанавливаемая наркологом на дому в Челябинске, помогает быстро очистить организм от токсинов и нормализовать водно-солевой баланс. Растворы включают витамины, анальгетики, седативные и гепатопротекторные препараты. Эффект от процедуры ощущается уже через 20–30 минут. Капельница снижает головную боль, устраняет тошноту, восстанавливает работу печени и сердечно-сосудистой системы. Такой метод считается одним из самых эффективных способов вывести пациента из запойного или абстинентного состояния без визита в стационар.
    Разобраться лучше – http://narkolog-na-dom-v-chelyabinske16.ru

  10. If you are a fan of high-energy online gaming, navigating to the official portal is the initial move toward your upcoming jackpot [url=https://spin-granny-casino-bonuslogin.org/login]spingranny registration[/url] . Accessing the platform is a simple procedure designed to start your gaming session as quickly as possible. By visiting the spingranny casino login page, you can access a vast library of slots and table games customized for your interests. Whether you are a loyal member or a fresh user looking to explore the interface, the main sign-in page is your entry point to a seamless experience.

    The platform is optimized for computers, tablets, and smartphones, ensuring that your spin granny login experience remains smooth regardless of how you decide to game. Simply enter your account details to enter your personal dashboard, review your current promos, and update your preferences with ease. If you have not yet created an account, you will find that the sign-up procedure is efficient and user-friendly, requiring only a short amount of your time to get set up.

    Once you have finalized your spingranny sign in, you can explore special offers and loyalty rewards that are only for registered players. Security is a top priority, so always ensure you are using the legitimate domain when you perform your spin granny sign in to protect your sensitive information. With a wide range of titles ready for you to play, keeping your account accessible is essential for maintaining your progress and keeping track of your winnings.

    The platform is designed with the user in mind, prioritizing intuitive navigation and fast loading times. By using a protected link every time you log in, you can concentrate on the fun, which is experiencing the immersive gaming environment. Always protect your account credentials private and secure to ensure your gaming sessions stay secure. Whether you are aiming for the jackpot or just looking to enjoy a quick game, the official access point provides everything you need to improve your gaming journey today.

댓글 달기

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