🌱 성장일지 Re 1.0

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

• 살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?
• 성장하고 있는 것이 살아 있는 것이다.
• 생명의 유일한 증거는 성장이다!

(1.0) 하루 SoD, EoD를 기록하고 공부한 것을 간단하고 담백하게 기록하자.

Plan

아침

- ✅ 스트레칭
- ✅ 명상
- ✅ 유산균, 양배추즙, 견과류, 우유 한 잔, 홍삼
- ✅ SoD 쓰기
- ❌ 신문 읽기

오전

- ✅ 메모장 확인
- ✅ 온보딩 UX 개선: 첫 번째 페이지 API 연동

✅ ⏰ (10:00 ~ 10:15) 데일리 체크인

오후

- ✅ 온보딩 UX 개선: 공통 기능 구현
- 🌱 온보딩 UX 개선: 두 번째 페이지 API 연동
- 🌱 온보딩 UX 개선: 세 번째 페이지 API 연동
- 🌱 코드리뷰 및 버퍼(1.0)

저녁

❌ ⏰ (19:30 ~ 21:00) 헬스 - 상체
✅ ⏰ (19:00 ~ 23:00) 공부하러 카페가기

- ✅ 블로그 개발: SEO 최적화
- ❌ 책: HTTP 완벽 가이드 1장 읽기(0.5)
- 🌱 블로그: 성장일지 쓰기(1.0)
- ❌ 다이어리: 감정일기 쓰기
- ✅ EoD 쓰기

Learn

Next.js에서의 SEO 최적화

sitemap.xml 생성

• sitemap.xml을 생성하여 검색엔진에 사이트맵을 제출하면 검색엔진이 사이트를 더 잘 수집할 수 있다.
• next.js에서는 정적, 동적 sitemap을 생성을 지원한다.
• 블로그의 페이지에 대한 sitemap을 동적으로 생성하기 위해서 아래와 같이 코드를 작성했다.

import { MetadataRoute } from 'next';

export default function sitemap(): MetadataRoute.Sitemap {
  return [
    {
      url: 'https://www.jayden-do-smite.com',
      lastModified: new Date(),
      changeFrequency: 'yearly',
      priority: 1,
    },
    {
      url: 'https://www.jayden-do-smite.com/posts',
      lastModified: new Date(),
      changeFrequency: 'daily',
      priority: 0.6,
    },
    {
      url: 'https://www.jayden-do-smite.com/resume',
      lastModified: new Date(),
      changeFrequency: 'monthly',
      priority: 0.9,
    },
  ];
}

• 위와 같이 sitemap.ts 파일을 생성하면 next.js에서 자동으로 sitemap.xml을 생성해준다.

robots.txt 생성

• robots.txt 파일을 생성하여 검색엔진이 사이트를 수집할 때의 규칙을 설정할 수 있다.
• sitemap과 마찬가지로 next.js에서 자동으로 생성해주는데, 아래와 같이 코드를 작성했다.

import { MetadataRoute } from 'next';

export default function robots(): MetadataRoute.Robots {
  return {
    rules: {
      userAgent: '*',
      allow: '/',
      disallow: '/private/',
    },
    sitemap: 'https://www.jayden-do-smite.com/sitemap.xml',
  };
}

• 위와 같이 robots.ts 파일을 생성하면 next.js에서 자동으로 robots.txt를 생성해준다.

Review

• 오늘 진을 많이 괴롭혔는데, 끝까지 친절했다. 역시 응답 잘해주는 백엔드가 최고다. 감사해용 진
• graphql이 처음이라 조금 어색했는데, 이제 좀 느낌을 알 것 같다. 코드젠이 아무때나 코드를 만들어서 조금 귀찮았는데, 소중함을 알게 됨ㅎㅎ