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

  1. В этой статье рассматривается комплексный подход к избавлению от зависимости. Читатель узнает, как сочетание физического, психологического и духовного восстановления помогает достичь стойкого выздоровления.
    Изучите внимательнее – [url=https://furnipro.info/publ/kak_sdelatj_mebeli/raznoe/kodirovanie_ot_alkogolizma_shag_k_trezvosti/9-1-0-1852]эффективная кодировка от алкоголизма[/url]

  2. spinogambino-Teami

    W przestrzeni cyfrowej rozrywki coraz większą renomę zdobywa spinogambino, strona przyciągająca graczy poszukujących rożnorodności i wysokiej jakości usług [url=https://spinogambino.agro.pl]spinogambino review[/url] . Jeśli zastanawiasz się, czy spinogambino casino jest odpowiednim wyborem dla Ciebie, warto przyjrzeć się bliżej ofercie tego serwisu. Jako nowoczesne casino spinogambino oferuje dostęp do setek automatow, gier stołowych oraz rozwiązań na żywo, ktore przenoszą doświadczenie hazardowe na zupełnie nowy poziom. Gracze z Polski coraz częściej odwiedzają spinogambino online casino, doceniając przejrzysty interfejs oraz intuicyjną nawigację po stronie.

    Jeśli interesuje Cię szczegołowy spinogambino review, warto zwrocić uwagę na kilka kluczowych aspektow, takich jak szybkość wypłat, jakość obsługi klienta oraz dostępność bonusow powitalnych. Wielu graczy wpisujących w wyszukiwarki frazę spino gambino szuka przede wszystkim bezpiecznego środowiska do gry. Pod tym względem spinogambino pl wypada bardzo solidnie, stawiając na nowoczesne szyfrowanie danych i rzetelną politykę prywatności. Analizując popularne w sieci spinogambino opinie, można zauważyć, że użytkownicy chwalą sobie przede wszystkim bibliotekę gier oraz regularne promocje, ktore wzbogacają rozgrywkę.

    Wybierając spinogambino kasyno, warto pamiętać o odpowiedzialnym podejściu do hazardu. Każdy gracz powinien sprawdzać aktualne spinogambino casino opinie, aby być na bieżąco z najnowszymi informacjami dotyczącymi platformy. Serwis stara się sprostać oczekiwaniom najbardziej wymagających użytkownikow, oferując zarowno klasyczne sloty, jak i nowoczesne gry z krupierami na żywo. Podsumowując, jeśli poszukujesz miejsca, ktore łączy w sobie ciekawą szatę graficzną, szeroki wybor gier oraz profesjonalne wsparcie, warto sprawdzić to rozwiązanie. To interesująca propozycja dla osob ceniących sobie komfort gry z poziomu przeglądarki, niezależnie od tego, czy korzystasz z komputera, czy urządzenia mobilnego. Pamiętaj, aby zawsze grać z rozwagą i traktować każdą sesję w serwisie jako formę relaksu. Sprawdź ofertę osobiście i przekonaj się, dlaczego ta witryna cieszy się coraz lepszą renomą w branży.

  3. купить бошки гашиш марихуану лсд экстази купить марки лсд купить Мефедрон, Гашиш, Бошки, Альфа-ПВП мефедрон телеграмм гашиш тг трамадол 50 мг купить
    где продают гашиш купить соль наркотик купить экстази бошки гашиш в турцииhttps://severodonetskkupit.xyz где купить канабис купить метамфетамин

  4. Whenever searching towards a premium gambling destination, gamers remain steadily directing their attention to the golden lion experience. The platform provided via [url=https://golden-lion-5.vercel.app]golden lion[/url] delivers a streamlined approach to digital leisure, centering on supplying a seamless layout for enthusiasts who value excellence and trustworthiness. Since you investigate the various facets of the golden lion casino, you will observe that the webpage is designed to provide to as much beginner participants and experienced veterans looking for a contemporary approach to gaming.

    Assuming you are currently viewing a goldenlion casino review, you will probably witness a persistent theme about the site’s usability and efficiency. Numerous visitors note that the goldenlion platform triumphs at delivering fast loading times and user-friendly browsing. Regardless of if you are searching for a specific game name or trying away novel methods, the casino golden lion surroundings is designed to ensure that each round seems interesting and fluid. For players inquisitive about what the goldenlion casino online community has to say, feedback commonly highlights the strong selection of titles available and the clear structure of the framework.

    Executing a detailed goldenlion review is crucial for understanding the way this page measures to other companies in the market. The casino goldenlion approach is novel, concentrating on essential play mechanics and a player-centric mindset that ensures members returning home. Provided you are expressly interested in the golden lion online experience, you will discover that the Vercel-hosted interface provides a clean, stylish aesthetic that avoids the clutter regularly seen on past gaming portals. Using selecting to bet on this service, you are engaging with a system that prioritises speed and simplicity. Whether you are a occasional user or a person who appreciates regular rounds, the golden lion setup grants a reliable and safe path to enjoy your preferred pastimes. Due to its increasing fame, it is not shocking that many are now selecting this destination for their gambling requirements, validating that the present golden lion offering is a prime rival for players hunting a streamlined, high-quality digital adventure.

  5. Si estes buscando maximizar tu experiencia de juego y aumentar tus posibilidades de exito, es vital conocer las mejores oportunidades disponibles en la web [url=https://needfor-slotscasino.es/bonus]need for slots casino bonus[/url] . El sitio indicado es el punto de partida ideal para cualquier jugador que quiera aprovechar al maximo a su sesion de juego. Al revisar su seccion de ofertas, descubriras por que el incentivo de la plataforma se ha transformado en uno de los premios mas valorados por la audiencia de jugadores en Espana.

    La variedad de beneficios que ofrecen es impresionante. Para aquellos que estan iniciandose en la web, el paquete de bienvenida ofrece un empujon inicial necesario para explorar su vasta seleccion de tragamonedas con mas fondos. No obstante, la plataforma no se olvida de los usuarios registrados, quienes pueden acceder a menudo a diversos bonos y ofertas disenados para mantener la emocion viva durante toda la semana.

    Uno de los aspectos mas buscados es el bono de registro gratuito, una herramienta excepcional que permite a los usuarios testear juegos novedosos sin necesidad de arriesgar su capital desde el inicio. Esta es, sin duda, una manera ideal de acostumbrarse con la dinamica de los juegos antes de realizar un deposito mayor. Ademas, para los fanaticos de las tiradas gratuitas, el bono de giros gratis es una promocion recurrente que permite aprovechar de las mejores maquinas tragamonedas con posibilidades extra de conseguir premios.

    Estar pendiente de las ofertas de la plataforma es clave para no dejar pasar ninguna oportunidad unica. Recomendamos consultar el sitio regularmente para revisar los terminos y condiciones de cada bonificacion, garantizando asi un entretenimiento seguro y divertido. Con estas ventajas, la plataforma prueba su compromiso con la satisfaccion del usuario, brindando una vivencia emocionante donde cada tirada cuenta. Ya sea que prefieras la emocion de los bonos de prueba o los paquetes de bienvenida, el sitio mencionado es tu referencia principal para jugar de forma habil y estrategica en el mundo de los juegos de azar en internet.

  6. Нарколог на дом в Челябинске — это услуга, которая позволяет получить профессиональную медицинскую помощь при алкогольной или наркотической интоксикации без необходимости посещения клиники. Такой формат особенно востребован в случаях, когда пациент не может самостоятельно прибыть в медицинское учреждение или нуждается в конфиденциальной помощи. Врач-нарколог выезжает по указанному адресу, проводит осмотр, оценивает состояние и подбирает оптимальную терапию. Квалифицированное вмешательство помогает избежать осложнений и стабилизировать состояние уже в течение первых часов после прибытия специалиста.
    Изучить вопрос глубже – [url=https://narkolog-na-dom-v-chelyabinske16.ru/]нарколог на дом круглосуточно в челябинске[/url]

  7. В зависимости от показателей обследования капельница может решать несколько задач:
    Ознакомиться с деталями – [url=https://5.kapelnica-ot-zapoya-v-moskve14.ru/]vracha-kapelnicu-ot-zapoya[/url]

  8. Η επιλογή μιας αξιόπιστης πλατφόρμας για online τυχερά παιχνίδια αποτελεί βασικό μέλημα για κάθε παίκτη που αναζητά ψυχαγωγία και ασφάλεια [url=https://leon-6.erwinsukma06.workers.dev]leon[/url] . Το leon casino έχει καταφέρει να ξεχωρίσει στην αγορά, προσφέροντας μια πλήρη γκάμα υπηρεσιών που καλύπτει τις ανάγκες ακόμα και των πιο έμπειρων παικτών. Μέσα από την πλατφόρμα, οι παίκτες μπορούν να βρουν μια τεράστια ποικιλία από slots, επιτραπέζια παιχνίδια και ζωντανά καζίνο, όλα σε ένα περιβάλλον που χαρακτηρίζεται από ταχύτητα.

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

    Το casino leon έχει εναρμονιστεί πλήρως στις απαιτήσεις της ελληνικής αγοράς, παρέχοντας υποστήριξη για όσους ενδιαφέρονται για το leon casino gr. Είναι σημαντικό να τονιστεί ότι η ασφάλεια των συναλλαγών στο leon casino ελλαδα αποτελεί ακρογωνιαίο λίθο της λειτουργίας του, προστατεύοντας τα προσωπικά δεδομένα και τις οικονομικές πληροφορίες των μελών. Είτε είστε λάτρης του παιχνιδιού τράπουλας, είτε προτιμάτε τη δράση των σύγχρονων slots, το leon προσφέρει τις κατάλληλες συνθήκες για να δοκιμάσετε την τύχη σας.

    Η εγγραφή και η πρόσβαση στο leoncasino γίνονται με μεγάλη ευκολία, επιτρέποντας στους παίκτες να μεταβούν γρήγορα στο παιχνίδι χωρίς περιττές καθυστερήσεις. Η πλατφόρμα συνεχίζει να βελτιώνεται, προσφέροντας ελκυστικά μπόνους και προγράμματα επιβράβευσης που ενισχύουν την εμπειρία παιχνιδιού. Αν λοιπόν αναζητάτε έναν αξιόπιστο και ασφαλή προορισμό για το παιχνίδι σας, το leon αποτελεί μια από τις πλέον καλύτερες επιλογές στον χώρο του διαδικτυακού στοιχήματος και των καζίνο, προσφέροντας συνδυασμό μεταξύ ψυχαγωγίας και υπεύθυνου παιχνιδιού.

  9. Этот текст посвящён сложным аспектам зависимости и её влиянию на жизнь человека. Мы обсудим психологические, физические и социальные последствия зависимого поведения, а также важность своевременного обращения за помощью.
    Только для своих – [url=https://sovety-dlja-vseh.ru/narkologicheskij-centr-delta-klinika-v-ryazani-nadezhnaya-pomoshh-na-puti-k-vyzdorovleniju/]медицинское кодирование от алкоголизма[/url]

댓글 달기

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