[์ฝ๋์บ ํ] ๋ถํธ์บ ํ์์ ๋ง๋ '์๋ฒฝํ' ํ๋ก ํธ์๋ ์ฝ์ค
์๋ฐฑ๋ช ์ ๊ฐ๋ฐ์๋ฅผ ๋ฐฐ์ถํ โ์ง์งโ ๋ถํธ์บ ํ์ ์๋ฒฝํ ํ๋ก ํธ์๋ ์ปค๋ฆฌํ๋ผ ์ ๋๋ค. ์ด ๊ฐ์ ํ๋๋ก ์ฌ๋ฌ๋ถ์ ํ์ ์ฃผ๋์ด ๊ฐ๋ฐ์ ์์ค๊น์ง ์ฑ์ฅ ๊ฐ๋ฅํ๋ฉฐ, ํ๋ก ํธ์๋ ๊ธฐ์ ์คํ์ ํ์ฉ ๋ฅ๋ ฅ๊ณผ ์ง์์ ์ป๊ฒ ๋ ๊ฑฐ์์. ๋๊ตฌ๋ ์ฌํ์ , ๊ฒฝ์ ์ , ๊ต์ก์ ๋ฐฐ๊ฒฝ์ ์๊ด์์ด ์ปค๋ฆฌ์ด๋ฅผ ์์ ์ ์๋๋ก, [์ฝ๋์บ ํ]๊ฐ ์ค๋นํ์ต๋๋ค :)
์๊ฐ์ 461๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

๋ค๋ฅธ ์๊ฐ์๋ค์ด ์์ฃผ ๋ฌผ์ด๋ณด๋ ์ง๋ฌธ์ด ๊ถ๊ธํ์ ๊ฐ์?
- ํด๊ฒฐ
11๊ฐ 23:35๋ถํฐ ๋งํ์ ์ง๋ฌธ ๋๋ ค์.
์๋์ฒ๋ผ ์์ค๋ ๋๊ฐ์ด ์์ฑํ๋ฉด์ ๋ฐ๋ผ์๋๋ฐ, ํ๋ฉด์ฒ๋ผ ๋์ค๋ฉด์ ๋งํ๋๋ค. ์ดํ ์ฝ๋๋ฅผ ๋ฐ๋ผ์ ์์ฑํด๋ ๋ฐ๋ผ๊ฐ ์๊ฐ ์์ด์...<img src="https://cdn.inflearn.com/public/files
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jskafka
ใป
2๋ฌ ์
0
71
2
- ํด๊ฒฐ
API ์ฃผ์
ํ์ด๋ธ๋ฆฌ๋์ฑ api๋ ์ด๋์ ๋ณผ ์ ์๋์?
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js์ต์๋น
ใป
5๋ฌ ์
0
83
1
- ํด๊ฒฐ
ํ์ด๋ธ๋ฆฌ๋์ฑ ๊ณผ์ ๋ ํผ๋ฐ์ค ์ฝ๋
ํ์ด๋ธ๋ฆฌ๋์ฑ ๊ณผ์ ์งํ ์ค์ ๋๋ค๊ณผ์ 01์ " project/mobile ๊ฒฝ๋ก์ app ํด๋๋ฅผ ์์ฑํ๊ณ , project/mobile/app ๊ฒฝ๋ก์ ์์ ๊ฐ์ด๋์ ํฌํจ
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js์ต์๋น
ใป
5๋ฌ ์
0
106
2
- ํด๊ฒฐ
์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ ๋๋ฌด ์ด๋ ค์
์๋ ํ์ธ์ ๊ฐ์๋ฅผ ์๊ฐ์ค์ธ๋ฐ ์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ ์์ ์ง๋ ค๊ณ ํ๋๋ฐ ์์ ์ง๋๊ฒ ๋๋ฌด ์ด๋ ต์ต๋๋ค ์๋ ์ฒ์์ ๋ค ๊ทธ๋ฐ๊ฑด๊ฐ์?
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js์ฐฌ์ฉ
ใป
5๋ฌ ์
0
93
1
- ํด๊ฒฐ
๊ณ ๋์ถ ๋ฐฑ์๋์ ์๋ฒฝํ ํ๋ก ํธ ๊ฐ์ ์ฐจ์ด?
๊ณ ๋์ถ ๋ฐฑ์๋ ์ฝ์ค์ ์ฒซ ๋ถ๋ถ๊ณผ ์๋ฒฝํ ํ๋ก ํธ์๋ ์ฒซ ๋ถ๋ถ์ด ๊ฒน์น๋ ๋ถ๋ถ์ด ๋ง์๊ฑฐ ๊ฐ์๋ฐ, ๋ ์ค ํ๋๋ง ๋ค์ด๋๋ ๊น์? ์๋๋ฉด ๋ค๋ฅธ ๋ถ๋ถ์ด ์์ผ๋ ๋ค์ด์ผํ๋์?
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsADK123
ใป
6๋ฌ ์
0
112
2
- ํด๊ฒฐ
flex๋ฅผ grid ์ฒ๋ผ ๋ง๋ค๊ธฐ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
css 04-2-2 ๋ฐ์ํ๊ณผ grid ์กฐํฉ - ํ๋ ์ค๋ฐ์ค์ ๊ทธ๋ฆฌ๋ ๋น๊ต ์์ 12๋ถ 15์ด ๋ด์ฉ์ ๊ฐ์ธ๋ div๋ฅผ ๋ง๋ค์ด์ ์ด๋ป๊ฒ ํด์ผ grid ์ ๊ฐ์ด ๋ง๋ค ์๊ฐ ์๋ ๊ฑด์ง ๊ถ๊ธํฉ๋๋ค.
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsrobotics
ใป
7๋ฌ ์
0
92
2
- ๋ฏธํด๊ฒฐ
์ ์ ํฌ์ธํธ ๊ด๋ จํด์ ์ง๋ฌธ ๋๋ฆฝ๋๋ค
์ ์ ์ ์ํ์ ๋ค๋ฅธ ์ฌ์ฉ์๊ฐ ๊ตฌ๋งคํ ์ '๊ฑฐ๋ ํ ์์ก'๊ณผ 'ํฌ์ธํธ'์ ๊ฐ์ด ์ผ์นํด์ผ ๋๋ ๊ฒ ์๋์ง ๊ถ๊ธํฉ๋๋ค!<img src="https://cdn.i
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsmh
ใป
8๋ฌ ์
0
69
1
- ํด๊ฒฐ
npx create-react-app
npx create-react-app myproject ์ ๋ ฅํ๋๊น ๋ฌดํ๋ก๋ฉ๋ง ๋๊ณ ์ค์น๊ฐ ์ ๋ผ์ yarn create react-app myproject์ผ๋ก ํ๋๋ฐ๋ ์ ๋๋๋ผ๊ตฌ์ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์์๊น์?<p s
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js์์ฑ์ ์์
ใป
8๋ฌ ์
0
91
1
- ๋ฏธํด๊ฒฐ
fetchTravelproductsIPicked ๊ด๋ จ ์ง๋ฌธ ๋๋ฆฝ๋๋ค
<img src="https://cdn.inflearn.com/public/files/posts/aadaacdf-8d53-4206-a684-c73ac571b3e8/6ce02384-25f7-491a-8bbe-65dc5987da9f.png" media-type="img"
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsmh
ใป
8๋ฌ ์
0
81
2
- ํด๊ฒฐ
๊ฐ์์์ ์ฌ์ฉํ๋ api ์ ์ ๋ถ๊ฐ
์๋ ํ์ธ์~๊ฐ์์์ ์ฌ์ฉํ๋ api 2๊ฐ ๋ค ์ ์์ด ์๋๋ค์<p style="text-align:
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js๊น์ฃผ์
ใป
8๋ฌ ์
0
101
2
- ํด๊ฒฐ
๊ฐ์ ์ปค๋ฆฌํ๋ผ์ ๋ํด ์ง๋ฌธ์ด ์์ต๋๋ค.
์๋ ํ์ธ์ ๊ฐ์๋ฅผ ๊ตฌ๋งค ํ ๋ฃ๋ค๊ฐ ์ผ์ด ์๊ฒจ์ ์ค๋๋ง์ ๋ค์ ๊ณต๋ถํ๋ ค๊ณ ํ๋๋ฐ ์ปค๋ฆฌํ๋ผ์ ๋ค์ ๋ณด๋ ์ฒ์์ html, css ๊ฐ์ ์์๋๋ก ๋์ค๋ค๊ฐ js๊ฐ ๋์ค๊ณ ๋ ์น์ 04๋ถ๋ถ์์ ๋ค์ css๊ฐ ๋์ค๊ณ ๋ js๊ฐ ๋์ค
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js๋ถ๋๋ฌ์ด ์กฑ์ ๋น
ใป
8๋ฌ ์
0
102
2
- ํด๊ฒฐ
์๋์ฐ -> ๋งฅ ํ์ผ ์ฎ๊ธฐ๊ธฐ / ์คํ
์๋ ํ์ธ์! ์ง๊ธ๊น์ง ์์ ์ ์๋์ฐ ๋ ธํธ๋ถ์ผ๋ก ๋ฃ๊ณ ์์์ต๋๋ค. ๊ทธ๋ฐ๋ฐ ๋ ธํธ๋ถ์ ๋ฌธ์ ๊ฐ ์๊ฒจ ์๋ก์ด ๋ ธํธ๋ถ์ผ๋ก ๊ตฌ๋งค ํ ํ์ผ์ ์ฎ๊ธฐ๋ ค๊ณ ํ๋๋ฐ ์ด๋ฒ์ ๊ตฌ๋งคํ ๋ ธํธ๋ถ ์ด์์ฒด์ ๋งฅos์ ๋๋ค. ๊ฐํธํ๊ฒ ์ฎ๊ธฐ๊ณ ๋น ๋ฅด๊ฒ ์คํ ํ
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsskykwj0422
ใป
8๋ฌ ์
0
124
1
- ํด๊ฒฐ
fetchUser ์์ฒญ์ userPoint.amount
<img src="https://cdn.inflearn.com/public/files/posts/7046069c-61af-40a6-8de3-9805bd8bf754/9bae214e-0c1e-4e5b-948e-d3c114765089.png" media-type="img"
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsmh
ใป
9๋ฌ ์
0
61
2
- ํด๊ฒฐ
npm ๋ฐฐํฌ ํ import ์ ์ค๋ฅ์ฌํญ
<img src="https://cdn.inflearn.com/public/files/posts/e0b7fd69-ea30-40e7-ba1f-2da5bbb2e0c6/70939202-d7d1-41da-91e1-adcbd0695e79.png" media-type="img"
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsmh
ใป
9๋ฌ ์
0
90
2
- ํด๊ฒฐ
koreanjson ๊ด๋ จ ์ฌ์ดํธ๊ฐ ์ ์์ด ์๋์
koreanjson.com ์ ์์ด ๊ณ์ ์๋์ ๋์ฒด ์ฌ์ดํธ๊ฐ ์
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsskykwj0422
ใป
9๋ฌ ์
0
66
2
- ํด๊ฒฐ
graphql ์บ์๊ด๋ จ ์ง๋ฌธ
21-02 ๊ธ๋ก๋ฒ ์คํ ์ดํธ (์๋ฒ๋ฐ์ดํฐ ์บ์์ update) ๊ฐ์๋ฅผ ๋ณด๋ฉด์ ์ง๋ฌธํ๊ณ ์ถ์๊ฒ ์์ต๋๋ค.const UPDATE_BO
์์ง์
ใป
9๋ฌ ์
0
59
2
- ํด๊ฒฐ
17๊ฐ ์ง๋ฌธ
๊ฐ์ 17 ๋ถํฐ๋ ์๋ฒ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๊ฐ ๋ฐ๋ก ํ์ํ๊ฑธ๊น์?์๋ฒ๋ฅผ ๋ฐ๋ก ๊ตฌ์ถํด์ผ ๋๋์ง, ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ถ๊ฐ๋ก ์ค์นํด์ผ ๋๋๊ฑด์ง ๊ถ๊ธํฉ๋๋ค
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.js์์ฑ์ ์์
ใป
9๋ฌ ์
0
84
2
- ํด๊ฒฐ
tailwinde-css
๊ถ๊ธํ ์ : @apply ํํฌ๋ก ๋ณํ์ง ์์๋ ์คํ์ ๋ฉ๋๋ค! ์๊ด ์๋๊ฑธ๊น์??styles.module.css<img src="https://cdn.i
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsskykwj0422
ใป
9๋ฌ ์
0
72
2
- ํด๊ฒฐ
04-02 Next ํ์ด์ง ์ด๋
<img src="https://cdn.inflearn.com/public/files/posts/96aca558-efe1-4ca4-98be-d10af9e08887/0de9e821-3a5c-4406-bbe0-18ab78d0d84b.png" media-type="img"
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsskykwj0422
ใป
9๋ฌ ์
0
78
2
- ํด๊ฒฐ
[CSS&JS ๋ง์คํฐ]๊ณต๋ถํ๋ ์๋, ์ฝ๋ ๋ฆฌ๋ทฐ
ํ์ฌ ๊ตฐ๋ ์ฌ์ง๋ฐฉ์์ ๊ณต๋ถํ๊ณ ์๋ ๊ตฐ์ธ์ ๋๋ค.์ง๊ธ ํ์ฌ [์ ์ค๊ธ]CSS&JS ๋ง์คํฐ๋ฅผ ์๊ฐํ๊ณ ์์ต๋๋ค.์น์ 1์ ๋ง์น๊ณ ๊ณผ์ 1์ ๋ชจ๋ ๋ง์น๋ ๋ฐ์
reactreact-nativeํ์ด๋ธ๋ฆฌ๋-์ฑgraphqlnext.jsohwm
ใป
9๋ฌ ์
0
80
2






