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

  1. chickenroad-Playmn

    O jogo da galinha tornou-se um dos titulos mais procurados entre os entusiastas de apostas digitais, especialmente na plataforma da Pari Match [url=https://chickenroad-app-casino.pt/parimatch]pari match chicken road[/url] . Se busca emocao e diversao, o chicken road parimatch oferece uma experiencia dinamica onde a estrategia e a sorte se encontram de forma unica. O objetivo central e conduzir a galinha em seguranca, evitando obstaculos e assegurando que o premio seja conquistado com sucesso.

    Ao entrar no chicken road da parimatch, os jogadores encontram uma interface intuitiva e graficos atrativos. O jogo de casino chicken road foi criado para oferecer uma navegacao fluida, permitindo que tanto novatos como especialistas aproveitem de todas as funcionalidades disponiveis. A mecanica do jogo e simples, mas cativante, tornando o chicken road pari match casino uma opcao popular para quem procura entretenimento de alta qualidade.

    Para aqueles que querem experimentar antes de apostar, existe a possibilidade de aceder ao modo demonstracao do jogo, uma otima maneira de entender as regras e o funcionamento antes de partir para apostas reais. Quando se sente preparado, o processo para chickenroad pari match jogar e rapido e direto, assegurando acesso imediato aos desafios. O pari match chicken road sobressai no cenario dos casinos por proporcionar um ambiente seguro e justo para todos os jogadores portugueses.

    Muitos buscam o chicken road slot parimatch devido a sua alta taxa de retorno e aos bonus integrados que tornam a jornada ainda mais interessante. Sendo o titulo de apostas da parimatch uma referencia no setor, a confianca na marca e um pilar essencial para os jogadores. Se aprecia jogos de ritmo acelerado, nao pode perder o jogo chicken road, que eleva a barra da diversao online. Explore as alternativas, crie a sua estrategia e aproveite da emocao de cada ronda nesta casa de apostas que continua a conquistar milhares de fas diariamente. Prontifique-se para entrar na estrada e ver ate onde a sua sorte o pode levar hoje mesmo na Pari Match.

  2. A Clucking Path Trial is the well-liked online entertainment slot that has captured massive focus towards homegrown casino lovers hunting for thrilling and dynamic spin journeys. If you’re intrigued about giving it a go, accessing the Fowl Lane Test using sites like a leading casino network gives the superb approach to investigate the spin prior to investing genuine funds. This demo form allows enthusiasts to feel the gameplay, traits, and qualities without any economic exposure, rendering it an top selection to all beginners and experienced gamblers.

    This of some key advantages of spinning the Chicken Road Demo is your capacity to familiarise your gaming skills with the spin’s distinctive build and placing choices. Clucking Road is renowned for its lively graphics, fast-paced playing, and the chance to secure huge via increasing jackpots and special rounds. The demo form enables you to test different methods, modify wager values, and realise how the spin’s fairness system works, confirming honest play. If you’re passionate in Fowl Lane Preview Insights or purely aspire to assess if it suits your likes, the demo gives an safe means to formulate a informed call.

    Concerning those curious, “Does Fowl Lane Test Hold Up?”, it’s important to acknowledge that the preview form on its own is forever legitimate, given it runs under an equal engine and approval as the genuine edition. Nevertheless, when gambling for cash, it’s essential to choose the trusted online entertainment which is approved by the UK Gambling Commission. This guarantees honest spinning, protected transactions, and mindful playing standards. Plenty of players also look for Clucking Road Preview Analysis to acquire opinions from people who have sampled the game, supporting them decide if it’s it’s worth spinning against real capital.

    While you’re searching to Test Fowl Lane, the test version is your best starting step. It enables you to feel an joy of enjoying the drums, triggering special features, and pursuing payouts without certain stress. The game’s renown within the homegrown caused to many analyses about Clucking Road Preview Features, addressing its paytable, win-back ratio, and special aspects like bonus rounds. By gambling the demo, you can experience directly how these unique elements add to the complete playing session.

    To conclude, when you’re testing Clucking Road Preview that an instance or merely desire to improve your personal approach, the preview edition is an invaluable asset. It provides a guaranteed way to experience Chicken Road Demo Play, assisting you assess if the slot suits for your personal choices until placing actual capital. Ensure opt for regulated sites to confirm an guarded and enjoyable journey.

  3. spinogambino-erews

    Si deseas trasladar la emocion del juego a cualquier lugar, la spinogambino app es la solucion ideal para los entusiastas de las apuestas en Espana [url=https://spinogambino-bet.com.es/app]download spinogambino[/url] . Disenada para ofrecer una experiencia fluida y rapida, la aplicacion permite a los usuarios acceder a su catalogo favorito directamente desde su dispositivo movil. Al elegir el download spinogambino, te aseguras de tener una interfaz intuitiva y optimizada, pensada especialmente para quienes no quieren perderse ni un segundo de accion mientras estan en movimiento.

    Hacer la descarga de spino gambino es un proceso facil que abre las puertas a un entorno de juego fiable y divertido. Esta spinogambino casino app destaca por su estetica actual, permitiendo una navegacion agil entre miles de tragamonedas y juegos de mesa en vivo. Debido a la aplicacion de casino spinogambino, cada partida se siente inmersiva, adaptandose perfectamente a la pantalla de tu movil sin sacrificar la calidad visual ni el rendimiento tecnico.

    Para aquellos que prefieren la comodidad del juego tactil, la spinogambino app casino ofrece ventajas exclusivas, como notificaciones sobre ofertas exclusivas y un acceso rapido a tu cuenta personal. La app de casino spino gambino ha sido creada cumpliendo con los mas niveles de excelencia, asegurando que el juego sea justo y transparente. Si experimentas cualquier duda tecnica o necesitas asistencia con tu cuenta, el equipo de soporte a traves del servicio de atencion al cliente de spinogambino esta siempre disponible para darte la ayuda necesaria y solucionar tus consultas de manera rapida.

    No dejes pasar la oportunidad de optimizar tu experiencia digital. Integrar la spinogambino online casino app en tu dia a dia es la eleccion mas acertada si buscas portabilidad y potencia. Disfruta de la total autonomia y la seguridad que ofrece esta plataforma lider. Bajate hoy mismo la aplicacion y descubre por que miles de usuarios en todo el territorio espanol apuestan en este plataforma de calidad para sus sesiones de entretenimiento favoritas. La diversion esta a solo un toque de distancia, siempre que dispongas de tu dispositivo favorito.

  4. Si vous etes a la recherche de une plateforme de jeux en ligne fiable et ludique, le Casino Vulkan Vegas s’est impose comme une reference incontournable sur le marche [url=https://vulkan-vegas-73.onrender.com]Is Vulkan Vegas Legit[/url] . De nombreux joueurs en quete d’une experience immersive se tournent vers cette interface pour profiter d’une vaste ludotheque composee de machines a sous, de jeux de table classiques et de casino en direct. Pour ceux qui s’interrogent sur la fiabilite de l’operateur, la question de la legitimite de Vulkan Vegas revient souvent dans les recherches. Il est important de souligner que Vulkan Vegas met en place des protocoles de securite avances pour proteger les donnees de ses utilisateurs, garantissant ainsi un environnement de jeu equitable et securise.

    En consultant un avis detaille sur Vulkan Vegas complet, vous constaterez rapidement que la plateforme se distingue par ses offres promotionnelles avantageuses et ses promotions regulieres. Les joueurs situes en France apprecient particulierement la fluidite du site et la qualite des logiciels fournis par les meilleurs developpeurs de l’industrie. En lisant les differents temoignages sur Vulkan Vegas disponibles en ligne, il devient evident que la reactivite du service client et la diversite des methodes de paiement sont des points forts souvent mis en avant.

    Un bon Vulkan Vegas Casino Avis souligne egalement l’ergonomie de l’interface, qui permet de naviguer intuitivement entre les differentes categories de jeux. Que vous soyez un joueur experimente ou un nouveau venu, les avis casino Vulkan Vegas mettent en lumiere la simplicite du processus d’inscription et la rapidite des retraits. En somme, l’operateur reussit le pari de concilier divertissement haut de gamme et rigueur technique. Avant de commencer votre aventure, n’hesitez pas a parcourir les nombreux commentaires sur Vulkan Vegas pour mieux comprendre les conditions liees aux bonus. En resume, le Casino Vulkan Vegas reste une option de choix pour les amateurs de jeux d’argent en ligne. La reputation de la marque continue de grandir, confirmant que cet operateur sait repondre aux attentes exigeantes de sa communaute de joueurs a travers le monde.

  5. Помню, у знакомого была ситуация. Трясло так, что чашку не мог удержать. Нарколог на дом — И снимает это состояние. Потом выравнивают давление. Врач нарколог на дом анонимно и круглосуточно — Без осуждения и лишних вопросов. Можете ознакомиться по ссылке: врач нарколог на дом круглосуточно [url=https://lomka.narkolog-na-domu-msk.ru]врач нарколог на дом круглосуточно[/url] И про срочный выезд для жителей столицы. Не тяните до последнего.

  6. Близкий пьёт неделю. Но многие боятся огласки. Клиника нарколог на дом — Без осуждения. Врач нарколог на дом анонимно и круглосуточно — Без чужих глаз. Советую глянуть источник: номер нарколога на дом [url=https://klinika.narkolog-na-dom-msk-alk.ru]номер нарколога на дом[/url] И про вызов врача для жителей столицы. Берегите себя и близких.

  7. У друга отец пил неделю. Мать в панике. Детокс нарколог на дому — это когда врач приезжает сам. Потом поспал. Вывод из запоя на дому — Без постановки на учёт. Советую глянуть источник: нарколог на дом круглосуточно москва [url=https://detoks.narkolog-na-domu-msk.ru]https://detoks.narkolog-na-domu-msk.ru[/url] Там и про телефон нарколога на дом для нашего города. Иногда промедление дорого стоит.

  8. chicken-Illense

    Poultry Road Gaming Hub is an online recreation site that has captured attention among English punters looking for a exciting and captivating playground experience [url=https://chicken-road-game-131.vercel.app]Chicken Road Casino[/url] . Whether you’re intrigued about its authenticity, gameplay, or how it measures to other web-based entertainment hubs, this breakdown provides a comprehensive examination to help you develop an smart judgement.

    One of the fundamental components of Clucking Highway Playground is its accessibility. The website is structured with a intuitive design, making it straightforward for both novices and seasoned players to explore. The gaming hub provides a range of games, spanning spin-based games, traditional activities, and live hosted choices, targeting different tastes. If you’re especially hunting for a Feathered Lane Gaming Hub activity in the English market, you’ll locate a selection that contains well-loved activities and special offerings that define it apart from conventional entertainment hubs.

    When weighing whether Poultry Highway Entertainment Den is legit or otherwise, it’s important to look various aspects. The site appears as a authentic web-based entertainment hub, as it works under strict laws and provides a guarded entertainment space. Players can relish live funds gaming with equitable chances and clear payouts, which are critical for credibility. Moreover, the platform includes customer service routes to guide with any questions, further improving its credibility.

    For those interested in Chicken Lane Casino reviews, testimonies from players commonly emphasises the effortless experience and variety of routes on hand. Many punters appreciate the convenience of payment and cash-out routines, which are essential for a seamless entertainment experience. The gaming hub also provides incentives and rewards, adding additional reward for enthusiasts pursuing to boost their enjoyment.

    If you’re curious how to engage Chicken Track Entertainment Den, the venture is straightforward. Easily create an account an account, check your ID (as needed by UK betting standards), and kick off discovering the activities. Whether you prefer spinning the dials on slots or testing your competence at traditional activities, the hub provides a diverse selection of choices.

    In review, Poultry Highway Entertainment Den emerges as a consistent alternative for UK gamblers hunting an fun and honest entertainment adventure. With its focus on trustworthiness, variety, and convenience, it’s deserving considering if you’re pursuing to participate Chicken Highway titles for actual cash. Consistently guarantee you entertain sensibly and within your capabilities.

  9. As soon as you interact with an web-based gambling site, comprehending the way your data is handled is just as essential as the activities you play. At Spinogambino, we value user trust and openness, which is why our security policy is designed to be lucid and accessible. When you go to the site [url=https://spino-gambino-bonusreview.net/privacy-policy]Spino Gambino[/url] , you will discover comprehensive info on how we accumulate, process, and safeguard your private records.

    The privacy terms for Spino Gambino details the distinct categories of material we acquire, like correspondence info, access data, and digital data employed to improve your browsing session. We use this data to verify that your time on our platform is safe and customized to your individual likes. By using our page, you acknowledge that you have read and grasped these practices. We are devoted to top-tier defense measures to stop illicit intrusion or leaking of your private data.

    A substantial part of our commitment to you involves making sure that your interactions with Spino Gambino remain secret. We do not hawk or swap your personal data to outside parties for marketing goals without your clear permission. Additionally, our domain employs internet cookies to boost utility and follow usage patterns, allowing us to deliver you the extremely suitable reward evaluations and gaming info. You continuously retain command regarding your preference options via your software configurations.

    If you ever have questions regarding your information entitlements or require to petition the erasure or adjustment of your information, our privacy policy details the precise steps you can take to contact our help staff. We appreciate the bond we possess with our community and think that informed players produce a better play space. We urge all users to take a while to review the document in entirety at the listed link. By staying knowledgeable concerning how Spino Gambino handles your records, you can continue to enjoy our features with absolute tranquility and confidence in our expert standards. [url=https://acroxer.com/bbs/board.php?bo_table=Anatomy_Forum&wr_id=443311]Grasping the Privac[/url] [url=http://1.s.2.free.fr/viewtopic.php?f=13&t=445495&p=536178#p536178]Understanding the Privacy Terms at our Gambling Platform[/url] 610d23f

  10. Επιθυμείτε κάποια καινούργια δοκιμασία στον χώρο των ψηφιακών τυχερών παιχνιδιών; Το only spins casino έχει αποσπάσει την εκτίμηση των χρηστών που προτιμούν μια εξελιγμένη και σοβαρή πλατφόρμα. Σε αυτό το only spins casino review, θα παρουσιάσουμε όλες τις λεπτομέρειες που καθιστούν το onlyspins μια ελκυστική επιλογή. Η ιστοσελίδα που βρίσκεται στη διεύθυνση [url=https://only-spins-52.web.app]only spins casino review[/url] προσφέρει μια τεράστια ποικιλία παιχνιδιών που ικανοποιούν κάθε γούστο, από κλασικούς κουλοχέρηδες μέχρι σύγχρονα live καζίνο παιχνίδια.

    Ένα από τα αρχικά στοιχεία που θα προσέξετε κάνοντας το only spins login είναι ο εύκολος και φιλικός προς τον παίκτη διαμοιρασμός του διαδικτυακού τόπου. Το onlyspins casino έχει επενδύσει στην απλότητα περιήγησης, δίνοντας τη δυνατότητα στους συνδρομητές να βρίσκουν τα αγαπημένα τους παιχνίδια με ελάχιστα μόνο πατήματα. Όσο γράφαμε του only spins review, ανακαλύψαμε ότι η ταχύτητα εκκίνησης και η συμβατότητα με κινητές συσκευές είναι σταθερά πλεονεκτήματα, χαρίζοντας μια απρόσκοπτη εμπειρία παιχνιδιού σε όποιο μέρος κι αν διαμένετε.

    Το casino only spins διακρίνεται επίσης για τα πακέτα επιβράβευσης και τις δώρα του. Οι λάτρεις που επιλέγουν το onlyspins καζίνο κερδίζουν από συχνά μπόνους που μεγαλώνουν τις πιθανότητες νίκης τους. Παράλληλα, η ασφάλεια συνιστά προτεραιότητα, εγγυώμενοι ότι τα προσωπικά σας στοιχεία και οι πληρωμές σας παραμένουν προστατευμένα.

    Κλείνοντας, αν διαβάζετε αυτό το onlyspins casino review για να αποφασίσετε αν αποδίδει να επιχειρήσετε την τύχη σας, η απάντηση είναι θετική. Το only spins προσφέρει ένα σταθερό περιβάλλον διασκέδασης με ποιοτικά γραφικά, δίκαια παιχνίδια και κορυφαία εξυπηρέτηση πελατών. Είτε είστε παλαιός παίκτης είτε αρχάριος, το μόνο που χρειάζεται είναι να ολοκληρώσετε τη διαδικασία για το only spins login και να ανακαλύψετε τις ευκαιρίες που σας χαρίζει το casino only spins. Μην χάνετε χρόνο και ανακαλύψτε σήμερα τι μετατρέπει το onlyspins καζίνο έναν από τους κορυφαίους προορισμούς στο διαδίκτυο. Η ψυχαγωγία και οι έντονες εμπειρίες σας καρτερούν στην πλατφόρμα, η οποία εγγυάται μια σπάνια εμπειρία σε κάθε περιστροφή των τροχών.

댓글 달기

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