Merge pull request #147 from yeonjulee1005/stage

🚌 [version: 2.6.0] push to master
yeonjulee1005 · Feb 3, 2024 · 3f2ce73 · 3f2ce73
2 parents a2d8d6f + 5a20903
commit 3f2ce73
Show file tree

Hide file tree

Showing 5 changed files with 158 additions and 53 deletions.
diff --git a/assets/scss/shared/components/content_container.scss b/assets/scss/shared/components/content_container.scss
@@ -23,8 +23,8 @@
     line-height: 1.6;
   }
   a {
-    text-decoration: none;
-    color: unset;
+    text-decoration: underline;
+    color: var(--d-yellow-color);
   }
 
   .menu-list {
@@ -150,49 +150,6 @@
         background: none;
         font-size: 0.8rem;
       }
-      .hljs-comment,
-      .hljs-quote {
-        color: var(--el-color-white);
-      }
-      .hljs-variable,
-      .hljs-template-variable,
-      .hljs-attribute,
-      .hljs-tag,
-      .hljs-name,
-      .hljs-regexp,
-      .hljs-link,
-      .hljs-selector-id,
-      .hljs-selector-class {
-        color: var(--el-color-white);
-      }
-      .hljs-number,
-      .hljs-meta,
-      .hljs-built_in,
-      .hljs-builtin-name,
-      .hljs-literal,
-      .hljs-type,
-      .hljs-params {
-        color: var(--el-color-white);
-      }
-      .hljs-string,
-      .hljs-symbol,
-      .hljs-bullet {
-        color: var(--el-color-white);
-      }
-      .hljs-title,
-      .hljs-section {
-        color: var(--el-color-white);
-      }
-      .hljs-keyword,
-      .hljs-selector-tag {
-        color: var(--el-color-white);
-      }
-      .hljs-emphasis {
-        font-style: italic;
-      }
-      .hljs-strong {
-        font-weight: 700;
-      }
     }
   }
 

diff --git a/content/blog/20240203.md b/content/blog/20240203.md
@@ -0,0 +1,114 @@
+---
+title: 2024년 1월 회고
+description: 24년에 대한 월간 회고 입니다.
+date: 2024-02-23
+authors:
+  - name: "개발자 이연주"
+    avatarUrl: https://avatars.githubusercontent.com/u/57179957?v=4
+    link: https://www.dewdew.dev
+tags:
+  - FE Developer
+  - Frontend
+  - Developer
+  - 프론트앤드
+  - 개발자
+  - 이연주
+  - 개발자 이연주
+  - 회고
+category: blog
+head:
+  meta:
+    - name: 'keywords'
+      content: 'nuxt3, nuxt, vue3, vue, content, typescript, 개발자 이연주, FE 개발자 이연주'
+    - name: 'robots'
+      content: 'index, follow'
+    - name: 'author'
+      content: 'FE 이연주'
+    - name: 'copyright'
+      content: '© 2023 Dewdew'
+---
+
+# 청룡의 해, 2024년
+
+::card{class="content-card"}
+청룡의 해가 시작 되었다.<br>
+[작년 포스팅](./20231229.md) 에도 이야기 드렸듯, 이제 매달마다 회고를 하려고 한다.<br>
+작년 23년도 회고에서도 언급했다시피, 올해부터는 매월마다 회고를 하려고 한다.<br>
+벌써 24년의 1월이 지나갔는데.. 이게 이렇게 생각보다 금방 지나갈 줄은 꿈애도 몰랐었다.<br><br>
+
+![드뎌.. 데스크셋업](https://api.dewdew.dev/storage/v1/object/public/blog/20240203.webp)
+
+#### 정상이 비정상이 되어가는 과정?
+이번년도 매출 목표를 위해서 운영팀측에서 요구하는 추가 기능들이 점점 들어오고 있다.<br>
+개발자에게 있어서 즐거운 시간이 두가지 정도 있다고 생각하는데, 첫째로 새로운 기능에 대한 개발과 소스 개선에 있다고 생각한다.<br><br>
+우리회사 또한 예외적으로 발생하지 않았으면 하는 일들이 있는데, ~~물론 모든 회사들에서 마찬가지의 일이 발생하겠지만~~<br>
+그것은 다음과 같다.<br>
+
+- 우선순위 없이 요구받는 모든 사항들이 First Priority니까 빨리 해줘.
+- 놓치는 부분이 너무많음.
+- 업무 강도 혹은 업무량의 고려 없이 급하게 요구
+
+난 각 새로운 기능이 추가될 때마다, 클라이언트 기능과 백오피스 관리기능이 같이 개발이 되어야 한다고 믿고 있다.<br>
+그렇지만, 이러한 부분들을 너무 간과하면서 클라이언트 기능개발에만 초점을 맞추는 인력들이 다수 존재하여 너무나 마음이 아프다.<br>
+마치, 비정상들 속에서 고독하게 옳은 길을 외치고 있는 느낌이다.<br>
+위와 같은 점들으 고려하면서 개발을 해야되는데 그래서 속상한 일들이 최근에 많이 발생했던거 같다.<br>
+앞으로는 좀 더 나아지지 않을까하는 아주아주 작은 희망을 가져본다. <br>
+~~(잘 될진 모르겠지만..)~~<br>
+
+다음 달 회고에서는 위의 사항들이 개선되었으면 하는 바람이다.<br><br>
+
+아 그리고! 1월에 구현한 기능들은 다음과 같았다.
+- 브랜드페이 도입
+- 애플, 구글로그인 개선
+- IOS 웹뷰앱 런치스크린,앱아이콘 변경
+- 각 프로젝트 마이너 버그 수정
+- 각 새로운 기능에 대한 회의(킥오프 등)
+
+그래도 많은 기능은 개발하지 않았지만, 2월에는 바빠질 예정이다.<br>
+
+지난 6개월 전에 뽑았던 친구가 더 좋은 회사로 이직 하게된 것도 나름 마음이 아픈 내용이기도 하다.<br>
+그래도 애착하며, 잘 성장할 수 있는 친구라고 생각해서 같이 업무를하였고,<br>
+더더욱이 그러기 때문에, 여기보다 더 나은 환경이면 적극적으로 응원해주고 도와주어야 한다고 생각했다.<br>
+부디 그곳에서는 더 멋진 모습으로 날아오르길!
+
+#### 기술 웹사이트 구축 및 자기계발, 그리고 사이드프로젝트
+이번 달에는 [Astro](https://astro.build/) 프레임워크를 사용하여 [Dewdew World 블로그](https://www.dewdew.world)를 구현하였다.<br>
+본 웹사이트와는 다르게, 테크 블로그로 발전시킬 예정이다. 실제로도 현재 9개 정도 포스팅을 했고,<br>
+매달마다 못하더라도 8개 정도 포스팅을 하기 위해 노력할 것이다!<br>
+
+더 나아가, Dewdew World는 글로벌 시대에 맞게 영어로 사이트를 구축해 놓았다.<br>
+또한, 본 사이트의 [테크 블로그](/tech)에서 소개한 유용한 내용들을 이관하고, [블로그](/blog)만 넣어놓으려고 계획 중에 있다.<br>
+
+그리고, [Astro Docs](https://docs.astro.build/en/getting-started/)에 번역도 진행하고 있고, [Element Plus](https://element-plus.org/en-US/) 마찬가지로 번역을 진행하고 있다.<br>
+
+1월에는 [Vue Nation 2024](https://vi.to/hubs/vuejs-nation/) 또한 진행이 되어서, 좋은 인사이트를 얻을 수 있었고,<br>
+더구나, Vue School 또한 할인행사를 하여서, 모든 영상을 시청하여 들을 수 있는 것을 구독 하였다.<br>
+구독만 하면 그냥 돈낭비이기 때문에, 해당 영상들을 시청하면서 역량강화에 힘을 써볼 계획이다.<br>
+강좌가 생각보다 많기도 하고, 순수하게 영어로 되어있기 때문에 두마리 토끼를 모두 챙길 수 있을거 같아서 기대가 된다!<br>
+되도록이면, 4월 이내에 중요한 내용들을 학습하고, 2회독, 3회독까지 하면서 자기개발을 해볼 생각에 있다.<br>
+
+그리고 Vue 인증시험에도 도전하려고 결제까지 했지만.. 화면 공유에 대한 장애가 발생하여, 해당 내용은 문의를 넣은 상태..이다.<br>
+~~내돈~~<br>
+
+또한 [두람쥐](https://www.dooramgi.kr) 또한 지속적인 관리를 하고있고, 나아가서 좀 더 멋진 일들이 벌어질 것 같은데, 그건 차차 이야기 하도록 하겠다!<br>
+최근에 모션데스크도 구매하고, 모니터도 하나 더 장만했는데, 모니터의 결점체크를 위해서 아주아주 간단한 기능의 서비스를 만들었다.<br>
+[Monitor Test](https://monitors.dewdew.world)라는 이름으로 만들어놓았고, 손쉽게 픽셀결점과 색상 확인 등을 할 수 있는 서비스이다.<br>
+웹으로도 사용가능하며, IOS, 안드로이드 웹뷰앱으로도 심사를 받은 상태이기 때문에, 다들 쉽게 모니터 또는 디바이스의 결점을 테스트했으면 좋겠다!<br>
+
+#### 이번달 칭찬할 점
+이번 달에 칭찬할 점은,<br>
+위에 잠깐 소개한 [Dewdew World](https://www.dewdew.world)를 만든 것과, 다양한 역량강화를 할 준비를 했다는 점에 있을 것 같다!<br>
+
+#### 이번달에 아쉬운 점
+이번 달에 아쉬운 점은, 회사에서 나 자신의 감정을 좀 더 추스리고 냉철하게 업무에 매진해야겠다는 다짐을 가졌다.
+
+::
+
+::card{class="content-card"}
+지금까지 24년도 1월에 대한 간단한 회고였다.<br>
+이번 2월에도 열심히 정전해 볼 수 있도록 해야겠다.<br>
+::
+
+::card{class="menu-list flex flex-justify-end"}
+- ### [블로그 홈](/blog)
+::
diff --git a/content/blog/index.md b/content/blog/index.md
@@ -30,10 +30,16 @@ head:
 
 ::card{class="content-card"}
 기술 외적인 포스팅을 올리기 위한 색션입니다.<br>
-해당 색션은는 `Nuxt Content`를 이용하여, `markdown`으로 간단하게 작성할 수 있도록 구현하였습니다.
+해당 색션은는 `Nuxt Content`를 이용하여,<br>
+`markdown`으로 간단하게 작성할 수 있도록 구현하였습니다.<br><br>
 ::
 
 ::card{class="menu-list"}
 ### 발행된 블로그 리스트입니다.<br>
-- ### [2023년을 회고하며...(20231229)](/blog/20231229)
-::
+- #### [2024년 1월 회고 (20240203)](/blog/20240203)
+- #### [2023년을 회고하며...(20231229)](/blog/20231229)
+::
+
+::card{class="content-card"}
+![23년 도쿄](https://api.dewdew.dev/storage/v1/object/public/blog/index-cover.webp)
+::
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
     "name": "Dewdew",
     "email": "yeonju.lee1005@gmail.com"
   },
-  "version": "2.5.0",
+  "version": "2.6.0",
   "private": true,
   "scripts": {
     "build": "nuxt build",
@@ -25,6 +25,7 @@
     "@egjs/flicking-plugins": "^4.7.1",
     "@egjs/vue3-flicking": "^4.11.2",
     "@emailjs/browser": "^3.11.0",
+    "@giscus/vue": "^2.4.0",
     "@nuxt/content": "2.10.0",
     "@nuxt/devtools": "1.0.8",
     "@nuxt/eslint-config": "^0.2.0",
@@ -74,7 +75,7 @@
     "dayjs-nuxt": "^2.1.9",
     "eslint": "8.56.0",
     "eslint-plugin-vitest": "0.3.20",
-    "nuxt": "^3.9.2",
+    "nuxt": "^3.10.0",
     "nuxt-icon": "^0.6.7",
     "nuxt-simple-sitemap": "4.4.1",
     "nuxt-time": "^0.1.1",

diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
@@ -9,8 +9,8 @@
           {{ $t('blog.recentPost') }}
         </span>
         <NuxtLink
-          v-for="(link, index) of navigation[0].children"
-          v-show="index < 5"
+          v-for="(link, index) of reverseNavigation(navigation[0].children)"
+          v-show="index < 5 && link._path !== '/blog'"
           :key="link._path"
           class="navigation-link"
           :to="link._path"
@@ -29,21 +29,48 @@
           :date-time="doc.date"
         />
         <ContentRenderer
-          class="w-full"
+          class="w-full mb-20"
           :value="doc"
         />
+        <Giscus
+          v-if="doc._path !== '/blog'"
+          id="comments"
+          repo="yeonjulee1005/dewdew_v3"
+          repo-id="R_kgDOKjJUyA"
+          category="Blog"
+          category-id="DIC_kwDOKjJUyM4Cc6rs"
+          mapping="pathname"
+          strict="0"
+          reactions-enabled="1"
+          emit-metadata="0"
+          input-position="top"
+          theme="transparent_dark"
+          lang="ko"
+          loading="lazy"
+          crossorigin="anonymous"
+          async
+        />
       </div>
     </ContentDoc>
   </DDContainer>
 </template>
 
 <script setup lang="ts">
+import Giscus from '@giscus/vue'
+import type { NavItem } from '@nuxt/content/dist/runtime/types'
 
 const { t } = useLocale()
 const { path } = useRoute()
 
 const blogQuery = queryContent('blog')
 
+const reverseNavigation = (children: NavItem[] | undefined) => {
+  if (!children) {
+    return []
+  }
+  return [...children].reverse()
+}
+
 useHead({
   title: t('pageTitle.blog'),
   meta: [