profile
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿง๐Ÿค”๐Ÿ’กโœ๐Ÿปโœจ

๋กœ์ปฌ ํ”„๋กœ์ ํŠธ ๊นƒํ—ˆ๋ธŒ์— ์˜ฌ๋ฆฌ๊ธฐ

๊นƒํ—ˆ๋ธŒ์— Create Repository ๋กœ์ปฌ์— ํŒŒ์ผ ๋งŒ๋“ค๊ธฐ ๋กœ์ปฌ ํ”„๋กœ์ ํŠธ์—์„œ npx creat-react-app {ํ”Œ์ ๋ช…} --typescript ํ„ฐ๋ฏธ๋„ ๋ช…๋ น์–ด

3์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React+TypeScript] ์นด์นด์˜ค ๋งต ์ด์šฉํ•˜๊ธฐ

๋ฆฌ์•กํŠธ+ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์นด์นด์˜ค๋งต api์ด์šฉํ•˜๊ธฐ

2022๋…„ 6์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Typescript ํƒ€์ž…์— ๋Œ€ํ•˜์—ฌ

Typescript ์ •์  ํƒ€์ž…์„ ๊ฐ€์ง„๋‹ค. (์ž์Šค๋Š” ๋™์ ํƒ€์ž…์ด๋‹ค) ์ฝ”๋“œ๊ฐ€ ๋งŽ์•„์ง€๊ณ  ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ํ•จ๊ป˜ ์ž‘์—…์„ ํ•˜๋‹ค๋ณด๋ฉด ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ž˜๋ชป๋œ ํƒ€์ž…์˜ ์ธ์ž๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋ ์ง€๋„ ๋ชจ๋ฅธ๋‹ค. (์ž์Šค๋Š” ์ด ๋•Œ ์ž˜๋ชป ์‚ฌ์šฉํ–ˆ์Œ์„ ์ธ์ง€ํ•˜์ง€ ๋ชปํ•œ๋‹ค.) ์„ค์น˜ ํŠน์ • ํ”„๋กœ์ ํŠธ์—์„œ๋งŒ ์„ค์น˜ํ•  ๋•

2022๋…„ 5์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ReactNative] npm run android ์—๋Ÿฌ

Failed to apply plugin 'com.android.internal.application' > Failed to install the app. make sure you have the android development environment set up

2022๋…„ 5์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ReactNative] ReactNative101#1 - Expo ์„ค์น˜, ์•ˆ๋“œ๋กœ์ด๋“œ ๊ธฐ๊ธฐ์—์„œ ์—ด๊ธฐ

๋…ธ๋งˆ๋“œ ์ฝ”๋” ์™•์ดˆ๋ณด๋ฅผ ์œ„ํ•œ React Native 101 #1 INTRODUCTION

2022๋…„ 5์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ์ ˆ๋Œ€ ๊ฒฝ๋กœ IMPORT

์ ˆ๋Œ€๊ฒฝ๋กœ ์ด์šฉํ•˜์—ฌ import ํ•˜๊ธฐ

2022๋…„ 5์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[React] Router ๊ด€๋ จ ์—๋Ÿฌ ํ•ด๊ฒฐ - React Router v6

๐Ÿคฉ React Router ๊ด€๋ จ ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ชจ์Œ

2022๋…„ 5์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ALGORITHM] ๊ทธ๋ฆฌ๋””

์ด์ฝ”ํ…Œ2021๊ฐ•์˜ 2.๊ทธ๋ฆฌ๋””&๊ตฌํ˜„ > ์ง€๊ธˆ ๋‹น์žฅ ์ข‹์€ ๊ฒƒ. ๋งค ์ƒํ™ฉ์—์„œ

2022๋…„ 4์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] Hooks - useEffect, useMemo, useCallback

useEffect( cbํ•จ์ˆ˜, deps);๋งˆ์šดํŠธ/์–ธ๋งˆ์šดํŠธ ์‹œ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์ฒ˜์Œ ๋‚˜ํƒ€๋‚ ๋•Œ์—๋งŒ cbํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ๋‹ค.์ฃผ๋กœ ๋งˆ์šดํŠธ์‹œ์— \- props ๋กœ ๋ฐ›์€ ๊ฐ’์„ ์ปดํฌ๋„ŒํŠธ์˜ ๋กœ์ปฌ ์ƒํƒœ๋กœ ์„ค์ •\- ์™ธ๋ถ€ API ์š”์ฒญ (REST API ๋“ฑ)\- ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ (D3, Video.j

2022๋…„ 4์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[React] ์ƒํƒœ๊ด€๋ฆฌ Redux / ContextAPI

๐Ÿ‘๐Ÿป props ์ „์†ก ๊ณผ์ • ์—†์ด ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ๊ฐ€ state์— ์ ‘๊ทผํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค!๐Ÿ‘๐Ÿป ์ƒํƒœ๊ด€๋ฆฌ์— ์œ ์šฉnpm install react-router-domnpm install redux react-reduxindex.js ๐Ÿ‘๐Ÿป Provider์—์„œ ๋„˜๊ฒจ์ค€ s

2022๋…„ 4์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] export, Route, useParam, useEffect, AJAX, ์„ฑ๋Šฅ๊ด€๋ฆฌ

import / export ๋‚ด๋ณด๋‚ผํŒŒ์ผ.js ์—์„œ export๋ฌธ์œผ๋กœ ํ•จ์ˆ˜, ๊ฐ์ฒด, ์›์‹œ๊ฐ’์„ ๋‚ด๋ณด๋ƒ„ ๋‹ค๋ฅธ ํŒŒ์ผ์—์„œ import ๋ฌธ์œผ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Œ. export named ์—ฌ๋Ÿฌ๊ฐœ ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ๋‹ค, ๋‹จ { ์ค‘๊ด„ํ˜ธ } ์•ˆ์— ๋ฌถ์–ด์„œ ์ฃผ๊ณ ๋ฐ›๊ธฐ! exportํ•œ ์ด๋ฆ„๊ณผ ๋™์ผํ•œ

2022๋…„ 4์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

var,let,cont ์ฐจ์ด์™€ ํ˜ธ์ด์ŠคํŒ…(Hoisitng)

๋ณ€์ˆ˜ ์„ ์–ธํ•  ๋•Œ๋งˆ๋‹ค ํ—ท๊ฐˆ๋ฆฌ๋Š” var , let, const์˜ ์ฐจ์ด์™€ ํ˜ธ์ด์ŠคํŒ…์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ด…์‹œ๋‹ค ๐Ÿ‘ป | |var|let|const| ---|------|---|---| ์ค‘๋ณต์„ ์–ธ|O|X|X ์žฌํ• ๋‹น(์ˆ˜์ •)|O|O|X ์กด์žฌ๋ฒ”์œ„|function|{}:๋ธ”๋ก|{}:๋ธ”๋ก ํ˜ธ์ด

2022๋…„ 3์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[React] useState vs useRef

useState์™€ useRef ๋ชจ๋‘ state๋ฅผ ๋ณ€๊ฒฝ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค useRef state ๋ณ€๊ฒฝ ํ›„ ์žฌ๋ Œ๋”๋ง ํ•˜์ง€ ์•Š์Œ!!

2022๋…„ 3์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] Component, props, Redux, reducer

Component >๋ฆฌ์•กํŠธ์˜ ์žฅ์ ! ๊ธด HTML ๋‹จ๋ฝ์„ ์ปดํฌ๋„ŒํŠธํ™” ํ•˜์—ฌ ํ˜ธ์ถœํ•˜๋ฉด ๊ด€๋ฆฌํ•˜๊ธฐ ํŽธํ•˜๊ณ  ์ฝ”๋“œ๊ฐ€ ๊ฐ„๊ฒฐํ•ด์ง„๋‹ค. ์ด๋ฆ„์€ ๋ณดํ†ต ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ return ๊ฐ’์€ ๊ฐ€์žฅ ํฌ๊ฒŒ ๋กœ ๋ฌถ์–ด ์ฃผ์–ด์•ผํ•จ. > Componentํ™” ํ•˜๋ฉด ์ข‹์€ HTML ๋‹จ๋ฝ์€? ๋ฐ˜๋ณต์ถœํ˜„ ํ•˜๋Š” ์ฝ”๋“œ ์ž์ฃผ

2022๋…„ 3์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ๋ฆฌ์•กํŠธ ์„ธํŒ…, JSX, ์ด๋ฒคํŠธํ•ธ๋“ค๋ง, ๋ฌธ๋ฒ•(์‚ผํ•ญ ์—ฐ์‚ฐ์ž, map, if, &&, switch, ๋ฐฐ์—ด)

์„ธํŒ… npx create-react-app {ํ”„๋กœ์ ํŠธ๋ช…} ์ž‘๋™๋ฐฉ์‹ index.js\ -> , document.getElementById('root')\ -> App.js\ -> function App(){} export default App; JSX >js์—์„œ h

2022๋…„ 3์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

Heroku๋กœ ๋ฐฐํฌํ•˜๊ธฐ (...ing)

๋ฉ”์ผ ์ธ์ฆ๋ ˆํฌ ์ด๋ฆ„ ์ •ํ•˜๊ธฐ์šด์˜์ฒด์ œ์— ๋งž๊ฒŒ ์„ค์น˜์„ค์น˜ํ™•์ธ heroku --verson ์ด๋Ÿฐ์‹์œผ๋กœ ๋ฒ„์ „ ํ™•์ธ๋ช…๋ น์–ด cd ๋งŒ๋“ค๊ณ ์žˆ๋Š”๋กœ์ปฌํด๋”๋กœ ํ˜„์žฌ ๋กœ์ปฌํŒŒ์ผ๋กœ ์ด๋™ํ•œ๋‹ค.์ฒ˜์Œ ์ฝ”๋“œ๋ฅผ heroku์— ํ‘ธ์‰ฌํ• ๋•Œ๋Š” ๋ฌผ๋ก  ์ดํ›„ ์ˆ˜์ •ํ• ๋•Œ์—๋„ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.git add .g

2022๋…„ 2์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ํŒŒ์ด์ฌ] ํ”ผ๋ณด๋‚˜์น˜

ํ”ผ๋ณด๋‚˜์น˜ ์ˆ˜๋Š” 0๊ณผ 1๋กœ ์‹œ์ž‘ํ•œ๋‹ค. 0๋ฒˆ์งธ ํ”ผ๋ณด๋‚˜์น˜ ์ˆ˜๋Š” 0์ด๊ณ , 1๋ฒˆ์งธ ํ”ผ๋ณด๋‚˜์น˜ ์ˆ˜๋Š” 1์ด๋‹ค. ๊ทธ ๋‹ค์Œ 2๋ฒˆ์งธ ๋ถ€ํ„ฐ๋Š” ๋ฐ”๋กœ ์•ž ๋‘ ํ”ผ๋ณด๋‚˜์น˜ ์ˆ˜์˜ ํ•ฉ์ด ๋œ๋‹ค. ์ด๋ฅผ ์‹์œผ๋กœ ์จ๋ณด๋ฉด Fn = Fn-1 + Fn-2 (n โ‰ฅ 2)๊ฐ€ ๋œ๋‹ค. ๐Ÿ”ฅ ๋ฐฑ์ค€ #10870 ๋ฌธ์ œ

2022๋…„ 2์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ํŒŒ์ด์ฌ] ์†Œ์ˆ˜์ฐพ๊ธฐ

๐Ÿ”ฅ1978 ๋ฐฑ์ค€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ #1978 ๋ฌธ์ œ ์†Œ์ˆ˜ ๋‚˜๋ˆ„์–ด ๋–จ์–ด์ง€๋Š” ๊ฐ’์ด 1๊ณผ ์ž๊ธฐ์ž์‹ ๋ฟ ์ž…๋ ฅ๊ฐ’ N์„ 1๋ถ€ํ„ฐ N๊นŒ์ง€์˜ N๊ฐœ์˜ ์ˆ˜๋กœ ๋‚˜๋ˆ„๊ธฐํ–ˆ์„๋•Œ ๋‚˜๋ˆ ์ง€๋Š” ์ˆ˜๊ฐ€ 2์ด์–ด์•ผํ•จ. -> ํšŸ์ˆ˜๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด 2~N-1์˜ N-2๊ฐœ๋กœ ๋‚˜๋ˆ„๊ณ  ๋‚˜๋ˆ ์ง€๋Š” ์ˆ˜๊ฐ€ ์—†์–ด์•ผํ•จ

2022๋…„ 2์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[์ญ˜] #2 SocketIO

ํ”„๋ก ํŠธ์—์„œ Objํ˜•์„ stringํ˜•์œผ๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ๋ฐฑ์œผ๋กœ ์ „์†ก๋ฐฑ์—์„œ๋Š” ๋‹ค์‹œ Objํ˜•์œผ๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ์ €์žฅ : ์‹ค์‹œ๊ฐ„ ์ž‘๋™, ์–‘๋ฐฉํ–ฅ ํ†ต์‹ , ์ด๋ฒคํŠธ ๊ธฐ๋ฐ˜ ํ†ต์‹ ์„ ์ œ๊ณตํ•˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ ์›น์†Œ์ผ“์€ SocketIO๋ฅผ ์‹คํ–‰ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ค‘ ํ•˜๋‚˜์ž„ npm i socket.io server.j

2022๋…„ 2์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[์ญ˜] #1 Chat with WebSocket

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ปWebSocket HTTP์˜ ๋ฐฉ์‹์€ ? HTTP ๋Š” stateless! {์œ ์ €-request-> ์„œ๋ฒ„ ์„œ๋ฒ„->response->์œ ์ € } ๊ฐ€ ๋๋‚˜๋ฉด ์œ ์ €๋ฅผ ์žŠ๋Š”๋‹ค. (์ฟ ํ‚ค๋ฅผ ๋ณด๋‚ด์•ผ ํ•จ) ์„œ๋ฒ„๋Š” request๋ฅผ ๋ฐ›์„๋•Œ์—๋งŒ response๋ฅผ ์ค€๋‹ค. WebSoc

2022๋…„ 2์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€