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”의 61,486개의 댓글

  1. При поступлении вызова наши опытные специалисты незамедлительно приступают к комплексной диагностике состояния пациента. Первая задача – оценить уровень интоксикации и тяжесть симптомов, что включает измерение показателей артериального давления, пульса, температуры тела, а также уровня насыщения крови кислородом. На основании собранных данных формируется индивидуальная схема лечения, которая направлена на быстрое снятие симптомов ломки и стабилизацию нервной и иммунной систем.
    Подробнее тут – [url=https://snyatie-lomki-novosibirsk8.ru/]снятие ломки на дому в новосибирске[/url]

  2. В этой статье рассматриваются способы преодоления зависимости и успешные истории людей, которые справились с этой проблемой. Мы обсудим важность поддержки со стороны близких и профессионалов, а также стратегии, которые могут помочь в процессе выздоровления. Научитесь первоочередным шагам к новой жизни.
    Изучить материалы по теме – [url=https://northern-clinic.ru/stati/psihiatricheskaya-diagnostika-alkogolizma-kogda-nuzhno-obraschatsya-k-specialistu.html]наркология наркологический центр[/url]

  3. Она постоянно читает профессиональную литературу. Я решил найти ей хороший электронный медицинский журнал. Медицинский журнал — там есть статьи по всем специальностям. Говорит, что это лучшее вложение за последнее время. Особенно радует, что можно искать по ключевым словам. Все довольны. медицинский вестник юга [url=https://flatrenthq.ru]медицинский вестник юга[/url] Там все выпуски и архивы для города. Хотите читать качественные медицинские статьи — переходите по ссылке. Медицинский журнал — знания, которым можно доверять!

  4. Клиника «Детокс» работает с проблемой алкогольной зависимости комплексно. Экстренное снятие интоксикации рассматривается как первый этап лечения алкоголизма, а не как замена полноценной работе с зависимостью. После стабилизации пациент может получить консультацию психиатра, психолога или психотерапевта, пройти диагностику, кодирование и реабилитационную программу. Специалисты помогают человеку понять причины повторных запоев, восстановить сон, снизить тревожность и сформировать устойчивую мотивацию к трезвости. Анонимность и конфиденциальность сохраняются на всех этапах обращения.
    Получить больше информации – [url=https://vyvod-iz-zapoya-reutov15.ru/]вывод из запоя вызов[/url]

  5. Grasping the requirements and rules of an internet gaming platform is a necessary measure for any gamer looking to enjoy a guarded and honest experience [url=https://chicken-road-casinoapp.com/terms-and-conditions]chickenroad[/url] . When you access the primary page for the chicken road casino app, you are presented with a complete set of regulations that dictate how members interact with the portal. These frameworks are designed to secure equitable play, safeguard user confidentiality, and sustain a protected atmosphere for all leveraging the chickenroad services.

    By choosing to join and wager on this site, you instantly consent to abide to the regulations delineated in their official documentation. These clauses encompass essential components such as account status pre-requisites, loading and remittance mechanisms, and the particular bonus parameters that relate to incentive offers. It is deeply advised that all users spend a time to examine these areas thoroughly. Realizing accurately how the system controls your information and banking transactions delivers mental mind and prevents future errors subsequently.

    The chicken road group stresses safe gaming. Their rules page incorporates direct directions on how to define individual limits, manage your funds, and request help if you perceive that your gaming activities have turned problematic. Additionally, the paperwork defines the ownership rights of the online content supplied by the chickenroad application, verifying that users acknowledge the boundaries about the utilization of site resources.

    Should there happen any updates to their offerings or regulatory rules, the platform will post updates to these conditions accordingly. Frequently reviewing this area is a sound practice for consistent players. Given that you are navigating the app for casual enjoyment or challenging play, remaining acquainted with the rules guarantees that you continue in solid status with the service. If you find any clauses that are ambiguous, the help personnel is usually accessible to supply additional insight. By staying educated, you can entirely concentrate on the excitement of the matches while realizing you are acting within a well-regulated and structured system created for your security.

  6. В этом исследовании рассмотрены методы лечения зависимостей и их эффективность. Мы проанализируем различные подходы, используемые в реабилитационных центрах, и представим данные о результативности программ. Читатели получат надежные и научно обоснованные сведения о данной проблеме.
    Продолжить изучение – [url=https://realtytrend.ru/pages/stacionarnaya-narkologicheskaya-klinika/]частная наркологическая клиника спб[/url]

  7. Второй важный этап лечения — назначение лекарственных средств, направленных на нормализацию работы нервной системы, снижение симптомов абстиненции и профилактику срывов. Применение медикаментов подбирается индивидуально с учётом типа зависимости и общего состояния пациента.
    Выяснить больше – [url=https://lechenie-narkomanii-novosibirsk0.ru/]лечение алкоголизма и наркомании центр[/url]

  8. Wer auf dem Sprung nach einem modernen sowie aufregenden Casino-Abenteuer gilt, dass er, landet automatisch über das Portal spinrollz [url=https://spin-rollz-3.pages.dev]Spinrollz auszahlung erfahrungen[/url] . Das Angebot präsentiert sich in der Casino-Branche rasch einen Namen gemacht, und zudem viele Spieler erzählen, ob denn die Anmeldung wirklich lohnen würde. Zur Aufklärung, hilft ein Blick auf die neuesten Spinrollz erfahrungen, die zahlreiche User im Web preisgeben.

    Besonders im Fokus stehen dabei die Geldtransfers. Zu den beliebtesten Fragen zählen die Spinrollz auszahlung erfahrungen. Zocker wollen logischerweise erfahren, ob Profite flott plus verlässlich verbucht werden. Wer sich einmal die etlichen rezensionen für spinrollz casino liest, merkt schnell, dass die Masse der Nutzer mit den Finanztransaktionen vollauf zufrieden agiert. Die Transaktion agiert gewöhnlich reibungslos, während die Auszahlungsdauer abhängig von ausgewählter Transfermethode anders sein kann, sich aber meist sich im fairen Bereich hält.

    Das komplette Spinrollz casino online glänzt durch eine frische Webseite, eine immense Vielfalt an Slots und verlockende Bonusaktionen. Ein tieferer Blick verrät, dass jene Seite sowohl für Neuzugänge sowie für Grossspieler attraktiv ist. Bei jeder Spinrollz casino bewertung werden vor allem die einfache Navigation sowie der freundliche Kundenservice hervorgehoben.

    Wer direkte Spinrollz casino erfahrungen erleben möchte, findet auf der offiziellen Website einen unkomplizierten Beginn. Die virtuelle Spielbank liefert spannenden Zeitvertreib und faire Gewinnchancen. Abschließend kann man festhalten, dass Spinrollz hier zu den aufstrebenden Anbietern gehört, die man als Glücksspiel-Fan auf jeden Fall mal anspielen sollte. Die positiven Meinungen machen eines deutlich plus Vorfreude auf die ersten Runden.

  9. spinmamalogin-dypemn

    Sprawdz przestrzen wirtualnej zabawy z portalem Spinmama, ktory stal sie jednym z ulubionych miejsc dla milosnikow gier w sieci [url=https://spinmamalogin-app.pl/o-nas]Spinmama[/url] . Nasza platforma powstala z mysla o uzytkownikach poszukujacych pewnego i prostego dostepu do najlepszych tytulow oraz nowoczesnych technologii. Strona spinmamalogin-app.pl to podstawa, dzieki ktorej w szybki i prosty sposob dolaczysz do naszej spolecznosci, korzystajac z pelna funkcjonalnoscia serwisu bez zbednych komplikacji.

    W sekcji o nas zaznaczamy, ze misja zespolu Spin mama jest dostarczanie najwyzszej jakosci doswiadczen kazdemu graczowi. Stawiamy na jasne zasady, uczciwe reguly oraz dbalosc o najwyzsze standardy ochrony danych osobowych. Rozumiemy, ze w dzisiejszym zmiennym swiecie cyfrowym, wygoda oraz sprawnosc dzialania aplikacji mobilnej lub desktopowej maja kluczowe znaczenie. Dlatego nasza infrastruktura jest stale optymalizowana, aby zapewniac stabilnosc podczas kazdej sesji uzytkownika.

    Decydujac sie na Spinmama, zyskujesz sojusznika, dla ktorego satysfakcja klienta jest priorytetem. Nasza redakcja oraz specjalisci techniczni dbaja o to, aby kazda informacja dostepna na witrynie byla na czasie, a proces nawigacji prosty nawet dla osob, ktore dopiero zaczynaja swoja przygode z rozrywka online. Wierzymy, ze odpowiednia edukacja i dostep do sprawdzonych narzedzi pozwalaja czerpac z zabawy maksimum radosci w sposob odpowiedzialny.

    Jesli zastanawiasz sie, dlaczego warto wybrac nasze uslugi, odpowiedz jest oczywista – jestesmy zespolem entuzjastow, ktorzy doskonale znaja potrzeby nowoczesnego gracza. Marka Spin mama nieustannie ewoluuje, wprowadzajac innowacje, ktore podnosza standardy na rynku. Zapraszamy do zapoznania sie z pelna oferta naszego serwisu oraz do regularnego odwiedzania naszej strony, gdzie zawsze znajdziesz najnowsze aktualizacje i przydatne wskazowki. Nasz zespol doklada wszelkich staran, aby kazda wizyta u nas byla gwarancja profesjonalnego wsparcia i doskonalego klimatu rozrywki. Dolacz do rzeszy zadowolonych uzytkownikow, ktorzy juz dzis korzystaja z mozliwosci, jakie daje nasza platforma. Jestesmy tu dla Ciebie, troszczac sie o kazdy detal Twojego wygody online kazdego dnia.

  10. casinia-ornarie

    Cuando buscas una experiencia de juego en linea de alto standing, es esencial conocer las alternativas mas populares del sector presente. El sitio web [url=https://casinia-33.onrender.com]casinias casino[/url] se ha posicionado como una herramienta de referencia para los seguidores de las jugadas. Al examinar los casinias, resulta evidente que este dominio fusiona un estilo claro con una gama de entretenimientos espectacular, transformandose en el lugar perfecto para quienes aprovechan de la pasion del azar.

    Gran cantidad de usuarios que ingresan al casinias casino persiguen diversidad y confianza. En el sitio web oficial de casinias, los jugadores logran hallar a partir de las maquinas mas avanzadas incluyendo tablas de casino en vivo que reproducen la entorno de un casino real. Al consultar las casinias opiniones, es facil notar que la buena parte de los usuarios destaca la velocidad de sus abonos y la excelencia de su servicio de atencion al cliente. En este orden, las casinias resenas tienden a resaltar como la web se ajusta perfectamente tanto a telefonos al igual que a PCs.

    Efectuar un casinias review detallado facilita captar la razon por la que este operador conquista lugar rapidamente comparado con la rivalidad. Las casinias casino opiniones concurren en que la interfaz es comoda, simplificando la navegacion aun para los principiantes. Si te preguntas si el casino casinias es la alternativa correcta para ti, los avales favorables subrayan la claridad de sus promociones y la justicia de sus sorteos.

    Resumiendo, explorar el casinias official site es una excelente forma de sumergirse en el mundo del ocio online con garantias de diversion. Ya sea por su repertorio extenso o por la rapidez de su plataforma en la web, el sitio web es una decision segura para los usuarios que quieren excelencia. Si estimas las valiosas consejos, te exhortamos a tener en cuenta esta casinias resena como base para tu futura ronda de juego. La entretencion y la adrenalina resultan garantizadas en este entorno virtual elaborado teniendo en cuenta las exigencias del jugador actual. Disfruta de una vivencia unica donde la seguridad y la intensidad se unen en cada giro.

댓글 달기

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