[Fix] #14 - debug

css안의 이미지 파일 경로 수정 Failed to load module script 원인 삭제(상태님 확인 필요) css 충돌 수정
likelion11-kangwon · Apr 17, 2023 · 6fbe146 · 6fbe146
1 parent d83dce5
commit 6fbe146
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 39 deletions.
diff --git a/WarmUpProject/src/SeoSangtae.js b/WarmUpProject/src/SeoSangtae.js
@@ -1,19 +1,20 @@
-import "https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C500%2C700";
-import "https://fonts.googleapis.com/css?family=Inter%3A400%2C700";
-import "https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C700";
+// import "https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C500%2C700";
+// import "https://fonts.googleapis.com/css?family=Inter%3A400%2C700";
+// import "https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C700";
 import './styles/sangtae.css';
 
-function SeoSangtae(){
-    return(
-        <div className='SeoSangtae'>
-            <SstBody/>
-        </div>
-    )
+function SeoSangtae() {
+  return (
+    <div className='SeoSangtae'>
+      <SstBody />
+    </div>
+  )
 }
 
-function SstBody(){
-    return(
-        <div className="sangtae-H9r">
+function SstBody() {
+  return (
+    <div className="sst_body">
+      <div className="sangtae-H9r">
         <div className="auto-group-rheq-hDa">
           <div className="item--uU4">강원대 멋쟁이사자처럼</div>
           <div className="item--hep">
@@ -67,7 +68,7 @@ function SstBody(){
             <div className="item--ANc">
               선호하는 메뉴를 먼저 학습을 시키고, 날씨 등 외부 환경을 고려해 점심 메뉴를 추천하는 서비스
               <br />
-    
+
               <br />
               인터넷 지도에서 음식 종류와 가격 범위를 선택하면 선택한 음식점 정보만 제공하는 서비스
             </div>
@@ -79,7 +80,7 @@ function SstBody(){
               <br />
               햄스터 종류 : 드워프햄스터 (블루 사파이어)
               <br />
-    
+
             </span>
           </div>
           <div className="auto-group-s1np-EhE">
@@ -143,7 +144,7 @@ function SstBody(){
           <div className="auto-group-ybje-4aL">
             <div className="auto-group-jk9r-P6p">
               <a href="https://www.notion.so/invite/445e0b77ee1c3a343b4d7ec7414bca2eda77a92c"><img className="image-12-uL4"
-                  src="images/sst_imgs/image-12.png" /></a>
+                src="images/sst_imgs/image-12.png" /></a>
             </div>
             <div className="auto-group-tgkz-2fa">
               <a href="https://discord.gg/9kNasTt9"><img className="image-10-NjS" src="images/sst_imgs/image-10.png" /></a>
@@ -158,7 +159,8 @@ function SstBody(){
           <div className="item-010-6319-2108-TuJ">010-6319-2108</div>
         </div>
       </div>
-    )
+    </div>
+  )
 }
 
 export default SeoSangtae;
diff --git a/WarmUpProject/src/styles/jdy.css b/WarmUpProject/src/styles/jdy.css
@@ -171,7 +171,7 @@
     font-weight: lighter;
 }
 .proj_panel .header button{
-    background: url("../../public/images/proj_panel_button_ui.svg") no-repeat center;
+    background: url("../../public/images/jdy_imgs/proj_panel_button_ui.svg") no-repeat center;
     margin-top: 20px;
     padding: 3px;
     border: none;

diff --git a/WarmUpProject/src/styles/sangtae.css b/WarmUpProject/src/styles/sangtae.css
@@ -1,18 +1,11 @@
-
-html {
-	font-size:62.5%;
-}
-* {
-	margin: 0;
-	padding: 0;
-}
-ul, li {
+.SeoSangtae ul, li {
 	list-style: none;
 }
-input {
+.SeoSangtae input {
 	border: none;
 }
-body {
+.sst_body {
+  font-size:62.5%;
   width: 39rem;
 }.sangtae-H9r {
   width: 100%;
@@ -422,7 +415,7 @@ body {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url('../assets/kakaotalk20230403212212724-1-bg.png');
+  background-image: url('../../public/images/sst_imgs/kakaotalk20230403212212724-1-bg.png');
   border-radius: 3rem;
   flex-shrink: 0;
 }
@@ -803,7 +796,7 @@ body {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url('../assets/image-11-bg.png');
+  background-image: url('../../public/images/sst_imgs/image-11-bg.png');
   flex-shrink: 0;
 }
 .sangtae-H9r .auto-group-dkdi-5nx .auto-group-ybje-4aL .auto-group-jk9r-P6p .image-12-uL4 {
@@ -819,7 +812,7 @@ body {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url('../assets/image-9-bg.png');
+  background-image: url('../../public/images/sst_imgs/image-9-bg.png');
   flex-shrink: 0;
 }
 .sangtae-H9r .auto-group-dkdi-5nx .auto-group-ybje-4aL .auto-group-tgkz-2fa .image-10-NjS {

diff --git a/WarmUpProject/src/styles/style.css b/WarmUpProject/src/styles/style.css
@@ -34,7 +34,7 @@
   --dl-space-space-threeunits: 48px;
   --dl-space-space-oneandhalfunits: 24px;
 }
-.button {
+.KimSeongbin .button {
   color: var(--dl-color-gray-black);
   display: inline-block;
   padding: 0.5rem 1rem;
@@ -43,7 +43,7 @@
   border-radius: 4px;
   background-color: var(--dl-color-gray-white);
 }
-.input {
+.KimSeongbin .input {
   color: var(--dl-color-gray-black);
   cursor: auto;
   padding: 0.5rem 1rem;
@@ -52,7 +52,7 @@
   border-radius: 4px;
   background-color: var(--dl-color-gray-white);
 }
-.textarea {
+.KimSeongbin .textarea {
   color: var(--dl-color-gray-black);
   cursor: auto;
   padding: 0.5rem;
@@ -61,30 +61,30 @@
   border-radius: 4px;
   background-color: var(--dl-color-gray-white);
 }
-.list {
+.KimSeongbin .list {
   width: 100%;
   margin: 1em 0px 1em 0px;
   display: block;
   padding: 0px 0px 0px 1.5rem;
   list-style-type: none;
   list-style-position: outside;
 }
-.list-item {
+.KimSeongbin .list-item {
   display: list-item;
 }
-.teleport-show {
+.KimSeongbin .teleport-show {
   display: flex !important;
   transform: none !important;
 }
-.Content {
+.KimSeongbin .Content {
   font-size: 16px;
   font-family: Inter;
   font-weight: 400;
   line-height: 1.15;
   text-transform: none;
   text-decoration: none;
 }
-.Heading {
+.KimSeongbin .Heading {
   font-size: 32px;
   font-family: Inter;
   font-weight: 700;