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

  1. Чтобы сделать процесс понятным и управляемым, каждый шаг сопровождается измеримыми маркерами безопасности и эффективности. Корректировки — точечные, по правилу «одного изменения», что позволяет видеть вклад каждого действия и сохранять переносимость.
    Получить дополнительные сведения – [url=https://narkologicheskaya-pomoshh-v-kazani16.ru/]наркологическая психиатрическая помощь в казани[/url]

  2. vulkanvegas-Cheque

    Si vous cherchez d’une plateforme de jeux en ligne digne de confiance et divertissante, le site Vulkan Vegas s’impose comme une reference incontournable pour les joueurs francais [url=https://vulkanvegas-72.onrender.com]Vulkan Vegas Casino[/url] . En explorant les differentes sections de Vulkan Vegas France, on decouvre rapidement une ludotheque impressionnante composee des jeux phares des editeurs les plus connus du marche. Que vous soyez fan de machines a sous classiques, de jeux de table tactiques ou d’experiences en direct, le Casino Vulkan Vegas propose une plateforme ergonomique et securisee pour repondre a toutes vos envies.

    La question de la securite est primordiale pour tout amateur de jeux d’argent. Beaucoup d’utilisateurs se demandent Is Vulkan Vegas Legit et la reponse est affirmative grace a une licence officielle et des mesures de protection performantes qui garantissent l’equite des tirages. En consultant un Vulkan Vegas Review complet ou en lisant divers Vulkan Vegas Reviews, on constate que la plateforme jouit d’une excellente reputation aupres de sa communaute. Les joueurs apprecient notamment la vitesse des paiements et la diversite des methodes de depot et retrait proposees.

    Pour se faire une idee precise, il est utile de consulter un Vulkan Vegas Avis detaille. Les retours soulignent souvent la qualite du service client, disponible et reactif, ainsi que les bonus genereux offerts aux nouveaux inscrits comme aux joueurs reguliers. En parcourant un Avis Casino Vulkan Vegas, vous comprendrez rapidement pourquoi cette enseigne se distingue dans un secteur pourtant tres competitif. Le Vulkan Vegas Casino Avis met regulierement en avant la compatibilite mobile du site, permettant de profiter de ses sessions de jeu favorites en toute mobilite.

    En resume, si vous recherchez un site de jeux complet, Vulkanvegas est une destination de choix. En tenant compte de chaque Avis Vulkan Vegas, vous pourrez entamer votre aventure avec confiance. Entre son catalogue varie et son environnement securise, le Casino Vulkan Vegas continue de seduire les joueurs en quete d’une experience de haute qualite, faisant de cette plateforme une reference incontestee dans le paysage du jeu en ligne actuel.

  3. chicken-Acquita

    Should you be searching for an exhilarating encounter in the realm of digital gambling, the chicken road 1win game has rapidly become a fan favorite option [url=https://chicken-roadpredictor.net/1win]1win chicken road game[/url] . This distinctive release provides a invigorating break from standard wagering products, blending quick judgment with the prospect for substantial rewards. Many players scouring for 1win chicken road slots online discover themselves attracted to the straightforward but engaging mechanics that characterize this retro session. As you traverse the route, every pick signifies, rendering the chicken road 1 win journey equally tense and rewarding.

    One method to initiate is by trying the 1win chicken road demo. This allows novice players to comprehend the uncertainty and gain ratio minus wagering real funds promptly. Once you become relaxed with the interface, you can dive into the entire chicken road 1win adventure with actual wagers. The release is optimally enhanced for handheld gadgets, and those hunting for the 1win chicken road app free version will discover that the platform delivers a fluid move from computer to mobile play. Regardless of if you are at residence or traveling, the 1win chickenroad game guarantees that entertainment is always just a tap away.

    It is vital to note that while plenty of users hunt for 1win chicken road slots online, the game functions akin to an gaming prediction test rather than a typical rotating slot machine. This distinction is necessary for comprehending how to handle your strategy. By practicing with the 1win chicken road demo, you can develop a flow that suits your betting preference. For gamers who want to access the game easily, the official portal for the chicken road 1win game is the best trustworthy method to assure honest play and safe payments. If you appreciate titles that challenge your courage and instinct, the 1win chicken road game is a required addition to your digital library. Start your adventure today and observe how much you can advance on the track.

  4. Streef je tegenwoordig naar een spannend vers avontuur in de domein van digitale kansspelen? Dan is het goed om gepast te speuren naar wat deze website te aanbiedt [url=https://foxy-golds-4.vercel.app]foxy gold casino[/url] . In deze foxygold review gaan we diep in de functies en spelopties van deze opkomende speler. De site, die te ontdekken valt op het url foxy-golds-4.vercel.app, vergaart steeds meer de focus van gokkers die op jacht gaan naar een vlotte lay-out en een breed assortiment.

    Indien we kijken naar het foxygold casino, signaleert direct op dat de aandacht ligt op een soepele interface voor de gokliefhebber. Speciaal voor spelers uit foxygold nederland blijkt het aangenaam om te constateren dat de structuur helder is en dat de games vlot openen. Ongeacht of jij houdt van klassieke gokkasten, hippe automaten of de sensatie van tafelspellen, bij casino foxygold vind je altijd wel een spel die bij jouw voorkeuren aansluit. Het assortiment is divers en wordt vaak ververst, wat leidt voor een actieve spelomgeving.

    Een diepgaande foxygold casino review toont aan dat beveiliging en vermaak samen optrekken. Indien je kiest om je te registreren bij foxy gold, ervaar je al snel dat de speelervaring belangrijk is. Het is belangrijk om altijd verantwoord te spelen, maar het domein verschaft in ieder opzicht de noodzakelijke hulpmiddelen en een uitgebreid archief om je momenten aangenaam door te besteden. Groot aantal klanten zijn enthousiast over de visuele presentatie van het foxy gold casino, wat bijpast aan een meeslepende sfeer gedurende het gokken.

    Concluderend, voor wie op zoek is naar een vernieuwend foxygold online casino, is dit platform zeker het overwegen waard. Ofdat je nu al bekend bent met casino foxy gold of voor het eerst een gokje waagt, de gebruiksgemak van de url vormt het een laagdrempelige keuze. Het is een uitstekende tijd om de opties van dit platform persoonlijk te ontdekken en te bemerken waarom steeds meer gokkers kiezen voor de eigenzinnige manier van spelen van dit merk.

  5. Ein Spiel namens Chicken Road Testmodus hat in den letzten Zeiträumen immer mehr Interesse auf sich gezogen [url=https://chicken-road-game-140.onrender.com]Chicken Road Demo Play[/url] . Besonders die Probeversion bietet Interessenten die Freiheit, das Unterhaltung vor dem Echten Investition ausprobieren zu können.

    Auf der Website http://www.chickenroad-demo.de kannst du die Chicken Road Spiel-Vorschau kostenlos spielen und dich von der Spielmechanik beeindrucken. Diese Probeversion ist perfekt für alle, die sich für das Casino interessieren, aber noch zweifelnd sind, ob es ihren Wünschen entscheiden.

    Die Erfahrungen mit der Demo zeigen, dass das Unterhaltung durch seine intuitive Steuerung und das ansprechende Layout beeindruckt. Besonders in Deutschland ist das Unterhaltung unter dem Namen Chicken Road Testversion DE sehr nachgefragt, da es eine gute Option zu anderen Online-Casino-Spielen bietet. Viele Casinobesucher genießen die Freiheit, das Unterhaltung in der Demo-Version auszuprobieren, bevor sie sich für eine Investition treffen.

    Die Chicken Road Spiel-Online-Test bietet dabei eine realistische Simulation des Unterhaltungsangebots, sodass man sich wie in einem echten Spielort verspürt.

    Wer sich für eine Bewertung der Chicken Road Demo informiert, findet oft positive Rückmeldungen von Nutzern, die das Game als fesselnd und gerecht klassifizieren. Besonders die Logik des Testgames wird gelobt, da sie sowohl für Einsteiger als auch für erfahrene Spieler passend ist. Die Demo-Version ermöglicht, verschiedene Funktionen des Spiels zu erleben, ohne dass das Gefahr vorhanden ist, Investition zu aufzehren.

    Für Casinobesucher, die in Deutschland nach einer ausgezeichneten Vorschau fragen, ist die Demo-Version von Chicken Road DE eine gute Möglichkeit. Hier kann man das Casino in ganzer Form überprüfen und sich von der Spitzenleistung verstehen. Viele Nutzer schlagen die Spiel-Option der Demo-Version, da sie es vermittelt, das Spiel in Live-Modus zu erfahren und sich auf die verschiedenen Bonuschancen zu richten.

    Eine Chicken Road Demo Review zeigt, dass das Casino nicht nur durch seine Ausstrahlung, sondern auch durch seine Struktur überzeugt. Besonders die verschiedenen Gewinnchancen und die verlockenden Bonusangebote machen das Unterhaltung zu einem Spitzenreiter unter Casino-Fans. Wer sich für die Demo-Casino von Chicken Road interessiert, findet hier eine vorteilhafte Option, das Unterhaltung vor dem Echten Einsatz zu erleben.

    Fazit: Die Chicken Road Demo ist eine exzellente Option, das Spiel zu verstehen, bevor man sich für eine Geldeinlage entscheidet. Besonders in Deutschland ist die Demo-Version sehr nachgefragt, da sie eine treue Simulation vermittelt und Nutzern die Freiheit vermittelt, das Spiel in Konzentration zu erfahren. Wer sich für eine Chicken Road Testversion für Deutschland informiert, wird hier zufrieden und kann das Spiel in voller Form erfahren.

  6. Learning the cookie policy regarding your preferred online gaming platforms is fundamental for a guarded and open experience [url=https://spino-gambino-casinoapp.org/cookie-policy]spino gambino[/url] . At spinogambino, we stand devoted to offering total clarity regarding how we collect and process data to enhance your duration on our site. Our authorized cookie policy, reachable through the spino gambino website, describes how we employ mini text files saved on your gadget to advance site performance and personalize your user journey.

    When you access our utilities, spinogambino utilizes cookies to recall your selections, for instance language options and display options. These operational cookies remain vital for the smooth operation of our slots, ensuring that your session stays secure and secure. Furthermore, we can utilize performance cookies to examine how visitors browse our page. This data proves nameless and supports us locate which parts of the platform demand refinement, permitting us to supply a quicker and highly responsive interface for any player.

    We further employ functional cookies to give a bespoke gaming experience. By noting you at your return, the spino gambino platform is able to offer special content and special updates that match with your desires. Just be mindful that third-party entities, like payment systems or monitoring tools integrated into our site, could additionally set their personal cookies. We advise users to review our entire policy to comprehend how these third vendors engage with your profile.

    You possess absolute control over your personal settings. Numerous web tools permit you to manage or remove cookies via their settings menu. While rejecting particular cookies can enhance your anonymity, please recognize that it might limit access to some services on spinogambino. Our personnel regularly updates our procedures to meet universal data security rules, ensuring that your data stays secure at each times. By proceeding to access the spino gambino app and website, you accept our employment of cookies as described in our policy. We urge you to study the entire document on our portal to keep informed concerning your online footprint.

  7. Общаемся без осуждения и давления, сохраняя спокойную атмосферу для пациента и семьи.
    Изучить вопрос подробнее – [url=https://5.kapelnica-ot-zapoya-v-moskve14.ru/]поставить капельницу от запоя на дому[/url]

  8. tipos casino bonus peniaze za hry
    automaty zdarma szzlГ­g hot kde zГ­skat free spiny automaty kasino zadarmo Hry online za peniaze sk casino bonus dnes automaty zdarma nove
    automaty online free bonus hracie automaty zdarma bez registrГЎcie

  9. spinogambinobet-knots

    A protecao e a confianca dos jogadores sao pilares fundamentais para qualquer plataforma de entretenimento online e o site spinogambino trata este tema com maxima prioridade [url=https://spinogambinobet.com.pt/politica-de-privacidade]spino gambino[/url] . Ao aceder a seccao de privacidade no endereco oficial da marca, os jogadores encontram um acordo transparente com a protecao dos dados pessoais e a clareza no tratamento das informacoes recolhidas. A gestao adequada desses dados e essencial para garantir que a experiencia em spino gambino decorra num ambiente protegido e regulado.

    A politica de privacidade detalha exatamente quais as informacoes que sao recolhidas durante a navegacao e o registo no portal. Isto inclui desde dados de identificacao basica ate detalhes de sistema necessarios para otimizar o funcionamento do site e assegurar que as transacoes financeiras sejam processadas com os mais elevados padroes de encriptacao. Ao utilizar os servicos da plataforma spinogambino, o utilizador consente automaticamente o processamento das suas informacoes conforme as diretrizes estabelecidas, sendo que a empresa garante que estes dados nunca sao partilhados com terceiros sem um fundamento legal ou consentimento explicito.

    Alem da protecao de dados, o site investe em ferramentas modernas para prevenir fraudes e assegurar que a integridade da plataforma spino gambino seja mantida a todo o momento. A transparencia e, portanto, a base para estabelecer uma ligacao de confianca com a comunidade. Se tiver duvidas sobre como os seus dados sao guardados, como sao utilizados para personalizar a sua experiencia ou como pode exercer os seus direitos de acesso e retificacao, a consulta desta pagina especifica e o primeiro passo recomendado. O cuidado com que a marca spinogambino trata estas questoes demonstra um elevado profissionalismo, reforcando o porque de tantos jogadores confiarem na marca como uma opcao protegida e confiavel para o seu entretenimento. Manter-se informado sobre a politica de privacidade e uma pratica recomendada para garantir que a sua jornada em spino gambino continue a ser divertida, privada e, acima de tudo, extremamente segura.

댓글 달기

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