Zenn
🌊

【初心者向け/ITスクール 100日】チームプロジェクト 8日目 プロジェクト スタート!

2023/12/14に公開
初心者
tech

はじめに

今日は、ITスクールに通った100日目の日で、今日学んだ知識を記事にシェアしたいと思います。本記事が、ITを勉強を始めた方々にもロードマップになればいいと思います。

今日はいよいよ同じSQLで、DBのデーターを合わせ、プロジェクトを開始しました。

大混乱

プロジェクトがスタートになりましたが、意外と人が多すぎることで、任務を効率的に配置できることが難しいことと、service、Repository、Mapperについて、理解が浅かったことで、その対応をする時間がとても多かった1日でした。
マークアップとフロントエンドができる人が2人しかいないので、正直心配で、マークアップをする時間が全然なかったです！

明日は、一人でマークアップに集中するしかないかなと思う1日でした！

Thymeleaf Template

マークアップしなければいけないページ数が相当多かったので、以前に経験してみたThymeleafの
Fragments機能を使うことにしました。
以前はheader,footerのみ利用し、少しバリエーションが必要なheadは使うことができませんでしたが、ものすごくいいこつを見つけ、記録します。

head
<head th:fragment="head">
    <!--웹 호환성 및 반응형 웹 -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE-edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--SEO 대책-->
    <meta name="author" content="HyonHyonKOR" />
    <meta
            name="keywords"
            content="male e-commerce,shopping,male,unique,남자 쇼핑몰,남자 아우터,남자 옷,남자 바지,남자 귀걸이,남자 악세사리"
    />
    <link rel="shortcut icon" href="#" type="image/x-icon" />
    <!--OG (Open Graph Data)-->
    <meta property="og:title" content="HyonHyon" />
    <meta property="og:type" content="Website" />
    <meta property="og:url" content="배포후 생성된 URL" />
    <meta property="og:image" content="배포후에 생성된 이미지 URL" />
    <!--Icons-->
    <script defer
            src="https://kit.fontawesome.com/459e14b80c.js"
            crossorigin="anonymous"
    ></script>
    <!--CSS-->
    <link rel="stylesheet" href="/css/style.css">
</head>
home
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org" >
<head>
   <div th:remove="tag" th:replace="~{/fragments/head :: head} "></div>
   <title>PERION Online Shop</title>
   <meta name="description" content="">
</head>
<body>
   <header th:replace="~{/fragments/header :: header}"></header>
   <h1>Client Home</h1>
   <footer th:replace="~{/fragments/footer :: footer}"></footer>
</body>
</html>

Discussion