์๋ฐํ ์ปค๋ฎค๋ํฐ์ฑ ๋ง๋ค๊ธฐ (React Native Expo)
๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ก ์๋ฐํ ๊ธฐ๋ฐ ์ปค๋ฎค๋ํฐ์ฑ์ ๊ฐ๋ฐํฉ๋๋ค. ๊ธ์์ฑ ๋ฟ๋ง์๋๋ผ ๋๊ธ/๋๋๊ธ, ์ข์์, ํฌํ, ์๋ฐํ ์์ฑ ๋ฑ ์์ฑ๋ ์๋ ์ปค๋ฎค๋ํฐ์ฑ์ ๋ง๋๋ ๊ณผ์ ์ ๋ฐฐ์ฐ๊ฒ ๋ฉ๋๋ค.
์๊ฐ์ 602๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ํด๊ฒฐ
secureTextEntry ์ค์ ์ ๊ดํด
๋น๋ฐ๋ฒํธ ์ ๋ ฅ ํ ์์ ์ ์ํ ๋ณด์กด ์ด์ secureTextEntry ์ค์ ์ ํ๋ฉด ๋น๋ฐ๋ฒํธ
react-nativetypescriptexporeact-hook-formreact-query๊นํ๊ทผ
ใป
ํ ๋ฌ ์
0
58
2
- ๋ฏธํด๊ฒฐ
expo 55 tabs ์ฌ๋ผ์ง ์ด์
์๋ ํ์ธ์, expo ๊ณต์ ํํ์ด์ง์์ version 55๋ฅผ ์ฌ์ฉํ๊ฒ ๋ช ์๋์ด์์ด์ 55๋ก ์์ํ๋๋ ์ด์ tabs ํด๋ ๊ตฌ์กฐ๊ฐ ๋ฐ๋ก ์๋ ํํ๋ก ๋์๋๋ฐ ๊ทธ๋ฅ ๋๊ฐ์ด tabs๋ฅผ ์์ฑํ์ฌ์ ์งํํด์ผํ๋์?
react-nativetypescriptexporeact-hook-formreact-query๋๋ง์คํ
ใป
ํ ๋ฌ ์
0
81
2
- ๋ฏธํด๊ฒฐ
๋ฐฑ์๋๋ ๊ถ๊ธํฉ๋๋ค!
์๋ ํ์ธ์!ํด๋ผ์ด์ธํธ ๋ถ๋ถ ์ด์ฌํ ๋ฐ๋ณต ์๊ฐ ์ค์ ์์ต๋๋ค <span data-name="slightly_smiling_face" data-type="emoji"
react-nativetypescriptexporeact-hook-formreact-queryKim Da Bin
ใป
3๋ฌ ์
1
85
1
- ๋ฏธํด๊ฒฐ
๋๊ธ ๋ฒํผ ํ๋จ์ ๊ณ ์ ๋์ง ์๋ ์ด์
<img src="https://cdn.inflearn.com/public/files/posts/a86db7eb-ea2f-49eb-a8a2-602276d346a6/2c78ebe5-93f
react-nativetypescriptexporeact-hook-formreact-query์์ฑ์ ์์
ใป
4๋ฌ ์
0
53
1
- ํด๊ฒฐ
SafeAreaView ์ ์ฉ ๊ธฐ์ค ๋ฌธ์
์๋ฐํ ๋ง๋ค๊ธฐ /post ์๋ ๊ธ์ฐ๊ธฐ, ์์ , ์์ธํ๋ฉด์ ๋ํ ์ ์๊ฐ ๋์ด ์์ต๋๋ค./post/[id].tsx<p style="text-align:
react-nativetypescriptexporeact-hook-formreact-query์ปด๊ณต๊ณผ
ใป
4๋ฌ ์
0
80
2
- ํด๊ฒฐ
์คํฌ๋ฆฐ ์ต์ ์์ด์ฝ
ํผ๊ทธ๋ง ๋์์ธ์์๋ ๊ฐ์์์๋ Foundation "home"์ ์ฌ์ฉํ์ด์!์๋ํ์
react-nativetypescriptexporeact-hook-formreact-query๋ณดํค
ใป
4๋ฌ ์
0
55
2
- ๋ฏธํด๊ฒฐ
[Note] ์๋๋ก์ด๋ ๋ค๋น๊ฒ์ด์ ํค๋ ์ด์ ์๋ด
โ์ง๋ฌธ ์์ฑ์ ๊ผญ ์ฐธ๊ณ ํด์ฃผ์ธ์<p style="text-align
react-nativetypescriptexporeact-hook-formreact-queryํ์ค
ใป
4๋ฌ ์
0
65
2
- ๋ฏธํด๊ฒฐ
ActionSheet
ellipsis-vertical ํด๋ฆญ์๊ฐ์์ ๊ฐ์ด ์ค์ ์์ดํฐ actionsheet ์ฒ๋ผ ๋ณด์ด์ง ์๊ณ ๋ค๋ฅธ style์ด ์ ํ์ง๋ฏํ๊ฒ ๋ณด์ด๊ณ ์์ต๋๋ค.์๋ฌ์ฝ๋๋ ์์ต๋๋ค. <p s
react-nativetypescriptexporeact-hook-formreact-querywodnd0284
ใป
4๋ฌ ์
0
86
1
- ๋ฏธํด๊ฒฐ
๋ฐฑ์๋
์๋ ํ์ธ์, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค!๋ฐฑ์๋๊ฐ ์ฒ์์ด๋ผ.... Git ๊ด๋ฆฌ ๊ด๋ จํ์ฌ ์ง๋ฌธ๋๋ฆฝ๋๋ค. ์ ๊ณตํด์ฃผ์ ๋ฐฑ์๋ ์๋ฒ ํด๋๋ฅผ GitHub์ ์ฐ๋ํด๋ ๊ด์ฐฎ์๊น์?
gitwodnd0284
ใป
4๋ฌ ์
0
60
2
- ๋ฏธํด๊ฒฐ
์๋๋ก์ด๋ ํฐ๊ณผ PC์์ ํ ์คํธํ ๋ ํ๋ฉด ์๋ณด์๊ณผ ์ค๋ฅ ๋ฌธ์
<img src="https://cdn.inflearn.com/public/files/posts/25455eb6-584e-4dd8-b55e-ca165e3a0595/15706579-9371-4a2d-a53e-2f7ba4c2719a.webp" media-type="img"
react-nativetypescriptexporeact-hook-formreact-queryEthan
ใป
5๋ฌ ์
0
99
1
- ๋ฏธํด๊ฒฐ
iOS ๋น๋ ํ ์ค๊ธฐ๊ธฐ์์ ์ฑ ์์
๊ฐ์ฌ๋ ํด๊ฒฐ ๋์์ต๋๋ค! ๊ธ ์ญ์ ๊ฐ ์๋ณด์ด๋ค์..
react-nativetypescriptexporeact-hook-formreact-queryfreshour
ใป
6๋ฌ ์
1
70
1
- ๋ฏธํด๊ฒฐ
[5-2] ๊ธ ๋ชฉ๋ก ๋ฌดํ์คํฌ๋กค ๊ตฌํํ๊ธฐ with InfiniteQuery 10:40/ useScrollTop(ref) ์ฌ์ฉ๊ด๋ จ
<img src="https://cdn.inflearn.com/public/files/posts/34865e42-4583-445c-a575-68d091d5988d/ce9e7bdc-ccb4-49f9-bc2a-e3458209764b.png" media-type="img"
react-nativetypescriptexporeact-hook-formreact-queryJena Kim
ใป
6๋ฌ ์
0
83
2
- ๋ฏธํด๊ฒฐ
ํด๋ผ์ด์ธํธ ์ฌ์ด๋์์ ์ธ์ ๊ด๋ จ ์ง๋ฌธ
์๋ฒ์ชฝ ์ฝ๋์ .env ํ์ผ์ ๋ณด๋ฉด JWT์ด ๊ธฐ๋ณธ์ ์ผ๋ก 20๋ถ์ผ๋ก ์ค์ ๋์ด ์๋ ๊ฒ์ ๋ณด์์ต๋๋ค. ์๋ฅผ ๋ค์ด JWT์ด ๋ง๋ฃ๊ฐ ๋๊ณ ์ด์ด์ ์งํ์ ํ๊ฒ ๋๋ค๋ฉด, AuthRoute์ ํด๋น๋๋ ๊ฒฝ๋ก๋ค์ ํด๋ผ์ด์ธํธ์์๋ ์ฌ์ ํ
react-nativetypescriptexporeact-hook-formreact-queryyeong
ใป
6๋ฌ ์
0
81
2
- ๋ฏธํด๊ฒฐ
Android ์๋ฎฌ๋ ์ดํฐ ํ๊ฒฝ์ค์ ๋ฐ ์คํ (for Mac) ์๋ฌ ๋ฌธ์
๊ฐ์ฌ๋, npx expo start๋ฅผ ์ ๋ ฅํ, a๋ฅผ ์ ํํ๋ฉด, ์๋์ ๊ฐ์ด ์๋ฌ ๋ฉ์์ง๊ฐ ๋์ต๋๋ค. ์๋ ์ด๋ฏธ์ง์ ๊ฐ์ด pixel 9 pro๊ฐ ์ ์์ ์ผ๋ก ์ค์น๋์ด ์๋๋ฐ, ๋ญ๊ฐ ์๋ชป๋๊ฑด์ง ๋ชจ๋ฅด๊ฒ ์ด์ ๋ฌธ์๋๋ฆฝ๋๋ค.ใ </p
react-nativetypescriptexporeact-hook-formreact-queryEthan
ใป
6๋ฌ ์
0
111
1
- ๋ฏธํด๊ฒฐ
[5-13] useLikePost ์ฟผ๋ฆฌ ๊ตฌํ ์ค Tanstack Query ๊ด๋ จ ์ง๋ฌธ
<a target="_blank" rel="noopener noreferrer nofollow" href="https://tanstack.com/query/latest/docs/framework/react/guides/
react-nativetypescriptexporeact-hook-formreact-queryyeong
ใป
6๋ฌ ์
0
63
1
- ๋ฏธํด๊ฒฐ
Expo 54 ๋ฒ์ ios์์ headerLeft
<img src="https://cdn.inflearn.com/public/files/posts/4421c7a6-051c-4f11-ade5-4b663df12677/fc39130c-c14e-4831-9135-3cd8cac70431.webp" media-type="img"
react-nativetypescriptexporeact-hook-formreact-querywjsyuwls
ใป
7๋ฌ ์
1
139
2
- ๋ฏธํด๊ฒฐ
์ดํ ๊ฐ๋ฐ ํ ๋ฐฐํฌ ์์ ์ฃผ์ํ ์ฌํญ์ด ์์๊น์?
์๋ ํ์ธ์! ์ด์ ์ ๋ฐ ์ด์ ์๊ฐ์ค์ธ ์ดํ ์๊ฐ์์ ๋๋ค !! ๋ค๋ฆ์ด ์๋๊ณ , ์ฌํด, ์ดํ ๋ฐฐํฌ๊ฐ ๋ชฉํ์ธ๋ฐ์ <p style="tex
react-nativetypescriptexporeact-hook-formreact-queryKim Da Bin
ใป
7๋ฌ ์
0
78
1
- ๋ฏธํด๊ฒฐ
์ฝ๋ ์์ ์ ios ์๋ฎฌ๋ ์ดํฐ์์ ์๋๋ฐ์์ด ์ ๋๋๋ฐ ์๊ทธ๋ด๊น์?
โ์ง๋ฌธ ์์ฑ์ ๊ผญ ์ฐธ๊ณ ํด์ฃผ์ธ์<p style="text-align
react-nativetypescriptexporeact-hook-formreact-query์ฌ์ค
ใป
7๋ฌ ์
0
92
1
- ๋ฏธํด๊ฒฐ
ํ ์คํธ๊ฐ ๋ค ์๋จ์๋ก ์ฌ๋ผ๊ฐ์๋๋ฐ ์ด๋ป๊ฒ ํด์ผํ ๊น์?
<img src="https://cdn.inflearn.com/public/files/posts/2a4b9f87-5fab-4839-b306-71b09b59d567/25e13dad-64c5-448f-84f9-0e2b7531ef3f.webp" media-type="img"
react-nativetypescriptexporeact-hook-formreact-query๊ตฌ๋ฆ์ด
ใป
7๋ฌ ์
0
78
2
- ๋ฏธํด๊ฒฐ
Axios Network error...
โ์ง๋ฌธ ์์ฑ์ ๊ผญ ์ฐธ๊ณ ํด์ฃผ์ธ์<p style="text-align
react-nativetypescriptexporeact-hook-formreact-queryyeongseo
ใป
7๋ฌ ์
0
151
2






