profile
Hi!๐Ÿ˜ I'm Soongle. Welcome to my Velog!!!

[React] custom hook

hook์„ ์‚ฌ์šฉํ•˜๋Š” ์™ธ๋ถ€ํ•จ์ˆ˜๋ฉด custom hook์œผ๋กœ ๋งŒ๋“ค์–ด์•ผํ•จ

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

[React] react์—์„œ hook ์—†์ด redirectํ•˜๊ธฐ

Router์— ์†ํ•œ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์•„๋‹ˆ๋ผ์„œ useNavigate()๋ฅผ ๋ชป์“ฐ๋Š” ์ƒํ™ฉ์ด ๋๋‹ค.๐Ÿ˜‘

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

[React] url ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ

url์˜ ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ธฐ ์œ„ํ•ด useParams()๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.

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

[React] useNavigate()๋กœ state์ „๋‹ฌ ํ›„ useLocation()์œผ๋กœ ๋ฐ›๊ธฐ

useNavigate()๋กœ ๊ฒฝ๋กœ๋ฅผ ๋ฐ”๊ฟ”์ค„ ๋•Œ, ๋ฐ์ดํ„ฐ๋ฅผ ํ•จ๊ป˜ ์ „๋‹ฌํ–ˆ๋‹ค!

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

[React hook, axios] axios interceptor ๋‚ด๋ถ€์—์„œ react hook ์‚ฌ์šฉํ•˜๊ธฐ

axios interceptor์—์„œ hook์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค. ๐Ÿ˜ ํ•˜์ง€๋งŒ ๋‚ด๊ฐ€ ์จ์•ผ๊ฒ ๋‹ค๋ฉด?!?!?!?!๐Ÿ™„

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

[React] ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌํ•  ๋•Œ ํŒŒ๋ผ๋ฏธํ„ฐ ๋„˜๊ฒจ์ฃผ๊ธฐ

๋ˆ„๋ฅด๋Š” ๋ฒ„ํŠผ์— ๋”ฐ๋ผ ์กฐ~๊ธˆ์”ฉ ๋™์ž‘์ด ๋‹ฌ๋ผ์„œ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ ํ•จ์ˆ˜๋ฅผ ํ†ตํ•ฉํ•˜๊ณ  ์‹ถ์—ˆ๋‹ค!

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

[TIL] React no-template-curly-in-string

๋ผ๋Š” ์ฝ”๋“œ๋ฅผ ์ผ๋Š”๋ฐ ์ž˜ ๋จนํžˆ์ง€๋„ ์•Š์„ ๋ฟ๋”๋Ÿฌ๋ผ๋Š” ์—๋Ÿฌ๊ฐ€ ๋–ด๋‹ค..๊ฒ€์ƒ‰ํ•ด๋ณด๋‹ˆ ${}๋ฅผ ์จ์„œ ๋ณ€์ˆ˜ ๊ฐ’์„ ์“ธ ๋•Œ"์ด๋‚˜ ' ๊ฐ€ ์•„๋‹Œ.. \`๋ฅผ ์จ์•ผํ–ˆ๋‹ค..์ข‹์€ ๊ตํ›ˆ.

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

[Redux] ์‹œ์ž‘ํ•˜๊ธฐ!

react ์ปดํฌ๋„ŒํŠธ ๊ฐ„ ์ž์›์„ ์‰ฝ๊ฒŒ ๊ณต์œ ํ•  ๋ฐฉ๋ฒ•์„ ์ฐพ๋‹ค๊ฐ€ redux๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋๋‹ค

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

[React] ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์‚ฌ์šฉ

API key, ์ด๋ฏธ์ง€ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒฝ์šฐ ๊ฒฝ๋กœ๋ฅผ ๊ฐ์ถฐ ๋ณด์•ˆ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.

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

[React] ๊ณต๋ถ€ ์‹œ์ž‘!

์—ด์‹ฌํžˆ ํ•ด์•ผ์ง€๐Ÿ˜

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