asynchronous javascript

Author: jin-2-kakaoent

services/blog/app/page.tsx

@@ -258,25 +258,30 @@ export default function Page() {
               </span>
               <div className="flex-1">
                 <p className="text-[14px] text-gray-700 md:text-[16px] dark:text-gray-300">
-                  <CustomLink
-                    href="https://www.dbpia.co.kr/Journal/articleDetail?nodeId=NODE11229679"
-                    className='"transition-colors text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"'
-                  ></CustomLink>
                   엘리스 SW 트랙 3기 실습 코치
                   <CustomLink
                     href="https://www.dbpia.co.kr/Journal/articleDetail?nodeId=NODE11229679"
                     className='"transition-colors text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"'
                   >
-                    JavaScript
+                    JavaScript, TypeScript 강의
                   </CustomLink>
-                  ,&nbsp;
+                  (수강생 72명 대상 4.49/5 평점)
+                </p>
+              </div>
+            </div>
+            <div className="flex flex-col gap-2 sm:flex-row sm:gap-4">
+              <span className="flex-shrink-0 text-[14px] font-medium text-gray-500 md:text-[16px] dark:text-gray-500 sm:w-20">
+                07/2021
+              </span>
+              <div className="flex-1">
+                <p className="text-[14px] text-gray-700 md:text-[16px] dark:text-gray-300">
                   <CustomLink
                     href="https://www.dbpia.co.kr/Journal/articleDetail?nodeId=NODE11229679"
                     className='"transition-colors text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"'
                   >
-                    TypeScript
+                    방슐랭 가이드
                   </CustomLink>
-                  강의(수강생 72명 대상 4.49/5 평점)
+                  (창업 동아리, 1500+ 유저, 98건 직거래 달성)
                 </p>
               </div>
             </div>

services/blog/app/talks/page.tsx

@@ -5,12 +5,16 @@ import Link from '@/components/Link'
 export const metadata = genPageMetadata({ title: 'Talks' })
 
 function formatDate(dateString: string) {
-  const date = new Date(dateString)
-  return date.toLocaleDateString('ko-KR', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  })
+  const parts = dateString.split('-')
+  const year = parts[0]
+  const month = parts[1]
+  const day = parts[2]
+
+  if (day) {
+    return `${year}년 ${parseInt(month)}월 ${parseInt(day)}일`
+  } else {
+    return `${year}년 ${parseInt(month)}월`
+  }
 }
 
 function TalkCard({ talk }) {
@@ -22,7 +26,7 @@ function TalkCard({ talk }) {
       <article>
         <div className="space-y-2">
           <div>
-            <h3 className="text-2xl font-bold leading-8 tracking-tight">
+            <h3 className="text-2xl font-bold tracking-tight leading-8">
               {href ? (
                 <Link
                   href={href}
@@ -49,14 +53,14 @@ function TalkCard({ talk }) {
               {type && (
                 <>
                   <span className="text-gray-500 dark:text-gray-400">·</span>
-                  <span className="inline-flex items-center rounded-md bg-gray-50 dark:bg-gray-800 px-2 py-1 text-xs font-medium text-gray-600 dark:text-gray-300 ring-1 ring-inset ring-gray-500/10 dark:ring-gray-500/20">
+                  <span className="inline-flex items-center px-2 py-1 text-xs font-medium text-gray-600 bg-gray-50 rounded-md ring-1 ring-inset dark:bg-gray-800 dark:text-gray-300 ring-gray-500/10 dark:ring-gray-500/20">
                     {type}
                   </span>
                 </>
               )}
             </div>
           </div>
-          {description && <div className="prose max-w-none text-gray-500 dark:text-gray-400">{description}</div>}
+          {description && <div className="max-w-none text-gray-500 prose dark:text-gray-400">{description}</div>}
           {(slides || video) && (
             <div className="flex gap-4 text-base font-medium leading-6">
               {slides && (

services/blog/data/talksData.ts

@@ -14,28 +14,28 @@ const talksData: Talk[] = [
     title: 'LLM 키우기',
     description: 'LLM 활용 방안 제안',
     date: '2025-02-20',
-    event: 'Kakao Entertainment FE Chapter 라이트닝 톡', // 행사명이 있다면 여기에 추가하세요
+    event: 'Kakao Entertainment FE Chapter 라이트닝 톡',
     href: '/talks/llm-growing',
     type: 'talk',
   },
   {
     title: 'Asynchronous JavaScript',
     description: '비동기 JavaScript에 대한 이해',
-    date: '2024-06-15', // 실제 강의 날짜로 업데이트해주세요
-    event: '엘리스(Elice)',
-    href: '/talks/elice',
+    date: '2022-10',
+    event: '엘리스',
+    href: '/talks/asynchronous-javascript',
     type: 'lecture',
   },
-  {
-    title: '예시 발표 제목',
-    description: '발표에 대한 간단한 설명을 여기에 작성합니다.',
-    date: '2024-01-15',
-    event: '컨퍼런스 이름',
-    href: 'https://example.com',
-    slides: 'https://slides.example.com',
-    video: 'https://youtube.com/watch?v=example',
-    type: 'talk',
-  },
+  // {
+  //   title: '예시 발표 제목',
+  //   description: '발표에 대한 간단한 설명을 여기에 작성합니다.',
+  //   date: '2024-01-15',
+  //   event: '컨퍼런스 이름',
+  //   href: 'https://example.com',
+  //   slides: 'https://slides.example.com',
+  //   video: 'https://youtube.com/watch?v=example',
+  //   type: 'talk',
+  // },
   // 여기에 더 많은 발표를 추가하세요
 ]