👋 heyjihye

Gatsby를 바탕으로 만든 개인 웹사이트의 소스 코드를 담고 있어요

👩‍💻 Develop

로컬에서 개발하기

npm run develop

기본 포트(8000)를 다른 로컬 서비스가 사용 중이면 다음처럼 포트를 지정해 실행할 수 있습니다.

npm run develop -- --port 8001

색상 테마

색상 테마는 기본적으로 운영체제 설정을 따릅니다. 헤더의 테마 선택 메뉴에서 라이트 또는 다크 테마를 고정할 수 있고, 시스템을 선택하면 운영체제 설정으로 다시 돌아갑니다. 선택한 테마는 브라우저에 저장되어 다음 방문에도 유지됩니다.

Gatsby 참고

• Documentation
• Tutorials
• Guides
• API Reference
• Plugin Library
• Cheat Sheet

Tech stacks

• React/Gatsby
• RSS Feed: gatsby-plugin-feed 플러그인 사용.
  • 플러그인 설정 참고: gatsby-config.ts
• Rehype Pretty Code: Code blocks for MDX
• TailwindCSS v4
• Tailwind Typography

Sitemap

/about
/about/resume
/blog
/blog/*
/design-guide

/sitemap-index.xml  # Auto Generated
/robots.txt  # Auto Generated
/rss.xml  # Auto Generated
/rss-ghosts.xml  # rss feed to test
/ads.txt  # Google AdSense
/naver08346ecd0f9b1019b6fce83369a2ac95.html  # Naver Serach Advisor

🤖 Release

Release Please를 사용해 CHANGELOG, 깃헙 릴리즈, 프로젝트 버전 등을 자동으로 처리합니다.

1. Commit messages: Conventional Commits 규약에 맞는 커밋 메세지를 작성합니다.

   • Intellij IDEA Plugin: Git Commit Template 사용 추천

2. Auto Release:

   • 사용 기술: Release Please
   • 구현: GitHub Action > Release Please Action v5
   • 설정 파일: /.github/workflows/release-please.yml
   • main 브랜치에 변경 사항이 반영되면 Release PR이 자동으로 생성되거나 갱신됩니다.
   • Release PR을 병합하면 CHANGELOG와 프로젝트 버전이 갱신되고 태그와 GitHub Release가 생성됩니다.

🚀 Deploy & Hosting

• Platform: Netlify
• Gatsby Adapter 기능 사용
• 관련 설정: gatsby-config.ts - gatsby-adapter-netlify
• 연결 깃헙 저장소의 deploy 브랜치가 업데이트 되면 자동으로 빌드 후 배포합니다.

🚀 Integrations

SEO

• SeoHead: 페이지별 제목, 설명, canonical URL과 Open Graph·Twitter Card 메타 태그를 설정.
• 사용 플러그인
  • gatsby-config.ts 설정 참고
  • gatsby-plugin-sitemap : /sitemap-index.xml 파일 자동 생성
  • gatsby-plugin-robots-txt

Analytics

• Google Tag Manager
• Google Analytics
  • GTM 활용해 연결 완료
• Google Search Console
  • 속성 생성(GTM 활용해 인증) 및 사이트맵 제출 완료
  • 속성 생성 후 도메인이 변경되면 속성이 변경되기 때문에 새로 생성해야 함. 사이트 인증은 GTM 으로 자동 연결됨.
• Naver Search Advisor
  • 현재 미사용
  • 이전 커스텀 도메인(heyjihye.com)으로 생성
  • 새 주소(heyjihye.netlify.app) 변경 후 네이버 검색 지원은 필요성이 떨어텨서 새로 만들지 않음.

Advertising

• Google AdSense

License

Code released under MIT License

모든 콘텐츠는 Creative Commons BY-NC-ND 4.0 License 규정에 따라 이용할 수 있어요.