๋น์ ๊ณต์๋ฅผ ์ํ ์ง์ง ์ ๋ฌธ ์ฌ์ธ์ ๊ฐ๋ฐ ๋ถํธ์บ ํ
์์ด๋ณด๋ ํ ์ ์๋ ์น, ์๋ฒ, ๋ชจ๋ฐ์ผ ์ฑ, ๋จธ์ ๋ฌ๋๊น์ง ์ตํ๋ ๋ํ์ ํ์คํ ๊ฐ์!! ๊ฐ๋ฐ์ ์ด๋์๋ถํฐ ์์ํ ์ง ๋ง๋งํ๋ค๋ฉด ์ด ๊ฐ์๋ฅผ ๊ฐ๋ ฅ ์ถ์ฒํ ๊ฒ์. Javascript ํ๋๋ก ์งํํฉ๋๋ค!
์๊ฐ์ 3,224๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ํด๊ฒฐ
[ํด๊ฒฐ]๊ทธ๋ฉ๋ ๋ต๋ณ ์ฃผ์ธ์.
102๊ฐ ๊ฐ์๋ฅผ ๋ฃ๊ณ ์๋๋ฐ์,react-native-reanimated-carousel ์ค์น ์ํด ๋ ธ์ ์ ๋งํฌ๋๋กnpm install reac
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
3๋ฌ ์
0
137
2
- ๋ฏธํด๊ฒฐ
๊ทธ๋ฉ๋์ ๋ต๋ณ์ ๊ธฐ๋ค๋ฆฝ๋๋ค/102๊ฐ ์ ๋ฐ์ ์ธ ์๋ฌ
๊ทธ๋ฉ๋, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.102๊ฐ ๊ฐ์๋ฅผ ๋ฃ๊ณ ์๋๋ฐ์,react-native-reanimated-ca
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
3๋ฌ ์
0
116
2
- ๋ฏธํด๊ฒฐ
[๊ทธ๋ฉ๋๊ป]101๊ฐ ์๋๋ก์ด๋ ์๋ฌ๋ค(Key prop)ํด๊ฒฐ๋ฐฉ๋ฒ ๊ถ๊ธํฉ๋๋ค.
๊ทธ๋ฉ๋, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ ๊ถ๊ธํ ์ฌํญ(=์๋ฌ ํด๊ฒฐ๋ฐฉ๋ฒ)์ด ํ์
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
4๋ฌ ์
0
99
2
- ๋ฏธํด๊ฒฐ
[์ฌ์ง๋ฌธ][๊ทธ๋ฉ๋ ๋ต๋ณ ๋ถํ๋๋ฆฝ๋๋ค]101๊ฐ
๊ทธ๋ฉ๋, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ ๊ถ๊ธํ ์ฌํญ(=์๋ฌ ํด๊ฒฐ๋ฐฉ๋ฒ)์ด ํ์
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
4๋ฌ ์
0
116
2
- ํด๊ฒฐ
[๊ทธ๋ฉ๋ ๋ต๋ณ ๋ถํ๋๋ฆฝ๋๋ค]101๊ฐ Axios ์๋ฌ์ 502 Bad Gateway ์ง๋ฌธ
๊ทธ๋ฉ๋, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ ๊ถ๊ธํ ์ฌํญ(=์๋ฌ ํด๊ฒฐ๋ฐฉ๋ฒ)์ด ํ์
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
4๋ฌ ์
0
86
2
- ํด๊ฒฐ
Ngrok ์ค์น ํ forwarding Url ์๋ฌ
๊ทธ๋ฉ๋ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ, ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์ Ngrok๋ฅผ ์ค์น ํforwarding Url๋ก ํฌ๋กฌ๋ธ๋ผ์ฐ์ ์์ ์น๊ณ ๋ค์ด๊ฐ๋ฉด</st
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
4๋ฌ ์
0
100
2
- ํด๊ฒฐ
[๊ทธ๋ฉ๋๊ป,Ngrok ์ ์ฑ์ฝ๋ ์ธ์ ํด๊ฒฐ๋ฐฉ๋ฒ]์ง๋ฌธ ๋๋ฆฝ๋๋ค.
๊ทธ๋ฉ๋, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.Ngrok์๋ฌ๊ฐ ์์ ์ ์ด์ด ์ง๊ธ๋ ์์ด์์ฒ์๋ถํฐ ๋ค์ ์์ํด๋ณด๋ ค๊ณ ์๋์ฐ ํฌ๋กฌ ๋ค์ด๋ก๋
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
4๋ฌ ์
0
168
2
- ๋ฏธํด๊ฒฐ
Ngrok ์ค์น ํ forwarding Url๋ก ์ฐ๊ฒฐ ๋ถ๊ฐ
๊ทธ๋ฉ๋ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ, ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์ Ngrok๋ฅผ ์ค์น ํforwarding Url๋ก ํฌ๋กฌ๋ธ๋ผ์ฐ์ ์์ ์น๊ณ ๋ค์ด๊ฐ๋ฉด</st
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
5๋ฌ ์
0
113
1
- ํด๊ฒฐ
๊ทธ๋ฉ๋,[๊ผญ] ๋ต๋ณ ๋ถํ๋๋ฆฝ๋๋ค.
*๋จผ์ ์ด ์ง๋ฌธ์ ๊ธ์ ๊ทธ๋ฉ๋๊ป์ ๋ณด์ ๋ค๋ฉด, [๊ผญ][[๊ผญ] ๊ทธ๋ฉ๋, ๋ต๋ณ ๋ถํ๋๋ฆฝ๋๋ค], Failed to load resource: the server responded with a status of 4
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
5๋ฌ ์
0
58
1
- ํด๊ฒฐ
[๊ผญ][[๊ผญ] ๊ทธ๋ฉ๋, ๋ต๋ณ ๋ถํ๋๋ฆฝ๋๋ค], Failed to load resource: the server responded with a status of 404 (Not Found) ์ํ ์์ธ ํ์ด์ง ์ง๋ฌธ์ ๋๋ค.
์ข์ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด์๋๋ผ, ์ด์ ๊ฐ์๋ค์ ์๋ฌ๋ค์ ๋ค ํด๊ฒฐํด์ 80๊ฐ์ ๋ฃ๊ธฐ ์ ๊น์ง ์ํ ์์ธ ํ์ด์ง ๊ตฌํ ํ,<p style="text
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
6๋ฌ ์
0
130
1
- ๋ฏธํด๊ฒฐ
6๊ฐ/7๊ฐ ์์
๋ค๋ฅธ ์๊ฐ์๋ถ๋ค์๊ฒ๋ ๋ฌธ์ ํด๊ฒฐ์ ๋์์ ์ค ์ ์๋๋ก ์ข์ ์ง๋ฌธ์ ๋จ๊ฒจ๋ด ์๋ค :) 1. ์ง๋ฌธ์ ๋ฌธ์ ์ํฉ์ ์ต๋ํ ํํํด์ฃผ์ธ์.6๊ฐ ๋ง์ง๋ง ํ๋ฉด์ด๋ 7๊ฐ ์ฒซํ๋ฉด ์ฝ๋๊ฐ ๋ฌ๋ผ์ ธ์ ์ด ๋ถ๋ถ์ ์ด๋ป๊ฒ ํด๊ฒฐํ๋ฉด
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflownoysys
ใป
6๋ฌ ์
0
43
1
- ๋ฏธํด๊ฒฐ
๊ทธ๋ฉ๋, ์ํ ์์ธ ํ์ด์ง ์๋ฌ์ ์๋ฌธ์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
๊ทธ๋ฉ๋, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ, ์ํ ์์ธ ํ์ด์ง ์๋ฌ์ ์๋ฌธ์ ์ด ์์ด์ ์ด๋ป๊ฒ ํด๊ฒฐํด์ผ ํ๋์ง ๊ถ๊ธํ ์ฌํญ์ด ์์ด ์ง๋ฌธ ๋๋ฆฌ๊ฒ ๋์์ต๋๋ค.</p
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
7๋ฌ ์
0
87
2
- ํด๊ฒฐ
๊ทธ๋ฉ๋, ํด๊ฒฐ๋์ง ์์ ์๋ฌ ๋ฉ์์ง [๊ผญ] ๋ต๋ณ ๋ถํ ๋๋ฆฝ๋๋ค.
๊ทธ๋ฉ ์ ์๋, ์ข์ ๊ฐ์ ๋ง๋ค์ด ์ฃผ์ ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๊ทธ๋ฐ๋ฐ ์๋ฌด๋ฆฌ ํด๋ ์๋ฌ๊ฐ ๋๋ ๊ฒ์ ํด๊ฒฐํ์ง ๋ชปํ๊ณ ์์ด 2์ฃผ ์ด์ ์ง๋๋ฅผ ๋๊ฐ์ง ๋ชปํ๊ณ
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
8๋ฌ ์
0
125
2
- ๋ฏธํด๊ฒฐ
[์ฌ ์ง๋ฌธ]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') ์๋ฌ ํด๊ฒฐ ์ด๋ป๊ฒ ํ๋์?
ํ์ฌ [๊ทธ๋ฉ๋ง์ผ] React๋ก ์น ๊ฐ๋ฐํ๊ธฐ -2 ๋ฃ๊ณ ์๋๋ฐ์,1.<br
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
8๋ฌ ์
0
75
1
- ๋ฏธํด๊ฒฐ
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') ์๋ฌ ํด๊ฒฐ ์ด๋ป๊ฒ ํ๋์?
ํ์ฌ [๊ทธ๋ฉ๋ง์ผ] React๋ก ์น ๊ฐ๋ฐํ๊ธฐ -2 ๋ฃ๊ณ ์๋๋ฐ์, 1.๊ทธ๋ฉ ์ ์๋ ์์ค ์ฝ๋์ ๋์ผํ๊ฒ ์๋ ์์ฑํ
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
8๋ฌ ์
0
109
2
- ๋ฏธํด๊ฒฐ
์ผ๋ฐ์ ์ธ css ๊พธ๋ฏธ๊ธฐ์์ width์ height์ ๊ฐ?
๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.์ง๋ฌธ์ด ์๋๋ฐ์,์ผ๋ฐ์ ์ธ css ๊พธ๋ฏธ๊ธฐ์์ <str
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowisbcom1004
ใป
9๋ฌ ์
0
77
2
- ๋ฏธํด๊ฒฐ
Windows์์์ ์ ๋ก๋ ํ ํํ๋ฉด ์ํ์ด๋ฏธ์ง ์ค๋ฅ ํด๊ฒฐ๋ฐฉ๋ฒ
๊ณต์ต์ ์ํด ์ฒจ๋ถํฉ๋๋ค... Windows์ ๊ฒฝ์ฐ Mac๊ณผ ๋ค๋ฅธ ๋ฐฉ์์ผ๋ก ๊ฒฝ๋ก๊ฐ ์ค์ ๋๋ ํ์ธ์ง ์ํ ์ ๋ก๋ ํ ํํ๋ฉด์์ ์ํ์ด๋ฏธ์ง๊ฐ ์๋ฐ์ผ๋ก ๋ณด์ด๋ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค. ๊ทธ๋์ ์ง๋ฌธ&๋ต๋ณ
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflowsugi0jubak
ใป
0
177
1
- ๋ฏธํด๊ฒฐ
๊ทธ๋ฉ๋ง์ผ ์นํ๋ฉด ๊ตฌํํ๊ธฐ -2 ์ง๋ฌธ์ ๋๋ค.
header ์์๋ header-area๋ฅผ ๋ฐ๋ก ๋ง๋ค์ด์ ์ด๋ฏธ์ง๋ฅผ ๊ด๋ฆฌ๋ฅผ ํ์๋๋ฐbody์์ ๋ฐฐ๋๋ ๋ฐฐ๋-area๋ฅผ ๋ฐ๋ก ์๋ง๋ค๊ณ ๋ฐ๋ก banner์ ์ด๋ฏธ์ง๋ฅผ ๋ฃ์ด์ ๊ด๋ฆฌํ๋ ์ด์ ๊ฐ ๋ฐ๋ก ์๋์ฌ?? ๋ฌด์จ์ฐจ์ด์ธ๊ฐ์
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflow๊ณฝํธ์น
ใป
0
104
1
- ๋ฏธํด๊ฒฐ
react์ ๋ฐ์์ด ๋์ง ์์ต๋๋ค.
App.js, child.js ๋ชจ๋ ๊ฐ์ ๋ด์ฉ๊ณผ ๊ฐ์ด ์์ฑ ํ ํฐ๋ฏธ๋์์ ์คํ์์ผ ๋ณด์๋๋ฐ ๋ฆฌ์กํธ ์ด๊ธฐํ๋ฉด๋ง ํ์๋๊ณ ์์ต๋๋ค. ์บ์ ์ญ์ , vscode ์ฌ์์ ๋ฑ์ ์์ผ๋ณด์์ผ๋ ๋ณํจ์ด ์์ต๋๋ค.<img src="https://cdn.inflearn.com
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflow์์ฑ์ ์์
ใป
0
217
1
- ๋ฏธํด๊ฒฐ
ํฐ๋ฏธ๋ npm install -g create-react-app ์์ฑ ํ ์ค๋ฅ
ํฐ๋ฏธ๋์์ npm install -g create-react-app ์์ฑ ํ์์๋์ ๊ฐ์ ๋ฉ์ธ์ง๊ฐ ๋น๋๋ค.์ด๋ด ๊ฒฝ์ฐ ์ด๋ป๊ฒ ํด์ผ ํ๋์??<img src="https://cdn.inflearn.com/public/files/post
HTML/CSSjavascriptreactnode.jsreact-native๋จธ์ ๋ฌ๋expresstensorflow์์น
ใป
0
392
1






