|
1 | | -# Real Coding Blog |
| 1 | +# 🚀 실전코딩 기술 블로그 |
2 | 2 |
|
3 | | -[](https://realcoding.github.io) |
4 | | -[](https://jekyllrb.com/) |
5 | | -[](https://opensource.org/licenses/MIT) |
| 3 | +[](https://realcoding.blog) |
| 4 | +[](https://github.com/realcoding2003/realcoding2003.github.io/stargazers) |
| 5 | +[](https://github.com/realcoding2003) |
6 | 6 |
|
7 | | -실무에서 배운 개발 노하우와 기술적 인사이트를 공유하는 기술 블로그입니다. |
| 7 | +> **실무에서 배운 개발 노하우와 기술적 인사이트를 공유하는 개발자 Kevin Park의 기술 블로그입니다.** |
8 | 8 |
|
9 | | -## 🌟 주요 기능 |
| 9 | +## 🌐 [📖 블로그 바로가기 →](https://realcoding.blog) |
10 | 10 |
|
11 | | -- **반응형 디자인** - 모든 기기에서 최적화된 경험 |
12 | | -- **다크모드 지원** - 사용자 환경에 맞는 테마 선택 |
13 | | -- **빠른 검색** - 포스트와 태그를 빠르게 찾기 |
14 | | -- **코드 하이라이팅** - 예쁜 문법 강조와 복사 기능 |
15 | | -- **댓글 시스템** - Utterances를 통한 GitHub 기반 댓글 |
16 | | -- **SEO 최적화** - 검색 엔진 친화적인 구조 |
17 | | - |
18 | | -## 🛠 기술 스택 |
| 11 | +--- |
19 | 12 |
|
20 | | -- **Jekyll** - 정적 사이트 생성기 |
21 | | -- **GitHub Pages** - 무료 호스팅 |
22 | | -- **HTML5/CSS3** - 모던 웹 표준 |
23 | | -- **JavaScript (ES6+)** - 인터랙티브 기능 |
24 | | -- **Prism.js** - 코드 문법 강조 |
25 | | -- **Font Awesome** - 아이콘 |
| 13 | +## ✨ 블로그 특징 |
26 | 14 |
|
27 | | -## 🚀 로컬 개발 환경 설정 |
| 15 | +- 🎯 **실무 중심** - 현업에서 직접 겪은 문제와 해결 과정 |
| 16 | +- 🔧 **다양한 기술 스택** - Frontend, Backend, DevOps, 클라우드 |
| 17 | +- 📱 **반응형 디자인** - 어떤 기기에서든 편리한 읽기 경험 |
| 18 | +- 🌙 **다크모드 지원** - 개발자 친화적인 UI/UX |
| 19 | +- 💬 **GitHub 댓글** - 자유로운 토론과 질문 |
| 20 | +- 🔍 **빠른 검색** - 태그와 카테고리로 원하는 글 빠르게 찾기 |
28 | 21 |
|
29 | | -### 1. 저장소 클론 |
30 | | -```bash |
31 | | -git clone https://github.com/realcoding/realcoding.github.io.git |
32 | | -cd realcoding.github.io |
33 | | -``` |
| 22 | +## 📚 주요 콘텐츠 카테고리 |
34 | 23 |
|
35 | | -### 2. Ruby와 Jekyll 설치 |
36 | | -```bash |
37 | | -# macOS (Homebrew 사용) |
38 | | -brew install ruby |
39 | | -gem install bundler jekyll |
| 24 | +### 🖥️ **Backend & Server** |
| 25 | +- Linux 서버 관리 및 최적화 |
| 26 | +- AWS 클라우드 서비스 활용 |
| 27 | +- 데이터베이스 설정 및 튜닝 |
| 28 | +- Docker & 컨테이너 기술 |
40 | 29 |
|
41 | | -# Ubuntu |
42 | | -sudo apt-get install ruby-full build-essential zlib1g-dev |
43 | | -gem install bundler jekyll |
44 | | -``` |
| 30 | +### 🌐 **Frontend & Web** |
| 31 | +- JavaScript/TypeScript 실전 팁 |
| 32 | +- React, Vue.js 개발 경험 |
| 33 | +- CSS 고급 기법 및 최적화 |
| 34 | +- 웹 성능 향상 기술 |
45 | 35 |
|
46 | | -### 3. 의존성 설치 |
47 | | -```bash |
48 | | -bundle install |
49 | | -``` |
| 36 | +### 🔧 **DevOps & Tools** |
| 37 | +- Git 워크플로우 및 협업 |
| 38 | +- CI/CD 파이프라인 구축 |
| 39 | +- 개발 환경 세팅 |
| 40 | +- 유용한 개발 도구들 |
50 | 41 |
|
51 | | -### 4. 로컬 서버 실행 |
52 | | -```bash |
53 | | -bundle exec jekyll serve |
54 | | -``` |
| 42 | +### 🤖 **AI & Automation** |
| 43 | +- 업무 자동화 스크립트 |
| 44 | +- AI 도구 활용법 |
| 45 | +- 생산성 향상 팁 |
55 | 46 |
|
56 | | -브라우저에서 `http://localhost:4000`으로 접속하여 블로그를 확인할 수 있습니다. |
| 47 | +## 🔥 인기 포스트 |
57 | 48 |
|
58 | | -## 📝 포스트 작성하기 |
| 49 | +- **[Claude MCP로 기술 블로그 만들기](https://realcoding.blog/2025/06/04/building-tech-blog-with-claude-mcp/)** - AI와 함께하는 블로그 개발기 |
| 50 | +- **[AWS 서버리스로 네이버 블로그 자동화](https://realcoding.blog/2024/04/10/aws-serverless-naver-blog-automation/)** - Lambda와 CloudWatch를 활용한 자동화 |
| 51 | +- **[ThemePress 애드온 아키텍처 설계](https://realcoding.blog/2023/03/20/themepress-addon-architecture/)** - 확장 가능한 플러그인 시스템 구축 |
| 52 | +- **[Linux SSH 키 생성 완벽 가이드](https://realcoding.blog/2024/05/10/linux-ssh-keygen/)** - 보안 강화를 위한 SSH 설정 |
59 | 53 |
|
60 | | -### 새 포스트 생성 |
61 | | -`_posts` 디렉토리에 `YYYY-MM-DD-제목.md` 형식으로 파일을 생성합니다. |
| 54 | +## 👨💻 저자 소개 |
62 | 55 |
|
63 | | -### Front Matter 작성 |
64 | | -```markdown |
65 | | ---- |
66 | | -layout: post |
67 | | -title: "포스트 제목" |
68 | | -date: 2025-06-04 14:30:00 +0900 |
69 | | -categories: [카테고리1, 카테고리2] |
70 | | -tags: [태그1, 태그2, 태그3] |
71 | | -author: "Kevin Park" |
72 | | -excerpt: "포스트에 대한 간단한 설명입니다." |
73 | | ---- |
| 56 | +**Kevin Park** - 실무 경험을 바탕으로 한 개발 노하우를 공유하는 것을 좋아하는 개발자입니다. |
74 | 57 |
|
75 | | -여기에 포스트 내용을 작성합니다. |
76 | | -``` |
| 58 | +- 🔧 **주요 기술**: JavaScript/TypeScript, Python, AWS, Docker |
| 59 | +- 📈 **관심 분야**: 웹 성능 최적화, 클라우드 아키텍처, 개발자 경험(DX) |
| 60 | +- 🎯 **블로그 목표**: 다른 개발자들에게 실질적인 도움이 되는 콘텐츠 제공 |
77 | 61 |
|
78 | | -## 🎨 커스터마이징 |
| 62 | +## 🤝 커뮤니티 참여 |
79 | 63 |
|
80 | | -### 색상 테마 변경 |
81 | | -`assets/css/main.css`에서 CSS 변수를 수정합니다: |
| 64 | +이 블로그가 도움이 되셨다면: |
82 | 65 |
|
83 | | -```css |
84 | | -:root { |
85 | | - --primary-color: #667eea; |
86 | | - --secondary-color: #764ba2; |
87 | | - --accent-color: #f093fb; |
88 | | -} |
89 | | -``` |
| 66 | +- ⭐ **[GitHub 스타 누르기](https://github.com/realcoding2003/realcoding2003.github.io)** - 블로그 응원하기 |
| 67 | +- 👥 **[GitHub 팔로우](https://github.com/realcoding2003)** - 새로운 프로젝트 소식 받기 |
| 68 | +- 💬 **댓글 남기기** - 포스트에 대한 의견이나 질문 공유 |
| 69 | +- 🔗 **공유하기** - 동료 개발자들에게 유용한 글 공유 |
90 | 70 |
|
91 | | -### 소셜 링크 설정 |
92 | | -`_config.yml`에서 사용자 정보를 설정합니다: |
| 71 | +## 📊 블로그 통계 |
93 | 72 |
|
94 | | -```yaml |
95 | | -github_username: your-username |
96 | | -linkedin_username: your-linkedin |
97 | | -``` |
| 73 | +- 📝 **포스트 수**: 25개+ (지속 업데이트) |
| 74 | +- 🏷️ **주요 태그**: JavaScript, AWS, Linux, Docker, Python |
| 75 | +- 📅 **업데이트**: 정기적으로 새로운 포스트 발행 |
| 76 | +- 🌍 **언어**: 한국어 (Korean) |
98 | 77 |
|
99 | | -## 🚀 배포하기 |
| 78 | +## 📞 연락처 |
100 | 79 |
|
101 | | -### GitHub Pages 자동 배포 |
102 | | -1. GitHub에 코드를 푸시합니다 |
103 | | -2. 저장소 Settings → Pages로 이동 |
104 | | -3. Source를 "Deploy from a branch"로 설정 |
105 | | -4. Branch를 "main"으로 선택 |
106 | | -5. 몇 분 후 `https://username.github.io`에서 사이트 확인 |
| 80 | +- **📧 이메일**: [kevinpark@okyc.kr](mailto:kevinpark@okyc.kr) |
| 81 | +- **🐙 GitHub**: [@realcoding2003](https://github.com/realcoding2003) |
| 82 | +- **💼 LinkedIn**: [Kevin Park](https://www.linkedin.com/in/realcoding/) |
| 83 | +- **🌐 웹사이트**: [realcoding.blog](https://realcoding.blog) |
107 | 84 |
|
108 | | -## 📄 라이선스 |
| 85 | +--- |
109 | 86 |
|
110 | | -이 프로젝트는 MIT 라이선스 하에 배포됩니다. |
| 87 | +## 🛠️ 기술 정보 |
111 | 88 |
|
112 | | -## 🙋♂️ 문의하기 |
| 89 | +이 블로그는 **Jekyll**과 **GitHub Pages**로 구축되었으며, 완전히 오픈소스입니다. |
113 | 90 |
|
114 | | -- **이메일**: kevin@realcoding.blog |
115 | | -- **GitHub**: [@realcoding](https://github.com/realcoding) |
| 91 | +- **🎨 디자인**: 커스텀 반응형 테마 |
| 92 | +- **⚡ 성능**: 정적 사이트 생성으로 빠른 로딩 |
| 93 | +- **🔒 보안**: HTTPS 기본 지원 |
| 94 | +- **📱 모바일**: 모든 디바이스 최적화 |
116 | 95 |
|
117 | 96 | --- |
118 | 97 |
|
119 | | -⭐ 이 블로그가 도움이 되셨다면 별표를 눌러주세요! |
| 98 | +**💡 "더 나은 코드, 더 나은 개발자가 되기 위한 여정을 함께 해요!"** |
| 99 | + |
| 100 | +⭐ **이 저장소가 도움이 되셨다면 스타를 눌러주세요!** |
0 commit comments