feat(project): project card를 위한 object 생성자 구현, footer css 수정

Nexters · Oct 2, 2021 · 659cc1e · 659cc1e
1 parent d1a56bd
commit 659cc1e
Show file tree

Hide file tree

Showing 5 changed files with 384 additions and 3 deletions.
diff --git a/assets/css/_device.scss b/assets/css/_device.scss
@@ -2,6 +2,16 @@
 $breakpoint-mobile: 840px;
 $breakpoint-tablet: 1200px;
 
+// m: mobile  d: desktop  c: column
+$breakpoint-m-c1: 692px;
+$breakpoint-m-c2: 840px;
+$breakpoint-d-c1: 904px;
+$breakpoint-d-c2: 1317px;
+// d3는 그 이후
+
+
+// for global
+
 @mixin mobile {
   @media (min-width: 0px) and (max-width: #{$breakpoint-mobile}) {
     @content;
@@ -19,3 +29,29 @@ $breakpoint-tablet: 1200px;
     @content;
   }
 }
+
+// for projects
+
+@mixin m-c1{
+  @media (min-width: 0px) and (max-width: #{$breakpoint-m-c1}){
+    @content;
+  }
+}
+
+@mixin m-c2{
+  @media (min-width: #{$breakpoint-m-c1 + 1px}) and (max-width: #{$breakpoint-m-c2}){
+    @content;
+  }
+}
+
+@mixin d-c1{
+  @media (min-width: #{$breakpoint-d-c1 + 1px}) and (max-width: #{$breakpoint-d-c2}){
+    @content;
+  }
+}
+
+@mixin d-c2{
+  @media (min-width: #{$breakpoint-d-c2 + 1px}){
+    @content;
+  }
+}
diff --git a/components/footer.vue b/components/footer.vue
@@ -122,7 +122,6 @@ footer {
   @include desktop {
     display: flex;
     align-items: center;
-    padding-left: 64px;
     width: 1200px;
     margin: auto auto 32px auto;
 

diff --git a/content/projects.json b/content/projects.json
@@ -0,0 +1,218 @@
+{
+  "results": [
+    {
+      "command": {
+        "func": "getData",
+        "kwargs": [
+          {
+            "minCol": 1,
+            "worksheetTitle": "project"
+          },
+          null
+        ]
+      },
+      "result": {
+        "rawData": [
+          [
+            "앱 이름",
+            "앱 대표 이미지",
+            "기수",
+            "년도",
+            "팀명",
+            "팀원 (,로 구분)",
+            "프로젝트 상세 설명",
+            "발표 자료 링크",
+            "구글 플레이 링크",
+            "앱스토어 링크",
+            "웹페이지 링크"
+          ],
+          [
+            "Habitkery",
+            "1XyPcA3KsEO04sZ5pbdWVep3D6MmASEf7",
+            "19",
+            "2021",
+            "이끼",
+            "허지인, 안경문, 유채은, 성송현, 인정민, 김소연, 김준희, 김성재",
+            "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "www.naver.com",
+            "www.naver.com",
+            "",
+            ""
+          ],
+          [
+            "두번째 앱 이름",
+            "",
+            "20",
+            "2021",
+            "뭐 있겄지",
+            "아무개, 아무개",
+            "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "www.naver.com",
+            "",
+            "www.naver.com",
+            ""
+          ],
+          [
+            "세번째 앱 이름",
+            "",
+            "19",
+            "2021",
+            "뭐 있겄지",
+            "아무개, 아무개",
+            "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "www.naver.com",
+            "www.naver.com",
+            "www.naver.com",
+            ""
+          ],
+          [
+            "네번째 앱 이름",
+            "",
+            "17",
+            "2020",
+            "이끼",
+            "허지인, 안경문, 유채은, 성송현, 인정민, 김소연, 김준희, 김성재",
+            "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "www.naver.com",
+            "",
+            "",
+            "www.naver.com"
+          ],
+          [
+            "",
+            "",
+            "",
+            "",
+            "이끼",
+            "허지인, 안경문, 유채은, 성송현, 인정민, 김소연, 김준희, 김성재",
+            "",
+            "",
+            "",
+            "",
+            ""
+          ],
+          [
+            "",
+            "",
+            "12",
+            "",
+            "뭐 있겄지",
+            "아무개, 아무개",
+            "",
+            "",
+            "",
+            "",
+            ""
+          ]
+        ],
+        "formatted": [
+          {
+            "(A)": "앱 이름",
+            "(B)": "앱 대표 이미지",
+            "(C)": "기수",
+            "(D)": "년도",
+            "(E)": "팀명",
+            "(F)": "팀원 (,로 구분)",
+            "(G)": "프로젝트 상세 설명",
+            "(H)": "발표 자료 링크",
+            "(I)": "구글 플레이 링크",
+            "(J)": "앱스토어 링크",
+            "(K)": "웹페이지 링크"
+          },
+          {
+            "(A)": "Habitkery",
+            "(B)": "1XyPcA3KsEO04sZ5pbdWVep3D6MmASEf7",
+            "(C)": "19",
+            "(D)": "2021",
+            "(E)": "이끼",
+            "(F)": "허지인, 안경문, 유채은, 성송현, 인정민, 김소연, 김준희, 김성재",
+            "(G)": "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "(H)": "www.naver.com",
+            "(I)": "www.naver.com",
+            "(J)": "",
+            "(K)": ""
+          },
+          {
+            "(A)": "두번째 앱 이름",
+            "(B)": "",
+            "(C)": "20",
+            "(D)": "2021",
+            "(E)": "뭐 있겄지",
+            "(F)": "아무개, 아무개",
+            "(G)": "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "(H)": "www.naver.com",
+            "(I)": "",
+            "(J)": "www.naver.com",
+            "(K)": ""
+          },
+          {
+            "(A)": "세번째 앱 이름",
+            "(B)": "",
+            "(C)": "19",
+            "(D)": "2021",
+            "(E)": "뭐 있겄지",
+            "(F)": "아무개, 아무개",
+            "(G)": "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "(H)": "www.naver.com",
+            "(I)": "www.naver.com",
+            "(J)": "www.naver.com",
+            "(K)": ""
+          },
+          {
+            "(A)": "네번째 앱 이름",
+            "(B)": "",
+            "(C)": "17",
+            "(D)": "2020",
+            "(E)": "이끼",
+            "(F)": "허지인, 안경문, 유채은, 성송현, 인정민, 김소연, 김준희, 김성재",
+            "(G)": "좋은 습관은 나와의 약속을 하나씩 지켜갈 때 만들어져요. 거창한 목표가 아니더라도 작은 것부터 하나씩 시작해나가면 어느새 좋은 습관이 형성되어 있을 거예요.\n\n3일을 목표로 생활 속 습관을 하나씩 만들어보세요. 3일 연속으로 습관 완료 시 누군가의 달콤한 응원과 함께 조각 케익이 도착합니다. 같은 종류의 케익을 8조각 모으면 홀케익을 완성할 수 있어요.\n\n습관을 함께하는 다른 사람들과 서로 응원을 주고받으며 즐겁게 습관을 실천하세요!",
+            "(H)": "www.naver.com",
+            "(I)": "",
+            "(J)": "",
+            "(K)": "www.naver.com"
+          },
+          {
+            "(A)": "",
+            "(B)": "",
+            "(C)": "",
+            "(D)": "",
+            "(E)": "이끼",
+            "(F)": "허지인, 안경문, 유채은, 성송현, 인정민, 김소연, 김준희, 김성재",
+            "(G)": "",
+            "(H)": "",
+            "(I)": "",
+            "(J)": "",
+            "(K)": ""
+          },
+          {
+            "(A)": "",
+            "(B)": "",
+            "(C)": "12",
+            "(D)": "",
+            "(E)": "뭐 있겄지",
+            "(F)": "아무개, 아무개",
+            "(G)": "",
+            "(H)": "",
+            "(I)": "",
+            "(J)": "",
+            "(K)": ""
+          }
+        ],
+        "header": [
+          "(A)",
+          "(B)",
+          "(C)",
+          "(D)",
+          "(E)",
+          "(F)",
+          "(G)",
+          "(H)",
+          "(I)",
+          "(J)",
+          "(K)"
+        ],
+        "range": "project!A1:AB1000"
+      }
+    }
+  ]
+}
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="background">
     <Header :headers="headers" :is-white="false"></Header>
     <nuxt />
     <Footer :items="items" :copyrights="copyrights"></Footer>
@@ -35,4 +35,10 @@ class DefaultLayout extends Vue {
 }
 export default DefaultLayout;
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.background {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+</style>