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”의 67,779개의 댓글

  1. В этой медицинской статье мы погрузимся в актуальные вопросы здравоохранения и лечения заболеваний. Читатели узнают о современных подходах, методах диагностики и новых открытий в научных исследованиях. Наша цель — донести важную информацию и повысить уровень осведомленности о здоровье.
    Погрузиться в научную дискуссию – [url=https://notarwise.ru/pages/narkologicheskij-centr-v-voronezhe/]наркоклиника[/url]

  2. spinogambino-sibra

    Exploring the immense realm of online amusement often appear daunting, but discovering the perfect site creates all the distinction for avid enthusiasts [url=https://spinogambino-casinogame.com/tags]spinogambino casinogame[/url] . For people looking to streamline their journey, browsing spinogambino-casinogame.com/tags functions as an superb gateway to curated media. By utilizing a tag-based indexing method, the portal guarantees that members can promptly pinpoint specific types, topics, and designs of games that match their individual preferences. Whether you are a fan of classic slots, high-stakes card play, or inventive fresh adventures, the organized framework provided at spinogambino-casinogame.com allows a personalized expedition through their extensive library.

    The chief advantage of browsing the tag index remains speed. Rather of randomly scrolling through numerous selections, participants are able to filter data according to studio, trendiness, or exclusive mechanical systems. This user-centric design philosophy is a benchmark of spinogambino-casinogame.com, which values fluid navigation to preserve the gaze on the actual fun. By segmenting games into distinct sections, the portal aids both new gamers and expert pros discover concealed treasures they might have previously overlooked. Furthermore, the frequent edits to these labels signify that fresh titles are constantly classified accurately, confirming you remain at the vanguard of the newest industry movements.

    Past basic indexing, the category zone at spinogambino-casinogame.com encourages a much more engaging community experience. It permits members to plunge thoroughly into niches that intrigue them greatest, crafting a tailored space that reflects a luxury gaming room. If you currently searching for a reliable, quick, and highly structured method to experience your favorite pastimes, leveraging the labeling protocol represents a shrewd plan. It alters the way you surf, changing a standard inquiry into a intentional exploration. Explore spinogambino-casinogame.com now to witness the way their clever sorting can boost your digital play rounds and grant you immediate reach to the exact types of games you love the most. Productivity, variety, and simplicity of application persist the core pillars of this site for any gamer.

  3. Основными направлениями работы являются:
    Получить дополнительную информацию – [url=https://narkologicheskaya-klinika-sochi0.ru/]наркологическая клиника нарколог[/url]

  4. ohmyspins5-scetilk

    Wer, der auf der Pirsch nach einem modernen und spannenden Online-Glucksspielerlebnis ist, kommt an oh my spins keinesfalls vorbei [url=https://oh-my-spins-5.web.app]ohmyspins[/url] . Das oh my spins casino konnte sich in wenig Zeit einen Namen als attraktive Plattform fur Anhanger von Spielautomaten und Live-Casino-Games gemacht. Jener, der sich fur die Seite ohmyspins-5.web.app entscheidet, entdeckt dort eine beeindruckende Auswahl an Spielen von bekannten Herstellern, die fur Entertainment und Action burgen. In der detaillierten recensione ohmyspins wird ersichtlich, dass vor allem das Layout und die intuitive Benutzerfuhrung die User begeistern. Viele Nutzer aussern positive oh my spins erfahrungen, da die Fuhrung auf der Webseite gleichermassen am Desktop als auch mobil durchweg flussig lauft. Wenn der Interessent sich die diversen ohmyspins erfahrungen betrachtet, beobachtet man auf, dass namentlich die Fulle der Promotionen und die fairen Spielbedingungen gepriesen werden. Ein entscheidender Faktor fur jeden Spieler ist selbstverstandlich die Geborgenheit und Tempo bei Zahlungsvorgangen. In Bezug auf die ohmyspins auszahlung zeigen sich die Kunden uberwiegend zufrieden, da die Ablaufe effizient gestaltet sind. Das casino ohmyspins achtetet darauf, dass Betrage zugig und sicher transferiert werden, was das Glauben der Spielerschaft festigt. Auch die oh my spins casino recensioni betonen, dass das Angebot aus Game-Portfolio, Kundensupport und systemischer Qualitat schlussig ist. Das oh my spins casino offeriert zudem ein Treueprogramm, das regelmassige Spieler fur ihre Aktivitat honoriert. Wer also ein serioses und reizvolles Umfeld fur sein Hobby sucht, ist beim casino ohmyspins bestens aufgehoben. Resumierend lasst sich sagen, dass die Seite durch Offenheit und ein grosses Portfolio an exzellenten Games uberzeugt. Es ist sinnvoll, sich die Webseite personlich einmal anzusehen, um zu kontrollieren, ob das Angebot den personlichen Vorlieben entspricht. Mit einem intensiven Fokus auf Vergnugen und Benutzerfreundlichkeit schafft ohmyspins eine erstklassige Umgebung, die sowohl fur Einsteiger als auch fur ambitionierte Zocker interessant ist. Wer eine gut begrundete Entscheidung fallen mochte, sollte die genannten ohmyspins erfahrungen und die generelle recensione ohmyspins als Orientierungshilfe verwenden.

  5. chickenroad-Slaps

    La creación *”La Ruta del Ave”* ha despertado enorme atención en los meses, notablemente tras su lanzamiento en plataformas como Plataformas de Nube, donde páginas como *”aveinteractiva-es-99.host” permiten acceder desde el navegador [url=https://chickenroad-es-56.onrender.com]El Juego De Chicken Road Es Real O Falso[/url] . Pero, ¿puede considerarse *”El Sendero Interactivo” una verdadera obra auténtica tan solo una ingeniosa experiencia virtual? Muchos personas se plantean esta cuestión, al observar el lema *”¿El Gallo en la Carretera es Verdadero?”* en espacios modernos. La verdadera esencia es que este experiencia, ideado por el visionario artista interactivo *”NexusArt”, es una creación que integra diversión, psicología y digitalización.

    La creación consiste en un usuario que necesita seleccionar qué adoptar en dirección opuesta o bien hacia la ruta principal en esta carretera, con implicaciones paradójicas pero notablemente excelentemente desarrolladas. Aunque puede parecer tan solo ejercicio de elección, su arquitectura y historia lo transforma una única aventura. Muchos lo analizan con un experimento psicológico, donde toda acción demuestra comportamientos reales. Por esta razón, cuando alguien pregunta *”¿Lo de Chicken Road es real?”*, la conclusión es que efectivamente, pero no: es una creación digital que invita a la reflexión.

    Varios personas han dicho si *”El Juego del Gallo”* es una trampa, pero en realidad es una valiosa creación que une innovación multimedia que ha alcanzado reconocimiento por su fácil acceso. El sitio *”aveinteractiva-es-88.host”* permite probar a él sin necesidad de procesos, lo que agiliza su experiencia. Aunque no posee un juego con imágenes avanzados, su impacto humano y su potencial para crear debate lo hace especial.

    Si te preguntas *”¿Chicken Road: ¿arte o engaño?”*, la conclusión es que es una experiencia significativa, pero mediante el método creativo. Su éxito depende en la forma en que conecta con las profundas emociones de las personas, fomentando que cada jugador se reflexione: *”¿Cómo habría reaccionado?”*. Por eso, aunque en un primer momento pueda solo anécdota, *”Chicken Road”* ha excedido como una reveladora pieza que provoca a una introspección. Si aún no lo han experimentado, resulta la pena asignar varios segundos para explorar por qué ha creado tan enorme atención.

  6. Эта информационная публикация освещает широкий спектр тем из мира медицины. Мы предлагаем читателям ясные и понятные объяснения современных заболеваний, методов профилактики и лечения. Информация будет полезна как пациентам, так и медицинским работникам, желающим поддержать уровень своих знаний.
    Где можно узнать подробнее? – [url=https://trezviy-gorod.ru/stati/pishchevaya-zavisimost-depressiya.html]наркологический центр наркология[/url]

  7. Troska o prywatność internautow oraz pełna przejrzystość w zakresie obrobki rekordow to filary pracy nowoczesnych stron www [url=https://spino-gambino.info.pl/polityka-plikow-cookie]spino gambino[/url] . Jeżeli używasz portalu spinogambino, z pewnością dostrzegłeś, że społka przywiązuje ogromną istotność do bezpieczeństwa własnych klientow. Istotnym fragmentem tych inicjatyw jest regulamin ciasteczek, ktora precyzyjnie opisuje, w w jaki metodą serwis zbiera oraz wdraża wpisy przechowywane w Twojej przeglądarce. Portal spino gambino promuje czytelne zasady, ktore umożliwiają wszystkim użytkownikowi na rozważne kierowanie własną prywatnością w cyberprzestrzeni.

    Pliki cookie stosowane przez spinogambino wykonują grupę kluczowych zadań. Za sprawą ktorych strona jest w stanie działać szybciej i stabilniej, adaptując do osobistych upodobań gościa. Ten mechanizm umożliwia przykładowo na zachowanie parametrow językowych bądź sesji użytkownika, co istotnie podnosi wygodę eksploatacji z usług, ktorą ukazuje serwis spino gambino. Warto dodać, polityka plikow cookie dostępna w serwisie wyjaśnia, że dane te bywają używane rownież w zadaniach analitycznych oraz liczbowych. Ułatwia to właścicielom serwisu głębiej zrozumieć oczekiwania odbiorcow oraz ciągle doskonalić oferowane możliwości.

    Pamiętaj, że dowolny internauta posiada pełną władzę nad ciasteczkami. W menu ustawień własnej aplikacji możesz w każdej chwili zredukować albo definitywnie zablokować dostęp do przechowywanie tych rekordow. Szczegołowe wskazowki w sprawie tej procedury, a oraz jak konkretnie witryna spinogambino zarządza informacjami technicznymi, ujrzysz osobiście w specjalnej części na stronie internetowej. Transparentność w danym obszarze to wizytowka marki, ktora troszczy się o to, aby wspołpraca z klientem bazowała na rzetelności. Jeżeli masz wszelkie obawy odnoszące się do wykorzystania danych cookies przez portal spino gambino, z pewnością warto wejść do zapisu dostępnej w stopce witryny. Poprzez to uzyskujesz przekonanie, że Twoje prywatne informacje są chronione według aktualnymi normami, a Ty możesz w pełni używać usługami portalu bez zbędnych stresow o ochronę danych. [url=http://evsagro.com/bbs/board.php?bo_table=inquiry&wr_id=1415]Piecza o prywatność użytkownikow oraz całkowita przejrzystość w kwestii regulaminu ciasteczek serwisu spino gambino[/url] [url=https://chillforum.pl/viewtopic.php?t=43953]Piecza o anonimowość użytkownikow oraz pełna przejrzystość w kwestii regulaminu ciasteczek serwisu spino-gambino.info.pl[/url] fe1_c50

  8. Мы рассмотрим современные вызовы здравоохранения и пути их решения с помощью технологий и научных исследований. В статье собраны данные о новых лекарствах, методах диагностики и системном подходе к улучшению здоровья населения.
    Осуществить глубокий анализ – [url=https://stop-narcology.ru/article/alkogol-i-opioidy-pochemu-eto-sochetanie-smertelno-opasno/]платная наркологическая клиника[/url]

  9. spinogambino-Teami

    W przestrzeni cyfrowej rozrywki coraz większą renomę zdobywa spinogambino, platforma przyciągająca graczy poszukujących rożnorodności i wysokiej jakości usług [url=https://spinogambino.agro.pl]spinogambino[/url] . Jeśli zastanawiasz się, czy spinogambino casino jest właściwym wyborem dla Ciebie, warto dokładnie sprawdzić 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 pewnego miejsca 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 urozmaicają 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.

  10. Мы рассмотрим современные вызовы здравоохранения и пути их решения с помощью технологий и научных исследований. В статье собраны данные о новых лекарствах, методах диагностики и системном подходе к улучшению здоровья населения.
    Заходи — там интересно – [url=https://new-narkolog.ru/stati/detoksikaciya-ot-alkogolya-stacionar-ambulatorno/]наркология[/url]

댓글 달기

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