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

  1. Статья посвящена анализу текущих трендов в медицине и их влиянию на жизнь людей. Мы рассмотрим новые технологии, методы лечения и значение профилактики в обеспечении долголетия и здоровья.
    Все материалы собраны здесь – [url=http://supreme2.ru/skryityie-puti-k-svobode-kodirovanie-ot-zavisimosti/]медицинский центр кодирования от алкоголизма[/url]

  2. ohmyspins13-chaks

    Sofern ihr auf der Suche nach einer spannenden sowie vielseitigen Anlaufstelle fur Online-Glucksspiele sind, ist das Ansteuern von der Prasenz von ohmyspins zweifellos empfehlenswert [url=https://oh-my-spins-13.onrender.com]ohmyspins[/url] . Das ohmyspins casino konnte sich innerhalb weniger Momente einen Namen im Business erarbeitet, weil es eine riesige Auswahl an aktuellen Spielautomaten, Tischspielen sowie Live-Dealer-Optionen bereithalt. User, die, nach einer exzellenten Atmosphare fahnden, finden bei diesem Anbieter prompt fundig, denn sowie das Handling als auch die grafische Gestaltung begeistern.

    Jeder, der Interesse an das Angebot begeistert, konnte sich die ohmyspins erfahrungen genauer ansehen, gezielter einen Eindruck von die Pluspunkte des Systems zu bekommen. Innerhalb jeder ohmyspins bewertung erscheint offensichtlich, dass das Casino insbesondere durch seine fixen Auszahlungsprozesse und ein tolles Bonusprogramm fur Neukunden punktet. Falls man einen objektiven ohmyspins casino review durchforstet, sieht man fix, dass die Regulierung sowie die Sicherheitsstandards bei diesem Web-Auftritt Prioritat haben. Die intuitive Navigation macht es auch Anfangern einfach, ihre eigenen Favoriten zwischen den zahlreichen Slots schnell zu entdecken.

    Zahlreiche User posten ihre gute ohmyspins erfahrung auf unterschiedlichen Foren, wobei besonders die Handytauglichkeit gefeiert wird. Ob am Desktop bzw unterwegs uber das Smartphone, das casino ohmyspins agiert reibungslos plus liefert ein exzellentes Spielerlebnis ganz ohne Ladezeiten. Ebenfalls die Kundenbetreuung nimmt eine zentrale Rolle bei den ohmyspins casino erfahrungen ein, indem der Support effizient arbeitet und bei Fragen rund um Zahlungsvorgange bzw Automaten jederzeit bereitsteht.

    Resumierend kann konstatiert werden, dass jeder ohmyspins review die Varianz der Plattform hervorhebt. Hierbei handelt es sich um ein moderner Anbieter, derjenige, der genau versteht, was Zocker von einem modernen Casino voraussetzen. Falls Sie folglich ohmy spins ausprobieren mochten, konnen Sie dies vollig unbesorgt erledigen, weil bei diesem Anbieter Vergnugen, Seriositat und eine gro?artige Spielesammlung optimal untereinander verknupft werden. Es ist ratsam, die Offerte selbst zu checken und herauszufinden, aus welchem Grund zahlreiche User diesen Anbieter schon zu ihren personlichen bevorzugten Zielen zahlen.

  3. spinogambinoapp-Doulp

    Jeder, der auf der Suche nach einer hochwertigen Plattform fur mobiles Gaming und unterhaltsame Casino-Erlebnisse ist, der kommt nicht umhin auf das Angebot von spinogambino [url=https://spinogambinoapp.de/uber-uns]spino gambino[/url] . Die Webseite spinogambinoapp.de hat sich als feste Gro?e etabliert, wenn es darum geht, Spielern einen schnellen und sicheren Zugang zu ihren liebsten digitalen Inhalten zu ermoglichen. Ein Blick auf die Seite uber uns offenbart die Philosophie hinter dem Projekt: Hier stehen Offenheit, Benutzerfreundlichkeit und die Leidenschaft fur modernes Gaming im Mittelpunkt. Das Team hinter spino gambino verfolgt das Bestreben, eine Umgebung zu schaffen, in der sich Nutzer wohlfuhlen und von einer einfachen Handhabung profitieren konnen.

    Das Besondere an dem Angebot von spinogambino ist die fokussierte Orientierung auf die Bedurfnisse der Smartphone-Nutzer. Da immer mehr Spieler ihre Freizeit direkt uber das Smartphone gestalten, wurde bei der Konzeption der Plattform gro?er Wert auf eine reibungslose Performance gelegt. Wer spino gambino besucht, bemerkt sofort, dass die technische Umsetzung den hochsten Standards entspricht. Dabei geht es nicht nur um die Spielebibliothek, sondern auch um einen hervorragenden Kundenservice und klare Informationen uber die Spielregeln. Die Betreiber legen Wert darauf, dass Spieler stets gut informiert sind und auf eine sichere Infrastruktur vertrauen konnen.

    Die Seite uber uns dient als Garant fur alle Interessierten. Hier wird deutlich, dass spinogambino deutlich mehr als nur eine Anlaufstelle fur Games ist. Es ist eine Community, in der Qualitat vor Quantitat geht. Mit einer klaren Vision arbeitet das Team kontinuierlich daran, das Erlebnis fur jeden Besucher von spino gambino zu optimieren und neue technologische Trends in das Portfolio zu integrieren. Wer also Wert auf eine seriose und fachmannisch betreute Plattform legt, ist bei den Experten dieser Seite genau richtig. Besuchen Sie die Webseite, um mehr uber die Vision und das engagierte Team zu erfahren, das spinogambino jeden Tag zu einer der attraktivsten Anlaufstellen im Internet macht. Hier trifft technisches Know-how auf pure Leidenschaft fur das Spiel.

  4. chicken-Tildipt

    La aplicación *”Carrera de Riesgo”* ha despertado enorme debate en las redes sociales, de manera destacada por la dinámica fácil pero enganchosa [url=https://chicken-road-es-77.onrender.com]Chicken Road Es Real[/url] .

    Un visitante debe resolver si girar rápidamente ese dispositivo o conservar la línea recta mientras ese auto avanza a velocidad veloces.

    La incógnita que muchos plantean es si *”El Desafío del Volante”* es verídico o únicamente ese juego telemático.

    En el servidor *”chicken-road-es-77.onrender.com”* se puede experimentar esta experiencia por Internet, donde la gran tensión y el gran suspense se garantizan confirmados.

    —

    El desafío *”La Carretera del Pollo”* se define verídico desde el imita una de extrema riesgo, sin embargo en el fondo no se generan efectos materiales.

    Sin embargo la intensa impresión de adrenalina y la constante tensión para ejecutar acciones instantáneas lo convierten notablemente enganchoso.

    Numerosos jugadores se preguntan si *”el desafío de La Carretera del Pollo”* resulta verídico o si acaso resulta únicamente una mera farsa, pero en realidad constituye una herramienta para ocio enfocada en la mente del instinto terror y la inmediata respuesta instintiva.

    —

    La creciente difusión del simulador ha provocado a que cuestionamientos como *”¿Carrera de Riesgo es real o simulado?”*, o *”¿Carrera de Riesgo es legítima o engañosa?”*.

    La clara conclusión queda claro que no constituye ese desafío que tenga tangibles, pero no obstante constituye una virtual que aprovechan el de autoprotección.

    Su mecánica parece similar a diversos juegos de prueba tal como *”Flick”*, donde la crucial prontitud y la precisa habilidad quedan como clave.

    —

    Si te cuestionas *”¿El Chicken Road es real?”*, la definitiva explicación queda en que se define como una mera imitación, pero esto no no resta que resulte se perciba emocionante y desafiante.

    La experiencia se centra en ver si consigues consigues esquivar ese mismo coche o si la mecánica te “vence” virtualmente.

    Diversos usuarios valoran del reto de optimizar su velocidad de reacción, lo que lleva a que a *”El Desafío del Volante”* en elección divertida para disfrutar de el periodo.

    —

    De síntesis, por más que *”Chicken Road”* se considera verídico bajo el aspecto de su creación, no implica consecuencias fuera del entorno telemático.

    Resulta una para entretenimiento que une excitación y estrategia, ideal para los aficionados buscan ese entretenimiento veloz y adictivo.

    A pesar de persistan preocupaciones acerca de si *”La Carretera del Pollo”* se percibe auténtico o si mentira, recuerda que importancia está en la prueba, sino en realidad física.

  5. chickenroadlogin-unurani

    Qualora risulti tal cultore riguardante passatempi virtuali inoltre vuoi collocare a verifica le tue competenze evitando compromettere proprio di denaro, il sito Chicken Road diventa una soluzione ideale [url=https://chickenroadlogin.it/demo]demo chickenroad[/url] . Accedendo sulla pagina predisposta al demo chickenroad, ottieni una di poter immergerti in quell’ di puro gioco intensa, caratterizzata grazie a una meccanica lineare ma estremamente attraente. Per merito la modalita demo chicken road, tutti e in grado di analizzare alcune funzionalita di tale prodotto all’interno di un ambiente garantito ed controllato.

    Quella bellezza di codesta possibilita giace nella modo di entrare a un chicken road gratis la cui mai richiede iscrizioni complicate oppure versamenti anticipati. Numerosi giocatori desiderano il modo ottimale per capire tutte le chances di vittoria successo ed osservare quello andamento del programma precedentemente del passaggio alla propria modalita che utilizza fondi effettivi; a causa di tale motivo, questo demo chicken road risulta tale ausilio fondamentale per definire tale strategia efficace.

    Ogni qualvolta preferisci di sfruttare il chicken road free play, stai beneficiando di una simulazione precisa sotto ciascun dettaglio con la versione integrale. Questo per te consente del prendere dimestichezza con il layout, i controlli inoltre tutte le fasi di gioco, assicurandoti di preparato nel caso in cui vorrai di andare operare sul reale. Ogni persona che desidera giocare a chicken road all’interno di assoluta calma trovera tale opzione ottimizzata correttamente tanto su computer sia sui dispositivi cellulari, assicurando un’esperienza fluida ed esente da blocchi.

    Mai sprecare l’occasione di verificare codesto passatempo in diretta persona. Tale modalita di prova diventa ideale come per tutti i principianti che desiderano imparare le fondamenta, come destinata a tutti i utenti veterani i quali vogliono provare nuove tattiche. Rammenta in ogni momento che l’obiettivo primario risiede nel nel svago: esplora tutte tutte le funzioni di tale software, valuta le meccaniche e assapora il brivido della competizione. Entra rapidamente l’area riservata allo scopo di iniziare la tua sessione di test ed apprendi il motivo per cui questo gioco diventa risultato tale reale caso dentro il ambiente. Opera con stile responsabile e sfrutta nella massima estensione ogni cosa cio che codesto gioco per te offre allo scopo di migliorare il personale stile di scommessa esclusivo.

  6. Капельница вводится внутривенно, поэтому раствор и назначенные лекарства поступают непосредственно в кровоток. Скорость введения, состав, дозу и продолжительность процедуры определяет врач. Медикаментозное лечение направлено не на искусственное «мгновенное вытрезвление», а на коррекцию нарушений, связанных с интоксикацией и абстинентным синдромом. Врач контролирует реакцию организма и при необходимости изменяет схему.
    Узнать больше – [url=https://5.kapelnica-ot-zapoya-v-moskve14.ru/]капельница от запоя[/url]

  7. Searching for the perfect place to find top-tier gaming entertainment, the Need for Slots platform stands out as a premier resource for enthusiasts [url=https://need-for-slotsreview.eu/games]need for slots games[/url] . By visiting the game library, players gain access to a curated collection of titles designed to provide excitement and variety. Whether you are a newcomer or a seasoned pro, the platform makes sure you have everything you need to experience the best gambling options available today.

    A major strength of the site is its varied catalog of need for slots games. From retro machines to advanced slots with intricate features, there is a title for every preference. If you specifically enjoy spinning the reels, the selection of need for slots slot games provides high-quality graphics and captivating storylines that keep players coming back for more. For those who want to practice their skills for free, the site offers a great selection of need for slots free slot games that allow you to explore various features at your own pace.

    Beyond the reels, the platform acts as a comprehensive hub for need for slots casino games, covering everything from classic table favorites to niche games. If you seek the atmosphere of a land-based casino, you can dive into the immersive world of need for slots live casino games. These titles connect you with professional dealers in real-time, providing an authentic experience from the comfort of your home.

    By integrating a wide variety of need for slots online games, the site caters to every taste. It serves as a reliable guide for discovering safe and enjoyable entertainment options. If you are ready to elevate your gaming journey, explore the vast collection found at their portal. With frequent additions and a commitment to quality, this hub is your go-to destination for finding the most exciting games in the industry today. Whether you are searching for excitement or a way to test your luck, the games catalog has you covered.

  8. Deep amidst the current web-based play experience sits a firm dedication to superiority, clarity, and player contentment [url=https://vinci-spincasino.org/about-us]vincispin[/url] . When you navigate to the about us page on the primary website for vincispin, you quickly realize that this site is established on a bedrock of integrity and creativity. The crew behind vinci spin grasps that modern-day gamers demand more than merely a library of titles; they require a safe, impartial, and captivating atmosphere where their leisure is favored above anything else.

    The mindset guiding the running of vincispin is centered on providing a smooth layout that accommodates alike novices and seasoned players. By focusing on cutting-edge programs and reliable tech, the platform ensures that all spin and all wager is managed with accuracy and swiftness. The corporate vision delineated in their purpose statement highlights a pledge to accountable gaming methods, ensuring that each user can relish their visit on the portal within a secure structure.

    What sets apart the vinci spin experience remains the strong focus on community and customer assistance. The professionals managing the service believe that direct feedback is the key to long-term growth. This is reflected in their open strategy to internal rules and their dedication to resolving player questions with efficiency. By choosing to bet at vincispin, players are forming part of a network that prizes consistency and superior benchmarks of service.

    As the digital sphere changes, the developers behind vinci spin remain committed to constant refinement. They periodically examine player input and industry patterns to polish their tools and expand their selections. This proactive mindset ensures that the hub stays progressive, consistently providing a luxury service for its players. Regardless of if you are interested about the core ideals that define the label or you are simply searching for a secure spot to discover your preferred games, the details provided on their about page serves as a testament to the perfection that marks the whole vinci spin ecosystem.

  9. lucky7even-Arourdy

    When hunting for a premium gaming destination in Canada, players are consistently choosing the luckyseven platform [url=https://lucky7even-3ah.pages.dev]luckyseven casino[/url] . As an new force in the digital gambling space, lucky seven has rapidly gained acclaim for offering a diverse library of slots, table games, and live dealer experiences tailored for both casual gamers and high rollers. Navigating through the luckyseven casino interface reveals a modern, intuitive layout that prioritizes fast loading times and seamless mobile compatibility, ensuring that your favorite games are always just a click away.

    If you are currently researching the best options, a thorough luckyseven review will emphasize the platform’s commitment to safety and integrity. The casino lucky seven environment is built with modern encryption protocols to ensure your data remains private. Furthermore, the lucky seven casino experience is bolstered by a variety of bonuses and perks, including generous welcome bonuses and continuous player incentives that keep players engaged. Whether you are spinning the reels on the latest titles or testing your strategy at the blackjack table, the lucky 7 seven casino suite offers a robust selection of top-tier game developers to guarantee top-tier graphics and smooth performance.

    For those looking for a trustworthy lucky seven casino online portal, this site shines by offering dedicated customer support and a wide range of safe banking options geared towards Canadian users. The lucky seven online casino market is crowded, but this specific site manages to differentiate itself through its transparent terms and an intuitive layout. Players who want to explore the lucky seven landscape will find that it provides a high-quality experience from a modern operator. By choosing the lucky seven, you are opting for a refined gaming journey that focuses on enjoyment and convenience. If you have been searching for a fresh place to play, look no further than the lucky seven to improve your gaming experience today.

댓글 달기

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