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

  1. где купить рюкзаки: [url=https://backpacks.ru]https://backpacks.ru[/url] Backpacks: рюкзаки, сумки и аксессуары для города, учебы и работы

    [img]https://i.ibb.co/HTwWkfQ6/backpacks-1.jpg[/img]

    В современном мире темп городской жизни требует от аксессуаров не только стильного внешнего вида, но и функциональности: рюкзак должен вмещать все, что требуется, быть комфортным в транспорте и не терять актуальности из сезона в сезон. Интернет-магазин Backpacks собрал в каталоге надежные бренды, которые объединяют все эти качества и предлагают эффективные решения для любой ситуации – от дороги на работу до короткого путешествия в выходные. В каталоге – рюкзаки, сумки и аксессуары от Ucon, Artsac, Consigned и Elliker: каждый бренд со собственным характером, но с общей идеей – делать жизнь в городе намного комфортнее. И в том случае, если Вы ищите рюкзаки Artsac: [url=https://backpacks.ru/cat/ryukzaki/brand/artsac]https://backpacks.ru/cat/ryukzaki/brand/artsac[/url] – это Ваш лучший выбор!

    Проверенные бренды для вашего комфорта: ассортимент товаров

    [img]https://i.ibb.co/FkNwxHh9/backpacks-3.jpg[/img]

    Ассортимент включает в себя городские рюкзаки, сумки через плечо, кросс-боди, тоуты, дорожные сумки, поясные модели, пеналы, ланчбоксы и аксессуары (от бутылок для воды до термокружек). Необходимо только заглянуть на сайт, подобрать бренд и модель:

    • Ucon Acrobatics – минимализм из Германии и экологичность. Производитель делает ставку на интересный дизайн без лишнего декора: акцент на силуэте, текстуре материала и проработанной организации пространства. Большинство моделей имеют roll-top конструкцию, которая позволяет подстраивать вместимость под количество вещей. Бренд ответственно относится к используемым материалам, а продукция сертифицирована по стандарту B Corp. И это означает не только аккуратный внешний вид, но и уверенность, что рюкзак рассчитан на ежедневное применение в городских условиях в разнообразных ситуациях и при любой погоде.

    • Artsac – стиль города и функциональность. Бренд из Британии, сочетающий современную городскую эстетику с ежедневной практичностью: лаконичные формы, сдержанная палитра, проработанная организация внутренних пространств и износостойкие материалы. Изделия легко вписываются как в повседневный, так и в деловой образ – рюкзак или сумка Artsac в равной степени уместны с рубашкой и худи. В коллекции Backpacks для покупателей рюкзаки, сумки-холдлы, пеналы и ланчбоксы.

    • Consigned — смелый дизайн для ярких образов. Еще один британский бренд, но с принципиально иным подходом. Consigned сделал ставку на выразительность: яркие цвета, необычные принты, стильные формы. Рюкзаки и сумки данного производителя для всех тех, кто не боится выделиться и хочет добавить акцент в ежедневный образ. За эффектным видом стоит проработанная функциональность: отделение под ноутбук, roll-top конструкция с регулируемым, стропы по бокам, внешние карманы на молнии. Система двойных клипс у некоторых моделей дает возможность менять формат сумки в зависимости от задач. В коллекции рюкзаки, дорожные сумки и кросс-боди.

    • Elliker – британский аутдор с городским характером. Бренд балансирует на грани аутдор-традиций и актуального минимализма. Изделия Elliker в равной степени гармонично смотрятся и на природе, и в городской обстановке. Все рюкзаки и сумки сшиты из 100% переработанного полиэстера с водоотталкивающим PU-покрытием без PFAS/PFOA. Каждая из моделей проходит серьезные испытания на водонепроницаемость и износоустойчивость. В ассортименте сумки-слинги, кросс-боди, тоуты и небольшие рюкзаки.

    Условия и некоторые преимущества для клиентов

    [img]https://i.ibb.co/m5vnVdW3/backpacks-7.jpg[/img]

    Backpacks нацелен на всех тех, кто хочет найти не простую сумку, а стильный аксессуар на каждый день – в списке его получателей студенты и учащиеся старших классов, офисные работники и любители путешествий, те, кто много перемещается по городу и многие другие. И для каждого продавец может предложить выгодные условия:

    • ускоренная доставка в любой город России;
    • оплата банковской картой или через СБП;
    • опция покупки в рассрочку;
    • привлекательная бонусная программа;
    • поддержка и сервис.

    Backpacks – это площадка, где можно подобрать аксессуар под собственный образ жизни: сдержанный и деловой, молодежный и яркий или экологичный и практичный. Благодаря разнообразному каталогу моделей и брендов, прозрачным условиям заказа и сопутствующим плюсам (скидки и рассрочка), процесс оформления заказа становится в разы удобнее, а покупка – выгоднее. И в случае, если вы ищете рюкзак или сумку, какие прослужат не один сезон и будут актуальны в любых городских ситуациях, рекомендуем заглянуть в онлайн-каталог Backpacks, сравнить изделия от различных производителей и оформить заказ!

  2. toto live casino free spiny v utery
    casino synot tip snow queen riches online hra no deposit bonus 5 € Automaty free spin najlepsie automaty tipsport vyherny automaty zdarma
    sk casino online What are gambling games

  3. В этой статье мы обсудим процесс восстановления после зависимостей, акцентируя внимание на различных методах и подходах к реабилитации. Читатели узнают, как создать план выздоровления и использовать полезные ресурсы для достижения устойчивых изменений.
    Полезно знать – [url=https://narkologiya.pro/psihiatriya/gendernye-aspekty-psihicheskih-zabolevaniy/]наркологический центр наркология[/url]

  4. spinogambino-agidof

    Όταν αποφασίζετε να συνδεθείτε σε κάποια ιστοσελίδα gaming, η ανάγνωση των οδηγιών αποτελεί κάποιο από τις αρκετά σημαντικά στάδια προς την ασφαλή και καθαρή εμπειρία [url=https://spinogambino-casino.com.gr/terms-and-conditions]spinogambino[/url] . Στον ιστότοπο spinogambino-casino.com.gr, οι χρήστες έχουν τη δυνατότητα να εντοπίσουν πλήρεις δεδομένα αναφορικά με τη δράση του καζίνο στο τμήμα των όρων και προϋποθέσεων, που σχηματίζει το θεμέλιο της συνεργασίας μεταξύ του χρήστη μαζί με του παρόχου. Η ιστοσελίδα spino gambino μερίμνησε να παρουσιάσει ανοιχτά τους τους όρους που διέπουν τις δραστηριότητες, τις πληρωμές καθώς και τις αναλήψεις, ώστε να αποφεύγονται πιθανές ασάφειες στην εξέλιξη του παιχνιδιού.

    Φαντάζει εξαιρετικά απαραίτητο για κάθε χρήστη του site spinogambino να ξοδέψει τον απαραίτητο κόπο έτσι ώστε να αντιληφθεί τις οδηγίες που αφορούν τα μπόνους καθώς και τα events. Τακτικά, τα μέλη παραμελούν τους όρους στοιχηματισμού, που περιγράφουν τον αριθμό πρέπει να στοιχηματιστεί ένα χρηματικό μπόνους προτού θεωρηθεί πραγματοποιήσιμη η ανάληψη των εσόδων. Διαβάζοντας προσεκτικά τη συγκεκριμένη σελίδα στο spino gambino, εξασφαλίζετε ότι κατανοείτε απόλυτα τις ευθύνες σας αλλά και τα δικαιώματά σας. Επιπλέον, οι όροι περιέχουν πληροφορίες για την υπεύθυνη στοιχηματική συμπεριφορά, την αυτοαποκλειστική διαδικασία και την ασφάλεια των προσωπικών πληροφοριών.

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

  5. chicken-owefags

    Provided you look for an innovative and exciting way to enhance your online betting habit, look no further than the chicken road coral adventure [url=https://chicken-road-logincasino.com/coral]chicken road game coral[/url] . This engaging title has rapidly become a premier favorite for gamers hunting for a distinctive combination of strategy and thrill. When you access the website to relish the chicken road game coral, you will discover an dashboard designed for fluid navigation and maximum enjoyment. The chicken road casino coral platform provides a premium environment where members can dive into this engaging task with simplicity.

    Plenty of enthusiasts are pulled to the chicken road coral casino since it optimizes the manner you engage with your preferred betting products. If you are a newcomer or a skilled expert, the chicken road coral play choices are adjusted to match all skill level. The notoriety of the coral chicken road adventure arises from its volatile character and the satisfaction of mastering the path to success. Distinct from your typical rotating play, this chicken road slot coral engine keeps you on the brink of your chair with each move.

    For individuals who want to test the depths before plunging in with actual stakes, researching the chicken road gambling game coral is the ideal strategy. You can often locate ways to try the chicken road coral free versions, enabling you to grasp the systems without any preliminary stress. The perfect incorporation of the chicken road coral game throughout mobile and desktop hardware secures that you never skip a shot to play on the go. If you are looking for a trustworthy destination to discover this popular hit, the exclusive hub provides everything you need to begin your adventure now. Discover why so many people are chatting about this fascinating game by signing in and viewing the unique elements for yourself. The mix of easy laws and thrilling intensity makes it a must-play for every serious player hunting for the next big success in the universe of web fun.

  6. spingrannycasinoreview-cuddem

    Throughout the quick-moving realm of virtual entertainment, gamers are perpetually seeking accessibility and high-quality gaming on the go [url=https://spingrannycasinoreview.com/app]online casino mobile[/url] . The spingranny app has appeared as a top spot for players who want to keep their beloved games in their handhelds. Designed with the contemporary gamer in focus, this system provides a smooth shift from PC to portable devices, guaranteeing that your play journey remains dynamic, engaging, and accessible at any moment.

    When it comes to usability, the interface excels by providing a specialized casino app for iOS players together with a strong and entirely enhanced casino app for Android gadgets. By installing the program, gamers secure instant access to a vast collection of mobile slots that showcase breathtaking visuals, immersive sound effects, and smooth betting mechanics. If you are waiting for a bus or relaxing at the house, the layout is tailored to accommodate different screen sizes not compromising on standard.

    Selecting the right online casino mobile adventure is crucial for both efficiency and safety. The spingranny app emphasizes user safety, offering secured transfers and transparent play rules that provide calm of soul when you chase those giant jackpots. Apart from the security tools, the app is constantly upgraded to add the newest launches, guaranteeing that you never miss out on popular titles or creative extra rounds.

    Exploring the lobby is easy, allowing you to categorize your search for distinct themes or jackpot categories inside the mobile slots archive. With responsive touch settings and rapid loading times, the site creates a strong standard for what a mobile gaming space should appear. If you are seeking to elevate your betting session, getting the app is the best effective approach to reach high-end entertainment. By combining clear imagery with dependable results, this solution has cemented its status as a prime option for gamers who hate to be chained to a computer. Access the community now and find why a lot of players are transferring to this streamlined mobile format for all of their betting demands.

  7. В этой публикации мы рассматриваем важную тему борьбы с зависимостями, включая алкогольную и наркотическую зависимости. Мы обсудим методы лечения, реабилитации и поддержку, которые могут помочь людям, столкнувшимся с этой проблемой. Читатели узнают о перспективах выздоровления и важности комплексного подхода.
    Есть чему поучиться – [url=https://sipnn.ru/kompleksnyj-podhod-k-preodoleniyu-alkogolnoj-zavisimosti-etapy-terapii-i-vazhnost-professionalnoj-podderzhki/]наркологическая клиника Дельта в Балашихе[/url]

  8. Каждый пациент проходит несколько последовательных этапов, направленных на очищение организма, стабилизацию эмоционального состояния и формирование стойкой мотивации к трезвой жизни. Такой подход позволяет не только устранить физическую зависимость, но и укрепить психическую устойчивость.
    Получить больше информации – https://narkologicheskaya-klinika-v-samare16.ru

  9. chickenroad-Fleeddy

    aplicación de bolsillo entre pasados años es el top favoritos dentro de países hispanohablantes por su accesibilidad y adicta estrategia de supervivencia [url=https://chickenroad-es-52.pages.dev]Chicken Road Opiniones Es Fiable[/url] .

    Si estás opiniones sobre referido entorno, como críticas reales, su calidad o cómo se desarrolla, tal texto le ayudará a entender todo que debes para probarlo.

    Un gran número de usuarios han expuesto sus impresiones a través de comunidades tales como Comunidades de Móvil, en los que las opiniones sobre Chicken Road son entre, hacia lo positivo reconocimientos gracias a su diversión, hasta críticas debido a su anuncios constante o su formato estandarizado.

    Entre las primeras dudas que se plantean cuando analizar de el programa es qué tipo de representa de forma concreta referido aplicación. Esto se consiste una clase de programa del tipo *survival*, donde su objetivo principal es recorrer una ruta interminable en coche, eludiendo obstáculos y impidiendo colisiones. No obstante su mecánica es comparable a muchos aplicaciones de conducción, el éxito radica en su usabilidad y en la percepción de avance continuo, al cada momento que obtienes superar alejado de choques, consigues recompensas y activas actualizaciones de su transporte.

    Pese a todo aunque, varios jugadores están de acuerdo en que, a pesar de es entretenido, puede ser repetitivo a largo plazo por causa de novedad en los mapas y las múltiples misiones.

    Al hablar de las reales impresiones, los usuarios destacan en positivo el atractivo así como lo negativo. Por lado, resaltan la easy de entorno y el hecho de poder disfrutar durante rutinas de pocos minutos, recomendable durante descansos ocio. En el otro punto de vista, se encuentran denuncias frecuentes sobre la banners, que detiene constantemente la experiencia juego, y sobre la agresiva generación de ingresos, en la que a los jugadores fomentan a comprar *power-ups* o bonos adicionales para avanzar de forma más ágil. Esto ha generado que algunos los participantes duden si este juego resulta confiable o si justifica la probarlo, especialmente te interesa una experiencia libre de obligatorias.

    En plataformas como la App Store, las oscilan ser clasificadas diversas, con una media de una valoración media que fluctúa entre 3 y 4 estrellas de valoración. Numerosos jugadores primerizos se al, si bien el aplicación es sin costo, su enfoque de se la compra actualizaciones para el desarrollo. Esto ha generado debatidos sobre si vale la pena invertir recursos en, porque no obstante las upgrades se consideran ser de ayuda, sin embargo programa permanece jugable exento de las transacciones.

    Si te animas instalarlo la aplicación, se aconseja leer críticas en comunidad hispanohablante de comunitarios para una opinión considerablemente más objetiva antes de invertir recursos o mejoras.

    En resumen conclusión, este juego se considera un adictivo y sencillo, sin embargo con algunos puntos, en lo referente a en anuncios y ganancias. Cuando necesitas algo entretenido entretenido para pasar el tiempo entretenerse, resulta una interesante elección, no obstante si entornos considerablemente más complejas o alejadas de tensión de, probablemente no será el óptimo.

    Tal como por regla general, el más recomendable resulta instalar a fin de ti mismo y contrastar tus primeras experiencias con las opiniones de las experiencias de distintos usuarios en como Forocoches o plataformas de entornos móviles.

댓글 달기

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