๊นํ๋ธ์ Create Repository ๋ก์ปฌ์ ํ์ผ ๋ง๋ค๊ธฐ ๋ก์ปฌ ํ๋ก์ ํธ์์ npx creat-react-app {ํ์ ๋ช } --typescript ํฐ๋ฏธ๋ ๋ช ๋ น์ด
๋ฆฌ์กํธ+ํ์ ์คํฌ๋ฆฝํธ๋ก ์นด์นด์ค๋งต api์ด์ฉํ๊ธฐ
Typescript ์ ์ ํ์ ์ ๊ฐ์ง๋ค. (์์ค๋ ๋์ ํ์ ์ด๋ค) ์ฝ๋๊ฐ ๋ง์์ง๊ณ ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ํจ๊ป ์์ ์ ํ๋ค๋ณด๋ฉด ํจ์๋ฅผ ์ฌ์ฉํ ๋ ์๋ชป๋ ํ์ ์ ์ธ์๋ฅผ ์ฌ์ฉํ๊ฒ ๋ ์ง๋ ๋ชจ๋ฅธ๋ค. (์์ค๋ ์ด ๋ ์๋ชป ์ฌ์ฉํ์์ ์ธ์งํ์ง ๋ชปํ๋ค.) ์ค์น ํน์ ํ๋ก์ ํธ์์๋ง ์ค์นํ ๋
Failed to apply plugin 'com.android.internal.application' > Failed to install the app. make sure you have the android development environment set up
๋ ธ๋ง๋ ์ฝ๋ ์์ด๋ณด๋ฅผ ์ํ React Native 101 #1 INTRODUCTION
์ ๋๊ฒฝ๋ก ์ด์ฉํ์ฌ import ํ๊ธฐ
๐คฉ React Router ๊ด๋ จ ์๋ฌ ํด๊ฒฐ ๋ชจ์
์ด์ฝํ 2021๊ฐ์ 2.๊ทธ๋ฆฌ๋&๊ตฌํ > ์ง๊ธ ๋น์ฅ ์ข์ ๊ฒ. ๋งค ์ํฉ์์
useEffect( cbํจ์, deps);๋ง์ดํธ/์ธ๋ง์ดํธ ์์ปดํฌ๋ํธ๊ฐ ์ฒ์ ๋ํ๋ ๋์๋ง cbํจ์๋ฅผ ํธ์ถํ๋ค.์ฃผ๋ก ๋ง์ดํธ์์ \- props ๋ก ๋ฐ์ ๊ฐ์ ์ปดํฌ๋ํธ์ ๋ก์ปฌ ์ํ๋ก ์ค์ \- ์ธ๋ถ API ์์ฒญ (REST API ๋ฑ)\- ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ (D3, Video.j
๐๐ป props ์ ์ก ๊ณผ์ ์์ด ๋ชจ๋ ์ปดํฌ๋ํธ๊ฐ state์ ์ ๊ทผํ์ฌ ์ฌ์ฉํ ์ ์๋ค!๐๐ป ์ํ๊ด๋ฆฌ์ ์ ์ฉnpm install react-router-domnpm install redux react-reduxindex.js ๐๐ป Provider์์ ๋๊ฒจ์ค s
import / export ๋ด๋ณด๋ผํ์ผ.js ์์ export๋ฌธ์ผ๋ก ํจ์, ๊ฐ์ฒด, ์์๊ฐ์ ๋ด๋ณด๋ ๋ค๋ฅธ ํ์ผ์์ import ๋ฌธ์ผ๋ก ๊ฐ์ ธ์ฌ ์ ์์. export named ์ฌ๋ฌ๊ฐ ๋ด๋ณด๋ผ ์ ์๋ค, ๋จ { ์ค๊ดํธ } ์์ ๋ฌถ์ด์ ์ฃผ๊ณ ๋ฐ๊ธฐ! exportํ ์ด๋ฆ๊ณผ ๋์ผํ
๋ณ์ ์ ์ธํ ๋๋ง๋ค ํท๊ฐ๋ฆฌ๋ var , let, const์ ์ฐจ์ด์ ํธ์ด์คํ ์ ๋ํ์ฌ ์์๋ด ์๋ค ๐ป | |var|let|const| ---|------|---|---| ์ค๋ณต์ ์ธ|O|X|X ์ฌํ ๋น(์์ )|O|O|X ์กด์ฌ๋ฒ์|function|{}:๋ธ๋ก|{}:๋ธ๋ก ํธ์ด
useState์ useRef ๋ชจ๋ state๋ฅผ ๋ณ๊ฒฝ์ํฌ ์ ์๋ค useRef state ๋ณ๊ฒฝ ํ ์ฌ๋ ๋๋ง ํ์ง ์์!!
Component >๋ฆฌ์กํธ์ ์ฅ์ ! ๊ธด HTML ๋จ๋ฝ์ ์ปดํฌ๋ํธํ ํ์ฌ ํธ์ถํ๋ฉด ๊ด๋ฆฌํ๊ธฐ ํธํ๊ณ ์ฝ๋๊ฐ ๊ฐ๊ฒฐํด์ง๋ค. ์ด๋ฆ์ ๋ณดํต ๋๋ฌธ์๋ก ์์ return ๊ฐ์ ๊ฐ์ฅ ํฌ๊ฒ ๋ก ๋ฌถ์ด ์ฃผ์ด์ผํจ. > Componentํ ํ๋ฉด ์ข์ HTML ๋จ๋ฝ์? ๋ฐ๋ณต์ถํ ํ๋ ์ฝ๋ ์์ฃผ
์ธํ npx create-react-app {ํ๋ก์ ํธ๋ช } ์๋๋ฐฉ์ index.js\ -> , document.getElementById('root')\ -> App.js\ -> function App(){} export default App; JSX >js์์ h
๋ฉ์ผ ์ธ์ฆ๋ ํฌ ์ด๋ฆ ์ ํ๊ธฐ์ด์์ฒด์ ์ ๋ง๊ฒ ์ค์น์ค์นํ์ธ heroku --verson ์ด๋ฐ์์ผ๋ก ๋ฒ์ ํ์ธ๋ช ๋ น์ด cd ๋ง๋ค๊ณ ์๋๋ก์ปฌํด๋๋ก ํ์ฌ ๋ก์ปฌํ์ผ๋ก ์ด๋ํ๋ค.์ฒ์ ์ฝ๋๋ฅผ heroku์ ํธ์ฌํ ๋๋ ๋ฌผ๋ก ์ดํ ์์ ํ ๋์๋ ๋ค์๊ณผ ๊ฐ์ด ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ๋ค.git add .g
ํผ๋ณด๋์น ์๋ 0๊ณผ 1๋ก ์์ํ๋ค. 0๋ฒ์งธ ํผ๋ณด๋์น ์๋ 0์ด๊ณ , 1๋ฒ์งธ ํผ๋ณด๋์น ์๋ 1์ด๋ค. ๊ทธ ๋ค์ 2๋ฒ์งธ ๋ถํฐ๋ ๋ฐ๋ก ์ ๋ ํผ๋ณด๋์น ์์ ํฉ์ด ๋๋ค. ์ด๋ฅผ ์์ผ๋ก ์จ๋ณด๋ฉด Fn = Fn-1 + Fn-2 (n โฅ 2)๊ฐ ๋๋ค. ๐ฅ ๋ฐฑ์ค #10870 ๋ฌธ์
๐ฅ1978 ๋ฐฑ์ค ์๊ณ ๋ฆฌ์ฆ #1978 ๋ฌธ์ ์์ ๋๋์ด ๋จ์ด์ง๋ ๊ฐ์ด 1๊ณผ ์๊ธฐ์์ ๋ฟ ์ ๋ ฅ๊ฐ N์ 1๋ถํฐ N๊น์ง์ N๊ฐ์ ์๋ก ๋๋๊ธฐํ์๋ ๋๋ ์ง๋ ์๊ฐ 2์ด์ด์ผํจ. -> ํ์๋ฅผ ์ค์ด๊ธฐ ์ํด 2~N-1์ N-2๊ฐ๋ก ๋๋๊ณ ๋๋ ์ง๋ ์๊ฐ ์์ด์ผํจ
ํ๋ก ํธ์์ Objํ์ stringํ์ผ๋ก ๋ณํํ์ฌ ๋ฐฑ์ผ๋ก ์ ์ก๋ฐฑ์์๋ ๋ค์ Objํ์ผ๋ก ๋ณํํ์ฌ ์ ์ฅ : ์ค์๊ฐ ์๋, ์๋ฐฉํฅ ํต์ , ์ด๋ฒคํธ ๊ธฐ๋ฐ ํต์ ์ ์ ๊ณตํ๋ ํ๋ ์์ํฌ ์น์์ผ์ SocketIO๋ฅผ ์คํํ๋ ๋ฐฉ๋ฒ ์ค ํ๋์ npm i socket.io server.j
๐ฉ๐ปโ๐ปWebSocket HTTP์ ๋ฐฉ์์ ? HTTP ๋ stateless! {์ ์ -request-> ์๋ฒ ์๋ฒ->response->์ ์ } ๊ฐ ๋๋๋ฉด ์ ์ ๋ฅผ ์๋๋ค. (์ฟ ํค๋ฅผ ๋ณด๋ด์ผ ํจ) ์๋ฒ๋ request๋ฅผ ๋ฐ์๋์๋ง response๋ฅผ ์ค๋ค. WebSoc