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

React 18 ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ

useTransition

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

[ํŒŒ์ด์ฌ] ๋ฐฐ์—ด, ๋ฌธ์ž์—ด, ๋ฆฌ์ŠคํŠธ ๋ฉ”์†Œ๋“œ

count(), list(), joint(), split(), reverse()

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

[ํŒŒ์ด์ฌ] sys.stdin.readline ์ž…์ถœ๋ ฅ ์ •์ˆ˜,๋ฐฐ์—ด,๋ฌธ์ž์—ด

import sysdata = sys.stdin.readline().rstrip()๋ฌธ์ž์—ด ์—ฌ๋Ÿฌ ์ค„ data = sys.stdin.readline().rstrip() for i in range(n)๋„์–ด์“ฐ๊ธฐ๋กœ ์—ฌ๋Ÿฌ๊ฐœ ์ž…๋ ฅ ๊ตฌ๋ถ„data1, data2 = sys.stdin.r

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

[ReactNative] ์Šคํƒ๋‚ด๋น„๊ฒŒ์ด์…˜์—์„œ ํƒญ ๋ฐ” ์ˆจ๊ธฐ๊ธฐ

getFocusedRouteNameFromRoute์™€ tabBarStyle์„ ์ด์šฉํ•˜์—ฌ ํƒญ๋ฐ” ์ˆจ๊ธฐ๊ธฐ

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

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

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

2022๋…„ 6์›” 24์ผ
ยท
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๊ฐœ์˜ ๋Œ“๊ธ€
ยท