diff --git a/README.md b/README.md index 89ed8dba..a5cab137 100644 --- a/README.md +++ b/README.md @@ -1,50 +1,40 @@ ->[!TIP] ->This project is ready to use! -> ->If this project has helped you out, please support us with a star ๐ŸŒŸ. - -# React Native Naver Map SDK - -[![NPM](http://img.shields.io/npm/v/@mj-studio/react-native-naver-map)](https://npmjs.org/package/@mj-studio/react-native-naver-map) -![Android SDK - 3.18.0](https://img.shields.io/badge/Android_SDK-3.18.0-2ea44f) -![iOS SDK - 3.18.0](https://img.shields.io/badge/iOS_SDK-3.18.0-3522ff) - -![weekly download badge](https://img.shields.io/npm/dm/@mj-studio/react-native-naver-map.svg) - - -[API Docs](https://mj-studio-library.github.io/react-native-naver-map/interfaces/NaverMapViewProps.html) - -- [Guide #1(ko) - ์„ค์น˜, ํ‚ค ๋ฐœ๊ธ‰](https://medium.com/mj-studio/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8A%B8%EB%B8%8C%EB%A1%9C-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%A7%80%EB%8F%84-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-1-%EC%84%A4%EC%B9%98%EC%99%80-%ED%82%A4-%EB%B0%9C%EA%B8%89-%EB%B0%9B%EA%B8%B0-f826d8c0644d) -- [Guide #2(ko) - ์นด๋ฉ”๋ผ, ์œ„์น˜ ์ด๋™](https://medium.com/mj-studio/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8A%B8%EB%B8%8C%EB%A1%9C-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%A7%80%EB%8F%84-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-2-%EC%B9%B4%EB%A9%94%EB%9D%BC-%EC%9C%84%EC%B9%98-%EC%9D%B4%EB%8F%99%ED%95%98%EA%B8%B0-ea39843b31d2) +

+ +
+
+

React Native Naver Map

+

+ NPM downloads + NPM version + Android SDK version + iOS SDK version + License +

Bring Naver Map to Your React Fingertips

+

+

+ + +- [Documentation](https://mj-studio-library.github.io/react-native-naver-map/interfaces/NaverMapViewProps.html) +- [Tutorial 1 - ์„ค์น˜, ํ‚ค ๋ฐœ๊ธ‰](https://medium.com/mj-studio/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8A%B8%EB%B8%8C%EB%A1%9C-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%A7%80%EB%8F%84-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-1-%EC%84%A4%EC%B9%98%EC%99%80-%ED%82%A4-%EB%B0%9C%EA%B8%89-%EB%B0%9B%EA%B8%B0-f826d8c0644d) +- [Tutorial 2 - ์นด๋ฉ”๋ผ, ์œ„์น˜ ์ด๋™](https://medium.com/mj-studio/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8A%B8%EB%B8%8C%EB%A1%9C-%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%A7%80%EB%8F%84-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-2-%EC%B9%B4%EB%A9%94%EB%9D%BC-%EC%9C%84%EC%B9%98-%EC%9D%B4%EB%8F%99%ED%95%98%EA%B8%B0-ea39843b31d2) ---- - -![thumbnail](https://raw.githubusercontent.com/mym0404/image-archive/master/202404170109909.webp) - -๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ [Naver Map](https://www.ncloud.com/product/applicationService/maps) ์ปดํฌ๋„ŒํŠธ์ž…๋‹ˆ๋‹ค. preview ## Highlights -### 1. ๊ด€๋ฆฌ๋˜์ง€ ์•Š๋Š” ๊ธฐ์กด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋Œ€์ฒด - -๊ธฐ์กด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๋ฒ„๊ทธ๋‚˜ ์ฝ”๋“œ์ƒ์—์„œ ๊ณ„์‚ฐ์ด ์ž˜๋ชป๋˜๊ณ  ์žˆ๋˜ ๋ถ€๋ถ„๋“ค์„ ๊ณ ์น˜๊ณ  ์ƒˆ๋กœ์šด API๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉฐ ๊ณ„์†ํ•ด์„œ ํ”„๋กœ์ ํŠธ๊ฐ€ ๊ด€๋ฆฌ๋ฉ๋‹ˆ๋‹ค. - -์ปค์Šคํ…€ ๋งˆ์ปค๋“ค, ๋งˆ์ปค ํด๋Ÿฌ์Šคํ„ฐ๋ง, ์Šคํฌ๋ฆฐ์—์„œ์˜ ์œ„์น˜์™€ ์ง€๋ฆฌ์  ์œ„์น˜๊ฐ„์˜ ์†์‰ฌ์šด ๋ณ€ํ™˜๋“ค์ด ์žˆ์Šต๋‹ˆ๋‹ค. - -### 2. New Architecture Fabric ์ง€์› +### 1. New Architecture Fabric > [!NOTE] > Fabric์„ ์ง€์›ํ•œ๋‹ค๊ณ  Old Architecture๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์•„๋‹Œ ๋‘ Architecture๋ชจ๋‘์—์„œ ์ž‘๋™ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. -### 3. ์ƒ์„ธํ•œ API Documentation ์ง€์› +### 2. Detailed API Documentation ๊ฑฐ์˜ ๋ชจ๋“  ํƒ€์ž…์ด ์„ค๋ช…๋˜์–ด ์žˆ๋Š” [API Docs](https://mj-studio-library.github.io/react-native-naver-map/interfaces/NaverMapViewProps.html)๋ฅผ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค. ์ตœ๋Œ€ํ•œ ๊ฐ€๋…์„ฑ์„ ์‚ด๋ ธ์œผ๋ฉฐ `component` ์ชฝ์—์„œ ์›ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ์˜ ํƒ€์ž…๊ณผ `Prop`๋ฐ `Ref`๋กœ ์‚ฌ์šฉ๋ฒ•์„ ํ™•์ธ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. -### 4. Expo ์ง€์› +### 3. Expo Support [expo config plugin](https://docs.expo.dev/modules/config-plugin-and-native-module-tutorial/)์„ ์‚ฌ์šฉํ•ด Expoํ™˜๊ฒฝ์—์„œ๋„ ์†์‰ฝ๊ฒŒ ์•„ํ‚คํ…์ณ์— ์ƒ๊ด€์—†์ด ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. @@ -53,7 +43,7 @@ Expo Go, Snack์—์„  ์‚ฌ์šฉํ•˜์ง€ ๋ชปํ•˜์ง€๋งŒ [development build](https://docs.expo.dev/develop/development-builds/introduction/), production ํ™˜๊ฒฝ์—์„œ ์†์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. -### 5. 5๊ฐ€์ง€ ๋งˆ์ปค ์ด๋ฏธ์ง€ ํƒ€์ž… ๋ฐ ์บ์‹ฑ ์ง€์› +### 4. Marker Performance + Variants > [!IMPORTANT] > `[iOS, Android] x [new arch, old arch] x [debug, release]` @@ -65,15 +55,10 @@ Expo Go, Snack์—์„  ์‚ฌ์šฉํ•˜์ง€ - HTTP ๋„คํŠธ์›Œํฌ ์›น์ด๋ฏธ์ง€ - `children`์œผ๋กœ ์ „๋‹ฌํ•˜๋Š” React Native Custom View -### 6. ์ƒˆ๋กญ๊ฒŒ ๋งŒ๋“œ๋Š” ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” Naver Map SDK์˜ ์ตœ์‹  ๊ธฐ๋Šฅ๋“ค์„ ๋ชจ๋‘ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค - -Seamlessํ•œ Props์™€ Command๋“ค๋กœ Naver Map์„ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. - -### 7. ์„ฑ๋Šฅ ์ตœ์ ํ™” +### 5. Semaless API porting from Native Naver Map SDK -Event Coalescing๋ฅผ ํ†ตํ•ด Native -> JS ๋กœ์˜ ์ด๋ฒคํŠธ ์ค‘ ์“ธ๋ชจ์—†๋Š” ์ด๋ฒคํŠธ๋“ค์„ ๊ฑธ๋Ÿฌ๋‚ด ์„ฑ๋Šฅ์ด ์ตœ์ ํ™”๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. +์ตœ์‹  ๋ฒ„์ „์˜ SDK๋ฅผ ์ง€์›ํ•˜๋ฉฐ Props์™€ Command๋“ค๋กœ Naver Map์˜ ์ตœ์‹  ๊ธฐ๋Šฅ์„ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. -๊ทธ๋ฆฌ๊ณ  ๋งˆ์ปค์˜ ์„ฑ๋Šฅ๋„ ํšจ๊ณผ์ ์œผ๋กœ ๊ณ ๋ ค๋˜์–ด ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ## Install diff --git a/public/favicon.png b/public/favicon.png index 03a6ce1e..4d49949a 100644 Binary files a/public/favicon.png and b/public/favicon.png differ