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

  1. spinogambinoappreview-inserty

    Herzlich willkommen bei Spino Gambino, Ihrer verlasslichen Anlaufstelle fur fundierte Analysen in die Online-Entertainment-Branche [url=https://spinogambinoappreview.com.de/uber-uns]spinogambino[/url] . Wenn Sie sich auf unserer Profilseite befinden, mochten Sie vermutlich wissen, wer hinter dem Portal spino gambino steckt und warum wir uns der Aufgabe verschrieben haben, Ihnen hochwertiges Wissen zu liefern. Unser Team besteht aus Profis, die den Markt stetig analysieren und stets nach der besten Erfahrung fur unsere Leser suchen. Bei spinogambino steht Transparenz an erster Position. Wir wissen, dass es im gro?en Angebotsdschungel schwierig sein kann, den Uberblick zu behalten. Genau hier setzt unsere Arbeit an: Wir filtern, testen und bewerten Inhalte neutral, damit Sie fundierte Entscheidungen treffen konnen. Unser Ziel ist es, eine Plattform zu bieten, die nicht nur informativ, sondern auch sicher und benutzerfreundlich ist. Die Marke spino gambino hat sich uber die Zeit durch harte Arbeit und eine klare Philosophie etabliert. Wir glauben fest daran, dass Professionalitat und Verlasslichkeit die Grundpfeiler fur eine erfolgreiche Zusammenarbeit mit unserer Community sind. Deshalb investieren wir viel Zeit in die Prufung jedes einzelnen Aspekts, den wir auf unserer Seite prasentieren. Ob es um neue Funktionen, Hintergrundwissen oder Marktentwicklungen geht, spino gambino liefert Ihnen die Fakten, die entscheidend sind. Wir laden Sie herzlich dazu ein, unsere Seite regelma?ig zu besuchen, um auf dem Laufenden zu bleiben. Unser Engagement fur Exzellenz spiegelt sich in jedem Artikel wider, den wir veroffentlichen. Wir schatzen das Feedback unserer Nutzer sehr, denn es hilft uns dabei, unser Angebot kontinuierlich zu verbessern und an Ihre Bedurfnisse anzupassen. Vielen Dank, dass Sie Teil unserer Community sind und uns Ihr Vertrauen schenken. Wir bei spino gambino sind stolz darauf, Sie auf Ihrem Weg begleiten zu durfen und freuen uns darauf, Ihnen auch in Zukunft hochwertige Inhalte rund um spino gambino bereitzustellen. Bleiben Sie informiert und genie?en Sie die Vielfalt, die wir Ihnen mit unserer Expertise bieten konnen.

  2. Этот краткий обзор предлагает сжатую информацию из области медицины, включая ключевые факты и последние новости. Мы стремимся сделать информацию доступной и понятной для широкой аудитории, что позволит читателям оставаться в курсе актуальных событий в здравоохранении.
    Неизвестные факты о… – [url=https://progorod58.ru/osobennosty-lechenia-alkogolizma]наркологическая клиника дельта в рязани[/url]

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

  4. During exploring the fascinating world of digital gaming, finding the ideal incentives can substantially enhance your journey [url=https://spino-gambino-bonusreview.net/bonuses]spino gambino no deposit bonus[/url] . If you are searching for the top promotions, the website spino-gambino-bonusreview.net/bonuses functions as an essential tool for players pursuing the latest data on the spinogambino bonus. Maneuvering the world of web casinos demands exactness, and utilizing a reliable manual to aid you uncover a profitable bonus spinogambino can generate all the difference in your gaming approach.

    One of the highly desired promos by new users is the spinogambino no deposit bonus. This type of promotion permits you to explore the platform minus the necessity to invest your private money instantly. Discovering an operational spino gambino no deposit bonus is a brilliant approach to try the selection of slot machines and board games accessible. For players ready to commit, applying a particular spino gambino bonus code in enrollment can often reveal enhanced bundles that are not offered to the mass populace.

    Staying updated with a legitimate spino gambino promo code verifies that you increase your budget from the beginning. Regardless if you are looking for a spinogambino casino bonus to increase your initial payment or hunting for ongoing membership rewards, the page provides comprehensive data. Many gamers expressly hunt for the casino spinogambino bonus to check how these deals match up to industry benchmarks. By using a confirmed spinogambino bonus code, you ensure that you are activating the most recent bonus rank offered on the page.

    Always remember to verify the terms related to any spinogambino code you decide to use. Comprehending betting requirements and game eligibility is vital for a smooth cash-out process afterward. By consistently returning for the freshest spino gambino bonus notifications, you position yourself in the best place to enjoy all things the platform offers to offer. Regardless if you are a laid-back gamer or a high roller, applying these strategic bonuses is the smartest method to improve your entertainment level while gaming virtually. [url=https://ar-rauha.com/forum/index.php?topic=2879.new#new]Discovering the Best Spino Gambino Promo Code Promotions on spino-gambino-bonusreview.net/bonuses[/url] [url=https://aljasad.com/showthread.php?tid=183&pid=3322#pid3322]Discovering the Top Spino Gambino Bonus Offers on spino-gambino-bonusreview.net/bonuses[/url] 7adfec9

  5. El aplicación title La Ruta del Pollo ha despertado fama en recentes trimestres, de manera destacada entre los amantes de los videojuegos en smartphones con sistemas de pilotaje y pruebas de tendencia [url=https://chicken-road-game-126.vercel.app]El Chicken Road Es Real[/url] .

    No obstante varios aficionados dudan si El Juego De Chicken Road Es Real o si se trata de una estafa y el title ficticio.

    En este post, revisaremos la realidad del juego y su funcionamiento para despejar dudas sobre su autenticidad.

    El Juego Del Gallo es una aplicación disponible en entornos como App Store, lo que indica que se trata de un desarrollo creado por programadores autónomos o un taller pequeño. Aun así no quede un juego oficial de una multinacional corporación como EA, su creación y dinámicas quedan en productos análogos, como Drift Horizon, pero con un estilo considerablemente relajado.

    La consulta “El Juego De Chicken Road Es Real O Falso” tiene una solución evidente: sí está, pero no quede un servicio vendido globalmente. Resulta ser un title gratuito, no obstante su progreso puede quedar en continuo mejora.

    Numerosos clientes expresan la duda “Chicken Road Es Real?” porque confunden su propósito con diversos productos de pilotaje notablemente populares. La decisión se encuentra que Chicken Road es un proyecto verídico, aunque no obligatoriamente apoyado por una empresa importante. Su triunfo depende de su facilidad y mediante la red de jugadores que lo ha aceptado, de manera destacada en espacios de comunicación como Instagram, donde los modos y los rachas se consideran considerablemente demandados.

    Una consulta común se encuentra si “El Juego Chicken Road Es Real O Estafa”. En este ejemplo, no hay evidencias de que constituya una engaño convencional, como un fraude con detalles confidenciales y pagos ilegales. Aun así esto, como en cualesquiera producto de bolsillo, es crítico adquirir versiones aprobadas desde orígenes reputadas para neutralizar software en línea. La plataforma por efectivamente no requiere para interactuar, no obstante algunos clientes optan por adquirir personalizaciones o optimizaciones cosméticas al interior.

    En resumen, La Ruta Del Pollo es un title auténtico, aunque no quede el título masivo como diversos productos de conducción. Su veracidad proviene en su desarrollo como producto freelance, con una plataforma de usuarios participativos que disfrutan de sus mecánicas. Si te dudas “Lo De Chicken Road Es Real”, la conclusión es afirmativa: quede un title effective, sin embargo con restricciones en comparación con juegos notablemente profesionales. Su triunfo radica de la base de usuarios que lo impulsa, no de su fundamento corporativo.

  6. Si vous etes a la recherche d une plateforme de jeux en ligne fiable et divertissante, il est fort probable que vous ayez deja entendu parler de Vulkan Vegas [url=https://vulkan-vegas-67.vercel.app]Vulkan Vegas Casino[/url] . Ce casino en ligne s est impose comme une plateforme de premier plan pour les joueurs francophones. Dans cet article, nous analysons les services offerts par la plateforme accessible via le domaine vulkan-vegas-67.vercel.app afin de vous fournir un Vulkan Vegas Avis complet et objectif.

    Le Casino Vulkan Vegas propose une selection de jeux variee, allant des machines a sous classiques aux jeux de table en direct les plus immersifs. La question que se posent souvent les nouveaux inscrits est : Is Vulkan Vegas Legit ? La reponse est positive, car la plateforme opere avec des licences regulees, garantissant ainsi la securite des transactions et l equite des tirages. Pour les utilisateurs bases en Vulkan Vegas France, le site offre une navigation fluide et une interface intuitive adaptee aussi bien aux ordinateurs qu aux appareils mobiles.

    En consultant divers Vulkan Vegas Reviews, il ressort que les joueurs apprecient particulierement la reactivite du service client ainsi que la diversite des methodes de paiement proposees. Le programme de fidelite et les bonus reguliers sont egalement des points forts souvent mentionnes dans chaque critique de ce casino. Que vous soyez un parieur debutant ou un habitue des plateformes virtuelles, Vulkanvegas sait repondre a vos attentes grace a une experience utilisateur soignee.

    En resume, si vous cherchez un avis detaille fiable pour orienter votre choix, gardez a l esprit que la plateforme combine serieux, variete et divertissement. Le Casino Vulkan Vegas continue d attirer une communaute fidele grace a son catalogue de jeux sans cesse renouvele et son engagement envers la transparence. Avant de vous lancer, n hesitez pas a explorer l interface pour constater par vous-meme la qualite des titres disponibles. En conclusion, Vulkan Vegas est une destination de premier choix pour tous les passionnes de jeux d argent en ligne cherchant une experience securisee et palpitante.

  7. This mobile gaming tool lately captured the attention of handheld enthusiasts alongside amateur punters equally, prompting plenty to seek out a comprehensive chicken road app review to comprehend the way it works [url=https://chicken-road-predictorgame.net/app]chicken road apk[/url] . As the renown of the chicken road game app continues to rise, users are often inquiring if the platform is trustworthy also protected for financial stakes. Once you prepare for any application chicken road download, it is essential to look at the functions and the overall standing of the interface.

    When evaluating whether the platform is a solid option, players often wonder is chicken road app legit. The title highlights a simple, intense feature in which participants direct a bird through a dangerous path. Because this chicken road game app contains potential fiscal hazards, members are correct to be cautious. When you decide to initiate a chicken road app download, confirm you are getting the files from reputable sites to evade malicious software. While various individuals search for a chicken road apk to bypass local shop barriers, installing files from dubious third-party sites can subject your handset to digital risks.

    About the query is the chicken road app legit, it is vital to recall that this game functions within the broader realm of a chicken road app casino style environment. Such titles depend upon randomizers, as well as the results are totally unpredictable. Constantly conduct your own background checks ahead of funding cash. Will the chicken road app legit session deliver honest results? That continues to be a point of contention for some, so regulate your assumptions concerning lucky runs.

    Ultimately, the chicken road game app is designed for fun activities. When you opt to try the chicken road app casino features, do so wisely. Constantly emphasize hardware safety while loading any chicken road apk, and note that no tactic can guarantee regular victories in these types of games. Through remaining informed as well as careful, you can better traverse the online realm of mobile gaming apps safely.

  8. chickenroad-Feetry

    Se procura uma experiencia de entretenimento dinamica, o chickenroad stake tornou-se rapidamente numa das opcoes escolhidas dos entusiastas de apostas online em Portugal [url=https://chickenroad-app-casino.pt/stake]stake chicken road[/url] . Este titulo, que combina simplicidade com um potencial de ganhos elevado, conquistou o seu espaco no catalogo de jogos da plataforma pela sua dinamica intuitiva e rapida. Ao explorar o chicken road jogo stake, percebe-se imediatamente porque tantos utilizadores procuram esta slot para tentar a sua sorte. A mecanica do chicken road casino stake e baseada num conceito visualmente atrativo, onde a estrategia e a intuicao caminham lado a lado.

    Ao escolher o chicken road stake casino para as suas sessoes de jogo, garante acesso a uma interface fluida e otimizada, essencial para quem prefere jogar atraves de dispositivos moveis. Muitos jogadores que buscam o chicken road stake jogar apreciam a rapidez com que cada ronda se processa, permitindo uma dinamica de jogo envolvente. Para quem esta a comecar, a opcao de experimentar o stake chicken road permite compreender o funcionamento das probabilidades antes de investir fundos reais. Trata-se de uma excelente forma de familiarizar-se com a volatilidade tipica deste tipo de entretenimento.

    Um dos grandes atrativos da chickenroad slot stake e o design minimalista, que nao distrai o utilizador do objetivo principal: chegar ao final do percurso com sucesso. Quando se procura o chicken road jogo de apostas stake, e fundamental escolher uma plataforma segura e fiavel, caracteristicas que definem a experiencia na Stake. Alem disso, a possibilidade de encontrar o chicken road stake gratis e um ponto positivo, permitindo que os novos utilizadores treinem a sua abordagem sem riscos imediatos. Em suma, se o seu objetivo e divertir-se com um desafio emocionante, o chicken road stake jogo e uma das melhores recomendacoes atuais no mercado. Aproveite para explorar esta funcionalidade e descobrir por que motivo este jogo se tornou um fenomeno de popularidade entre os utilizadores que privilegiam a rapidez e o entretenimento de alta qualidade.

댓글 달기

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