refactor: url to blog

hyochan · hyochan · commit bb17b3f0751e · 2025-05-23T01:17:47.000+09:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -27,4 +27,4 @@ jobs:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./build
           publish_branch: gh-pages
-          cname: crossplatformkorea.com
+          cname: blog.crossplatformkorea.com
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/README.md b/README.md
@@ -1,11 +1,11 @@
-# [crossplatformkorea.com](https://crossplatformkorea.com)
+# [blog.crossplatformkorea.com](https://blog.crossplatformkorea.com)
 
-[![Check Website](https://github.com/crossplatformkorea/crossplatformkorea.com/actions/workflows/ci.yml/badge.svg)](https://github.com/crossplatformkorea/crossplatformkorea.com/actions/workflows/ci.yml)
-[![Deploy Website](https://github.com/crossplatformkorea/crossplatformkorea.com/actions/workflows/deploy.yml/badge.svg)](https://github.com/crossplatformkorea/crossplatformkorea.com/actions/workflows/deploy.yml)
+[![Check Website](https://github.com/crossplatformkorea/blog.crossplatformkorea.com/actions/workflows/ci.yml/badge.svg)](https://github.com/crossplatformkorea/blog.crossplatformkorea.com/actions/workflows/ci.yml)
+[![Deploy Website](https://github.com/crossplatformkorea/blog.crossplatformkorea.com/actions/workflows/deploy.yml/badge.svg)](https://github.com/crossplatformkorea/blog.crossplatformkorea.com/actions/workflows/deploy.yml)
 
-크로스플랫폼 코리아 공식 홈페이지 입니다.
+크로스플랫폼 코리아 공식 블로그 입니다.
 
-[crossplatformkorea.com](https://crossplatformkorea.com)
+[blog.crossplatformkorea.com](https://blog.crossplatformkorea.com)
 
 ### Installation
 
diff --git a/blog/2023-06-28-meetup.mdx b/blog/2023-06-28-meetup.mdx
@@ -21,9 +21,9 @@ Thank you.
 
 #### On-site photo
 
-<img src="https://github.com/crossplatformkorea/crossplatformkorea.com/assets/27461460/a338f047-19ba-43bc-be1c-560070a6dc71" width="480" />
+<img src="https://github.com/crossplatformkorea/blog.crossplatformkorea.com/assets/27461460/a338f047-19ba-43bc-be1c-560070a6dc71" width="480" />
 
-<img src="https://github.com/crossplatformkorea/crossplatformkorea.com/assets/27461460/ac91beb2-1548-4e8a-90fb-3b465a2c3387" width="480" />
+<img src="https://github.com/crossplatformkorea/blog.crossplatformkorea.com/assets/27461460/ac91beb2-1548-4e8a-90fb-3b465a2c3387" width="480" />
 
 #### Part of Presentation Video
 
diff --git a/docs/react-native/intro.mdx b/docs/react-native/intro.mdx
@@ -10,12 +10,9 @@ import ImgComponent from "@site/static/img/react-native/component.png";
 import ImgApis from "@site/static/img/react-native/apis.png";
 import ImgExpo from "@site/static/img/react-native/expo.png";
 
-<AdFitMobileBanner
-  unit="DAN-YpcHf9p49U5ykXi8"
-  className="adfit-top-mobile"
-/>
+<AdFitMobileBanner unit="DAN-YpcHf9p49U5ykXi8" className="adfit-top-mobile" />
 
-React Native is an open-source mobile application framework created by Facebook. 
+React Native is an open-source mobile application framework created by Facebook.
 
 ## Introduction
 
@@ -33,12 +30,15 @@ The key features of React Native include:
 
 For these reasons, many companies use React Native for the development of their mobile applications. Notably, this includes major corporations such as [Facebook](https://www.facebook.com/), [Instagram](https://www.instagram.com/), [Shopify](https://www.shopify.com/), [Discord](https://discord.com/), [Pinterest](https://www.pinterest.com/), [Salesforce](https://www.salesforce.com/), [Uber](https://www.uber.com/), [Skype](https://www.skype.com/), and [Wix](https://www.wix.com/).
 
-## [Development Environment](http://crossplatformkorea.com/docs/current/category/development-environment)
-The [Development Environment](http://crossplatformkorea.com/docs/current/category/development-environment) section offers methods for setting up development environments for different platforms, along with videos.
+## [Development Environment](http://blog.crossplatformkorea.com/docs/current/category/development-environment)
+
+The [Development Environment](http://blog.crossplatformkorea.com/docs/current/category/development-environment) section offers methods for setting up development environments for different platforms, along with videos.
 Similarly, the ['Environment Setup'](https://reactnative.dev/docs/environment-setup?guide=native) document on the official React Native website provides concise and useful guidance for setting up a native environment on your computer.
 However, it's important to note that you should check the 'React Native CLI Quickstart' section instead of the default 'Expo Go Quickstart' section to complete the correct native setup.
 
-<a href="https://reactnative.dev/docs/environment-setup?guide=native"><img src={ImgDevEnv} alt="dev-env" /></a>
+<a href="https://reactnative.dev/docs/environment-setup?guide=native">
+  <img src={ImgDevEnv} alt="dev-env" />
+</a>
 
 The author also has a habit of visiting this site every time they purchase a new laptop.
 It is recommended that you also utilize the above information to set up your development environment.
@@ -47,7 +47,9 @@ It is recommended that you also utilize the above information to set up your dev
 
 Next, let's take a look at the components site.
 
-<a href="https://reactnative.dev/docs/components-and-apis"><img src={ImgComponent} alt="component" /></a>
+<a href="https://reactnative.dev/docs/components-and-apis">
+  <img src={ImgComponent} alt="component" />
+</a>
 
 Components are elements used to build up the screen in React Native.
 Some of the typical components provided by React Native include Text, TextInput, Button, ScrollView, FlatList, etc.
@@ -58,7 +60,9 @@ We call these custom components.
 
 API stands for 'Application Programming Interface.' In React Native, APIs provide interfaces that allow access to various mobile features and services.
 
-<a href="https://reactnative.dev/docs/alert"><img src={ImgApis} alt="apis" /></a>
+<a href="https://reactnative.dev/docs/alert">
+  <img src={ImgApis} alt="apis" />
+</a>
 
 Through this, a React Native app can use features like the smartphone's camera, GPS, push notifications, or communicate data with remote servers, among other tasks.
 In short, APIs act as a bridge that enables React Native apps to utilize the functionalities of the operating system or external services.
@@ -67,7 +71,9 @@ In short, APIs act as a bridge that enables React Native apps to utilize the fun
 
 When discussing the development environment, you might have had questions about the 'Expo Go Quickstart' section. For beginners, let me provide a brief explanation of what Expo is.
 
-<a href="https://expo.dev"><img src={ImgExpo} alt="apis" width={400} /></a>
+<a href="https://expo.dev">
+  <img src={ImgExpo} alt="apis" width={400} />
+</a>
 
 [Expo](https://expo.dev) is a React Native framework that makes React Native development easier. By using Expo, you can develop for iOS and Android with relatively less knowledge of native programming. Additionally, Expo includes a web development environment with [React Native Web](https://necolas.github.io/react-native-web). Therefore, starting with Expo enables you to immediately engage in `iOS`, `Android`, and `Web` development concurrently.
 
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -7,12 +7,12 @@
 
 module.exports = {
   title: "Cross-Platform Korea",
-  url: "https://crossplatformkorea.com",
+  url: "https://blog.crossplatformkorea.com",
   baseUrl: "/",
   onBrokenLinks: "throw",
   favicon: "img/favicon.ico",
   organizationName: "crossplatformkorea",
-  projectName: "crossplatformkorea.com",
+  projectName: "blog.crossplatformkorea.com",
   onBrokenLinks: "ignore",
   i18n: {
     defaultLocale: "ko",
@@ -73,12 +73,12 @@ module.exports = {
         },
         { to: "/blog", label: "Blog", position: "left" },
         {
-          href: "https://forums.crossplatformkorea.com",
-          label: "Forums",
+          href: "https://crossplatformkorea.com",
+          label: "Homepage",
           position: "left",
         },
         {
-          href: "https://github.com/crossplatformkorea/crossplatformkorea.com",
+          href: "https://github.com/crossplatformkorea/blog.crossplatformkorea.com",
           label: "GitHub",
           position: "right",
         },
@@ -141,11 +141,11 @@ module.exports = {
             },
             {
               label: "Privacy and Policy",
-              href: "https://crossplatformkorea.com/privacyandpolicy",
+              href: "https://blog.crossplatformkorea.com/privacyandpolicy",
             },
             {
               label: "Terms of Service",
-              href: "https://crossplatformkorea.com/termsofservice",
+              href: "https://blog.crossplatformkorea.com/termsofservice",
             },
           ],
         },
@@ -169,12 +169,12 @@ module.exports = {
           sidebarPath: require.resolve("./sidebars.js"),
           editUrl: ({ locale, docPath }) => {
             if (locale !== "en") {
-              return `https://github.com/crossplatformkorea/crossplatformkorea.com/tree/main/${locale}`;
+              return `https://github.com/crossplatformkorea/blog.crossplatformkorea.com/tree/main/${locale}`;
             }
             // We want users to submit doc updates to the upstream/next version!
             // Otherwise we risk losing the update on the next release.
             const nextVersionDocsDirPath = "docs";
-            return `https://github.com/crossplatformkorea/crossplatformkorea.com/edit/main/${nextVersionDocsDirPath}/${docPath}`;
+            return `https://github.com/crossplatformkorea/blog.crossplatformkorea.com/edit/main/${nextVersionDocsDirPath}/${docPath}`;
           },
         },
         theme: {
diff --git a/i18n/ko/docusaurus-plugin-content-blog/2023-06-28-meetup.mdx b/i18n/ko/docusaurus-plugin-content-blog/2023-06-28-meetup.mdx
@@ -21,9 +21,9 @@ import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";
 
 #### 현장 사진
 
-<img src="https://github.com/crossplatformkorea/crossplatformkorea.com/assets/27461460/a338f047-19ba-43bc-be1c-560070a6dc71" width="480" />
+<img src="https://github.com/crossplatformkorea/blog.crossplatformkorea.com/assets/27461460/a338f047-19ba-43bc-be1c-560070a6dc71" width="480" />
 
-<img src="https://github.com/crossplatformkorea/crossplatformkorea.com/assets/27461460/ac91beb2-1548-4e8a-90fb-3b465a2c3387" width="480" />
+<img src="https://github.com/crossplatformkorea/blog.crossplatformkorea.com/assets/27461460/ac91beb2-1548-4e8a-90fb-3b465a2c3387" width="480" />
 
 #### 발표 일부분 동영상
 
diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/react-native/intro.mdx b/i18n/ko/docusaurus-plugin-content-docs/current/react-native/intro.mdx
@@ -10,12 +10,9 @@ import ImgComponent from "@site/static/img/react-native/component.png";
 import ImgApis from "@site/static/img/react-native/apis.png";
 import ImgExpo from "@site/static/img/react-native/expo.png";
 
-<AdFitMobileBanner
-  unit="DAN-YpcHf9p49U5ykXi8"
-  className="adfit-top-mobile"
-/>
+<AdFitMobileBanner unit="DAN-YpcHf9p49U5ykXi8" className="adfit-top-mobile" />
 
-리액트 네이티브는 Facebook에서 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 
+리액트 네이티브는 Facebook에서 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다.
 
 ## 소개
 
@@ -33,12 +30,15 @@ import ImgExpo from "@site/static/img/react-native/expo.png";
 
 이러한 이유로 많은 회사들이 자신들의 모바일 애플리케이션을 개발하는 데 리액트 네이티브를 사용하고 있습니다. 대표적으로 대형 회사들은 [Facebook](https://www.facebook.com/), [Instagram](https://www.instagram.com/), [Shopify](https://www.shopify.com/), [Discord](https://discord.com/), [Pinterest](https://www.pinterest.com/), [Salesforce](https://www.salesforce.com/), [Uber](https://www.uber.com/), [Skype](https://www.skype.com/), [Wix](https://www.wix.com/) 등이 포함됩니다.
 
-## [개발 환경](http://crossplatformkorea.com/docs/current/category/development-environment)
-[개발환경](http://crossplatformkorea.com/docs/current/category/development-environment) 섹션은 플랫폼별로 개발환경을 설정하는 방법을 영상과 함께 제공합니다.
+## [개발 환경](http://blog.crossplatformkorea.com/docs/current/category/development-environment)
+
+[개발환경](http://blog.crossplatformkorea.com/docs/current/category/development-environment) 섹션은 플랫폼별로 개발환경을 설정하는 방법을 영상과 함께 제공합니다.
 마찬가지로, 리엑트 네이티브 공식 홈페이지의 ['Environment Setup'](https://reactnative.dev/docs/environment-setup?guide=native) 문서에서는 사용자의 컴퓨터에서 네이티브 환경을 설정하기 위한 간결하고 유용한 지침을 제공합니다.
 하지만, 주의해야 할 점은 기본으로 설정된 'Expo Go Quickstart' 섹션이 아니라 'React Native CLI Quickstart' 섹션을 확인해야 올바른 네이티브 설정을 완료할 수 있습니다.
 
-<a href="https://reactnative.dev/docs/environment-setup?guide=native"><img src={ImgDevEnv} alt="dev-env" /></a>
+<a href="https://reactnative.dev/docs/environment-setup?guide=native">
+  <img src={ImgDevEnv} alt="dev-env" />
+</a>
 
 필자 또한 새 노트북을 구입할 때마다 이 사이트를 방문하는 습관이 있습니다.
 여러분도 위 정보들을 활용해 개발환경을 설정하는 데 유용하게 사용하시길 권장합니다.
@@ -47,7 +47,9 @@ import ImgExpo from "@site/static/img/react-native/expo.png";
 
 다음으로 컴포넌트 사이트를 살펴보겠습니다.
 
-<a href="https://reactnative.dev/docs/components-and-apis"><img src={ImgComponent} alt="component" /></a>
+<a href="https://reactnative.dev/docs/components-and-apis">
+  <img src={ImgComponent} alt="component" />
+</a>
 
 컴포넌트는 리엑트 네이티브에서 화면을 빌드업 하는 요소들입니다.
 리엑트 네이티브에서 제공되는 대표적인 컴포넌트는 텍스트, 텍스트 인풋, 버튼, 스크롤뷰, 플랫리스트 등이 있습니다.
@@ -58,7 +60,9 @@ import ImgExpo from "@site/static/img/react-native/expo.png";
 
 API는 'Application Programming Interface'의 약자로, 리액트 네이티브에서는 다양한 모바일 기능과 서비스에 접근할 수 있도록 해주는 인터페이스를 말합니다.
 
-<a href="https://reactnative.dev/docs/alert"><img src={ImgApis} alt="apis" /></a>
+<a href="https://reactnative.dev/docs/alert">
+  <img src={ImgApis} alt="apis" />
+</a>
 
 이를 통해 리액트 네이티브 앱이 스마트폰의 카메라, GPS, 푸시 알림 등의 기능을 사용하거나, 원격 서버와 데이터를 주고받는 등의 작업을 할 수 있습니다.
 간단히 말해, API는 리액트 네이티브 앱이 운영체제나 외부 서비스의 기능을 활용할 수 있게 연결해주는 다리 역할을 합니다.
@@ -68,7 +72,9 @@ API는 'Application Programming Interface'의 약자로, 리액트 네이티브
 개발 환경 설정에 대해 이야기하면서 'Expo Go Quickstart' 섹션에 대한 궁금증이 있었을 것입니다.
 입문자들을 위해, Expo가 무엇인지 간단히 설명드리겠습니다.
 
-<a href="https://expo.dev"><img src={ImgExpo} alt="apis" width={400} /></a>
+<a href="https://expo.dev">
+  <img src={ImgExpo} alt="apis" width={400} />
+</a>
 
 [Expo](https://expo.dev)는 React Native 개발을 보다 쉽게 만들어주는 React Native 프레임워크입니다.
 Expo를 사용하면, 상대적으로 적은 네이티브 지식으로도 iOS와 Android 개발이 가능합니다.
@@ -79,7 +85,6 @@ Expo는 오랜 시간 동안 여러 변화를 겪었습니다. 만약 Expo의 
 Expo의 변천사를 알아보는 것은 사용에 큰 도움이 됩니다.
 [엑스포의 변천사를 정리한 글](https://medium.com/crossplatformkorea/expo-역사와-현재-현황-09c8fdce0114)을 읽어보시면 Expo가 추구하는 방향을 이해하고, 사용하기에 더 수월하실 것입니다.
 
-
 <AdFitMobileBanner
   unit="DAN-weLLBNA8C31gpo1t"
   className="adfit-bottom-mobile"
diff --git a/static/CNAME b/static/CNAME
@@ -1 +1 @@
-crossplatformkorea.com
+blog.crossplatformkorea.com

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-crossplatformkorea.com`
	`1`	`+blog.crossplatformkorea.com`