Skip to content

Commit

Permalink
docs: es6
Browse files Browse the repository at this point in the history
  • Loading branch information
hyochan committed Jan 14, 2024
1 parent 481d24b commit 36e13db
Show file tree
Hide file tree
Showing 19 changed files with 945 additions and 30 deletions.
450 changes: 450 additions & 0 deletions docs/react-native/es6.mdx

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/react-native/react.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
id: react
title: React
sidebar_label: React
sidebar_position: 2
sidebar_position: 3
---

import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";
Expand Down
2 changes: 1 addition & 1 deletion i18n/ko/code.json
Original file line number Diff line number Diff line change
Expand Up @@ -196,7 +196,7 @@
"description": "homepage.beSpeaker description"
},
"homepage.description": {
"message": "리액트네이티브, 플러터, MAUI 그리고 관련 기술 등",
"message": "리엑트 네이티브, 플러터, MAUI 그리고 관련 기술 등",
"description": "homepage.description description"
},
"homepage.news.title": {
Expand Down
4 changes: 2 additions & 2 deletions i18n/ko/docusaurus-plugin-content-blog/2022-11-30-meetup.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,9 +17,9 @@ import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";

<img src="https://user-images.githubusercontent.com/27461460/206641942-2fd300ff-4117-4fa8-8688-ab27f6f65dad.jpg" width="600"/>

첫 번째 발표는 샌드버드 강현구 개발자님이 수고해주셨습니다. 리액트네이티브에 자주 사용하는 FlatList에 대해 상세히 알아보고 이를 최적화하는 방법에 대해 알아보았습니다. 발표 영상은 아래 링크에서 확인해주세요.
첫 번째 발표는 샌드버드 강현구 개발자님이 수고해주셨습니다. 리엑트 네이티브에 자주 사용하는 FlatList에 대해 상세히 알아보고 이를 최적화하는 방법에 대해 알아보았습니다. 발표 영상은 아래 링크에서 확인해주세요.

<a href="https://www.youtube.com/watch?v=kcZ4ZXNX-r4&t">리액트네이티브 FlatList 해부하기</a>
<a href="https://www.youtube.com/watch?v=kcZ4ZXNX-r4&t">리엑트 네이티브 FlatList 해부하기</a>
<br/><br/>

<img src="https://user-images.githubusercontent.com/27461460/206641945-b8274d0d-4ff6-46d3-b894-892805c5cbbe.jpg" width="600"/>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ tags: [Meetup]
import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";

첫 크로스플랫폼 코리아 밋업을 열었습니다. 앞으로 2023 계묘년에는 더욱 유익한 지식공유 시간이 있으면 합니다.
우선 첫날이니만큼 작년 리액트네이티브서울 밋업을 회고하며 오거나이저인 제가 발표를 쭉 어어나갔습니다.
우선 첫날이니만큼 작년 리엑트 네이티브서울 밋업을 회고하며 오거나이저인 제가 발표를 쭉 어어나갔습니다.

<img src="https://user-images.githubusercontent.com/27461460/215254735-c2646085-bf23-47d2-8bf0-913f764f7808.png" width="800" />

Expand All @@ -24,7 +24,7 @@ import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";

이어서 [Flutter에서 Navigation을 다루는법 방법](https://www.youtube.com/watch?v=-t9h1dVzRIA&list=PLMu8UG37vF6p5betw-J2_b4IdXSE01HvH&index=2)에 대한 경험을 공유드렸습니다. Built-in 네비게이션과 Go Router에 대한 경험을 다루며 플러터에서 네비게이션을 선택하는데 사전에 알면 좋은 지식들을 담았습니다.

그리고 이어서 [React Native에서 navigation을 다루는 방법](https://www.youtube.com/watch?v=R7uiKmfS1Wo&list=PLMu8UG37vF6p5betw-J2_b4IdXSE01HvH&index=4)을 공유드리며 리액트네이티브에서는 어떤 시도들이 있는지 알아보았습니다.
그리고 이어서 [React Native에서 navigation을 다루는 방법](https://www.youtube.com/watch?v=R7uiKmfS1Wo&list=PLMu8UG37vF6p5betw-J2_b4IdXSE01HvH&index=4)을 공유드리며 리엑트 네이티브에서는 어떤 시도들이 있는지 알아보았습니다.

<AdFitMobileBanner
unit="DAN-MbgKf77ax95JqLJl"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
slug: 2023-07-16-new-architecture
title: 리액트네이티브 리아키텍쳐
title: 리엑트 네이티브 리아키텍쳐
author: hyochan
authorTitle: organizer
authorURL: https://github.com/hyochan
Expand All @@ -27,7 +27,7 @@ import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";

새로운 아키텍처의 도입은 React Native 애플리케이션의 성능을 향상시키며, Native와의 통합을 더욱 원활하게 만들기 위한 것입니다.

[리액트네이티브 새로운 아키텍쳐](https://medium.com/crossplatformkorea/%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%83%88%EB%A1%9C%EC%9A%B4-%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90-fae32d16f651)에 대해서 더 자세히 알아보세요.
[리엑트 네이티브 새로운 아키텍쳐](https://medium.com/crossplatformkorea/%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%83%88%EB%A1%9C%EC%9A%B4-%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90-fae32d16f651)에 대해서 더 자세히 알아보세요.

<AdFitMobileBanner
unit="DAN-ToBFS44DTfrAHzOv"
Expand Down
2 changes: 1 addition & 1 deletion i18n/ko/docusaurus-plugin-content-docs/current.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"description": "The label for Community"
},
"sidebar.docs.category.React Native": {
"message": "리액트네이티브",
"message": "리엑트 네이티브",
"description": "The label for React Native"
},
"sidebar.react-native.category.Development Environment": {
Expand Down
4 changes: 2 additions & 2 deletions i18n/ko/docusaurus-plugin-content-docs/current/news.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -184,8 +184,8 @@ import AdFitMobileBanner from "@site/src/uis/AdFitMobileBanner";

## 2023년 1월

2023년 1월 25일부터는 밋업 명이 리액트네이티브서울에서 크로스플랫폼 코리아로 변경될 예정입니다.
리액트네이티브가 결국 크로스플랫폼 기술이며 플러터나 MAUI 또한 비슷한 방법으로 여러 플랫폼에 대응하며 서비스를 개발할 수 있기 때문에 식견을 넓힐 기회들이 많이 있다고 보았습니다.
2023년 1월 25일부터는 밋업 명이 리엑트 네이티브서울에서 크로스플랫폼 코리아로 변경될 예정입니다.
리엑트 네이티브가 결국 크로스플랫폼 기술이며 플러터나 MAUI 또한 비슷한 방법으로 여러 플랫폼에 대응하며 서비스를 개발할 수 있기 때문에 식견을 넓힐 기회들이 많이 있다고 보았습니다.

앞으로 밋업이 여러분께 더 유익하고 흥미롭게 진행이 될 수 있기를 기원합니다.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import ExView from "@site/static/img/components/view.png";

리액트(React)에서 컴포넌트는 UI를 구성하는 독립적이고 재사용 가능한 코드 조각을 의미합니다.

## 리액트네이티브 컴포넌트
## 리엑트 네이티브 컴포넌트

리액트 네이티브(React Native)는 모바일 애플리케이션을 개발하기 위한 프레임워크로, 리액트의 개념을 기반으로 하면서 모바일에 특화된 컴포넌트를 제공합니다. 기본적인 리액트 네이티브 컴포넌트는 아래와 같습니다.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -236,15 +236,15 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools
brew install --cask visual-studio-code
```

## 7. 리액트네이티브와 엑스포
## 7. 리엑트 네이티브와 엑스포

마지막으로, `iOS`, `안드로이드`, 그리고 `` 등의 개발을 모두 함께 할 수 있는 [리액트네이티브](https://reactnative.dev) 설치를 진행합니다.
마지막으로, `iOS`, `안드로이드`, 그리고 `` 등의 개발을 모두 함께 할 수 있는 [리엑트 네이티브](https://reactnative.dev) 설치를 진행합니다.

<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GXlIzNcNSlE?start=406" title="리액트네이티브와 엑스포" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/GXlIzNcNSlE?start=406" title="리엑트 네이티브와 엑스포" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

리액트네이티브 프로젝트를 풍요롭게 그리고 빠르게 시작하기 위해 [두부랩](https://dooboolab.com)에서 관리하는 [dooboo-cli](https://medium.com/crossplatformkorea/%EC%83%88%EB%A1%9C%EC%9A%B4-dooboo-cli-5c60e17a87e0)를 사용합니다.
리엑트 네이티브 프로젝트를 풍요롭게 그리고 빠르게 시작하기 위해 [두부랩](https://dooboolab.com)에서 관리하는 [dooboo-cli](https://medium.com/crossplatformkorea/%EC%83%88%EB%A1%9C%EC%9A%B4-dooboo-cli-5c60e17a87e0)를 사용합니다.

터미널을 열고 아래 명령어를 입력해줍니다.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -227,15 +227,15 @@ winget install Google.AndroidStudio.Canary

이러한 설정을 마친 후 터미널을 재시작하면, `adb` 명령어가 정상적으로 인식됩니다. 이는 안드로이드 개발 환경이 터미널에 정상적으로 설정된 것을 의미합니다.

## 7. 리액트네이티브와 엑스포
## 7. 리엑트 네이티브와 엑스포

마지막으로, `iOS`, `안드로이드`, 그리고 `` 등의 개발을 모두 함께 할 수 있는 [리액트네이티브](https://reactnative.dev) 설치를 진행합니다.
마지막으로, `iOS`, `안드로이드`, 그리고 `` 등의 개발을 모두 함께 할 수 있는 [리엑트 네이티브](https://reactnative.dev) 설치를 진행합니다.

<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/xX-QMJ6VFno?start=677" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

리액트네이티브 프로젝트를 풍요롭게 그리고 빠르게 시작하기 위해 [두부랩](https://dooboolab.com)에서 관리하는 [dooboo-cli](https://medium.com/crossplatformkorea/%EC%83%88%EB%A1%9C%EC%9A%B4-dooboo-cli-5c60e17a87e0)를 사용합니다.
리엑트 네이티브 프로젝트를 풍요롭게 그리고 빠르게 시작하기 위해 [두부랩](https://dooboolab.com)에서 관리하는 [dooboo-cli](https://medium.com/crossplatformkorea/%EC%83%88%EB%A1%9C%EC%9A%B4-dooboo-cli-5c60e17a87e0)를 사용합니다.

터미널을 열고 아래 명령어를 입력해줍니다.
```sh
Expand Down
Loading

0 comments on commit 36e13db

Please sign in to comment.