ใใญใธใงใฏใใงๅญฆใถReact.js
ใใญใฐใใญใธใงใฏใใ้ใใฆใชใขใฏใใฎๅบ็คใๅญฆใถใใจใใงใใพใ
ๅ่ฌ็ 349ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
UserEffect ๋น ๋ฐฐ์ด ์ฌ์ฉ ์ง๋ฌธ์ ๋๋ค
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
reactreduxes6ddingjo1429
ใป
1ๅนดๅ
0
96
2
- ๆช่งฃๆฑบ
Pagination ํ์ด์ง ๋ณ ๋ฐ์ดํฐ ๋ถ๋ฌ์ค๊ธฐ ์ค๋ฅ
Pagination 6 ๊ฐ์๊น์ง ๋ค์์ ๋ ํ์ด์ง ๋ณ๋ก ํด๋ฆญํ์ ๋ params์ page๊ฐ์ ์ ๋๋ก ๋ฐ๊ปด์ getPost ํจ์๋ก ๋ค์ด๊ฐ๋ ๊ฑฐ๊น์ง ํ์ธ ๋๋๋ฐ ๋ค๋ฅธ page๊ฐ์ด ๋ค์ด๊ฐ๋ ํญ์ ๋๊ฐ์ data 5๊ฐ๋ง ๊ฐ์ ธ์ค๋๋ฐ ๋ฐ๋ก ํ์ด์ง๋ณ๋ก ๋ฐ์ดํฐ๋ฅผ ์ฌ๋ผ์ด์ฑํ๋
reactreduxes6howeve184655
ใป
0
215
1
- ๆช่งฃๆฑบ
์ค๋ช ์ด ๋ถ์กฑ ํ ๋ฏ..
router ์์์ ๋ณด๊ณ ์๋๋ฐ..browserRouter ๊ฐ ๋ญ์ง.. router๊ฐ ๋ญ์ง..์ด๋ฐ ๊ธฐ์ด์ ์ธ ๊ฐ๋ ์ค๋ช ๋ ์๊ณ ..๊ทธ๋ฅ ๋ถ๋ฌ๋ค ์ฐ๋ผ๊ณ ํ๋ฉด..์ด๊ฑด ์ข ์๋์ง ์๋? &n
reactreduxes6nataek2159
ใป
0
273
1
- ๆช่งฃๆฑบ
pagination nav๊ฐ ์๋ณด์ฌ์
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
reactreduxes6jhinpark9602173973
ใป
0
197
1
- ๆช่งฃๆฑบ
๋ธ๋ก๊ทธ ๋ซ ํ์ด๋ ใ ใ
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์์! - ๋จผ์ ์ ์ฌํ ์ง๋ฌธ์ด ์์๋์ง ๊ฒ์ํด๋ณด์ธ์. - ์๋ก ์์๋ฅผ ์งํค๋ฉฐ ์กด์คํ๋ ๋ฌธํ๋ฅผ ๋ง๋ค์ด๊ฐ์. - ์ ๊น! ์ธํ๋ฐ ์๋น์ค ์ด์ ๊ด๋ จ ๋ฌธ์๋ 1:1 ๋ฌธ์ํ๊ธฐ๋ฅผ ์ด์ฉํด์ฃผ์ธ์.
reactreduxes6bcspeirs7133
ใป
0
219
1
- ๆช่งฃๆฑบ
return (<div></div>)
return ์ด๋ค ๊ฒฝ์ฐ์๋ () ๊ดํธ๋ฅผ ์น๊ณ return ์ ํ๊ณ ,์ด๋ค ๊ฒฝ์ฐ์๋ ํ๊ทธ๋ง ์น๊ณ return ์ ํ๋๋ฐ ๊ทธ ์ฐจ์ด๊ฐ ๋ญ๊ฐ์?
reactreduxes6eodilda
ใป
0
405
2
- ๆช่งฃๆฑบ
useState ์ ๋ํด
3:20๋ชจ๋ธ ๊ฐ์ด ๊ฐฑ์ ์ด ์๋์ ๊ทธ๋ฐ๊ฑด๊ฐ์?๋ชจ๋ธ์ด ์์จ์ด๋ก ๋ผ์ด์๋์?useState ๋ฅผ ์ฐ๋ฉด ๋ชจ๋ธ์ด ํฌ์จ์ด๋ก ๋ฐ๋๋๊ฑด๊ฐ์?
reactreduxes6eodilda
ใป
0
201
1
- ๆช่งฃๆฑบ
์๋ฌ๋ ์..
<a target="_blank" rel="noopener noreferrer nofollow" class="unit_item" href="https://www.inflearn.com/course/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-
reactreduxes6goleemw
ใป
0
496
2
- ๆช่งฃๆฑบ
useCallback ์์กด์ฑ ๋ฐฐ์ด
const getPosts = useCallback((page = 1) => { let params = { _page: page, _limit: limit, _sor
reactdororong
ใป
0
352
1
- ๆช่งฃๆฑบ
์ธ์๊ฐ ํ์๋ก ๋ค์ด๊ฐ์ผ ํ๋์ง ๊ถ๊ธํฉ๋๋ค
์๋ ํ์ธ์! ๊ฐ์์์๋ const getPost = (id) => {} ์ด๊ฑฐ๋ getPost(id) ์ด๋ ๊ฒ ์์ฑํ์ จ๋๋ฐ ์๋ ์ ์ฝ๋๋ ๋ฌธ๋ฒ์ ์ผ๋ก ์ด๋ค ์ฐจ์ด๊ฐ ์๊ธฐ๋์ง, ์ ์ฝ๋๋ก ์ธํด ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ผ์ ์๋์ง ๊ถ๊ธํฉ๋๋ค!<co
reactdororong
ใป
0
362
1
- ๆช่งฃๆฑบ
AxiosError: Network Error๊ฐ ๋น๋๋ค
13๊ฐ์์ DB์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ ๋ ํ์ดํ๊ณผ ๋ฐ๋์ ๊ธ์ ์ด ๋ค์ ํฌ์คํธ ๋ฒํผ์ ๋๋ฅด๋ฉด<img src="https://cdn.inflearn.com/public/files/posts/8778c693-407e-415c-bdc7-cb4f6f9
reactreduxes6orol6783360
ใป
0
11,131
3
- ๆช่งฃๆฑบ
๋ฆฌ์กํธ ์ค์นํ๋ ค๊ณ ํ๋ ์๋ฌ๊ฐ ๋น๋๋ค
์๋ ํ์ธ์.๊ฐ์ ๊ทธ๋๋ก ๋ฆฌ์กํธ๋ฅผ ์ค์นํ๋๋ฐ ์๋ฌ๊ฐ ๋จ๋ค์<img src="https://cdn.inflearn.com/public/files/posts/4534a22c-67be-424c-b3c7-b910ac58a634/ํ๋ฉด์บก์ฒ2023-09-202228
reactreduxes6orol6783360
ใป
0
288
1
- ๆช่งฃๆฑบ
23๊ฐ localhost ์ง๋ฌธ๋๋ฆฝ๋๋ค!!
<img src="https://cdn.inflearn.com/public/files/posts/c0d82ea8-e0c7-4f41-bf2d-b286adeaa09a/แแ ณแแ ณแ แ ตแซแแ ฃแบ2023-08-27แแ ฉแแ ฎ2.37.04.png" alt="แแ ณแแ ณแ แ ตแซแแ ฃแบ 202
reactreduxes6hwji
ใป
0
564
5
- ๆช่งฃๆฑบ
renderBlogList ํจ์๋ ์์ํจ์๊ฐ ์๋์ด๋ ๊ด์ฐฎ์๊ฐ์?
React ์ง์์์ functional component๋ hook ๋ฑ์ ์์ ํจ์๋ก ์์ฑํ๋๋ก ๊ถ์ฅ๋๋ ๊ฒ์ผ๋ก ์๊ณ ์๋๋ฐ์,renderBlogList ํจ์๋ ์ธ๋ถ ์ค์ฝํ์ ์๋ loading, <cod
reactreduxes6whomi
ใป
0
271
1
- ๆช่งฃๆฑบ
ํ์ด์ง๋ค์ด์ ๋ฒ๊ทธ ์์ต๋๋ค.
๋ณ์ ๋ช ์ ํธํ๋๋ก ๋ณ๊ฒฝํ์ต๋๋ค.numberOfPageForGroup = currentGroup === lastGroup ? totalPages % lim
reactreduxes6iambyeonghwa4957
ใป
0
388
1
- ๆช่งฃๆฑบ
๊ธ ์ญ์ ๊ธฐ๋ฅ ๊ตฌํ ๋ฐฉ๋ฒ
๊ฐ์ฌ๋๊ป์ ์์ฑํด์ฃผ์ ๋๋ก ์ํ๊ณ function deletePost(e, id) { e.stopPropagation(); axios.delete(`http://localhost:3001/posts/${
reactiambyeonghwa4957
ใป
0
289
1
- ่งฃๆฑบ
react-router-dom ๋ฒ์ ์ ๊ทธ๋ ์ด๋์ ๋ฐ๋ฅธ ๋ฌธ์
๋์ด์ switch๋ฅผ ์ฌ์ฉํ ์ ์๋ค๊ณ ํด์ routes, route๋ก ๋ฐ๊ฟจ๋๋history.ts:480 Uncaught Error: [div] is not a component. All component children of
reactdororong
ใป
0
391
1
- ่งฃๆฑบ
state๊ฐ ์ ๋ฐ์ดํธ๋๋ ๊ธฐ์ค์ด ๊ถ๊ธํฉ๋๋ค.
๋ฆฌ๋ ๋๋งํ๊ธฐ ์ ์ state๋ฅผ ํ๋ฒ์ ์ ๋ฐ์ดํธ ์์ผ์ค๋ค๊ณ ํ์ จ๋๋ฐ const [number, setNumber] = useState(1); const double = () => { setNumber(n
reactuseStatedororong
ใป
0
288
1
- ๆช่งฃๆฑบ
id๊ฐ ๋๋ฒ ์ฐํ์
import { useParams } from "react-router-dom"; const ShowPage = () =>{ const {id} = usePara
reactreduxes6ciel19958338
ใป
0
255
2
- ๆช่งฃๆฑบ
error handling 2 => ShowPage.js, BlogForm.js์์ ์๋ฌ๊ฐ ๋ฉ๋๋ค.
BlogList.js๊น์ง๋ ๊ฐ์์ ๋์ผํ๊ฒ ์๋ฌ์ฒ๋ฆฌ๊ฐ ๋์์ผ๋ ShowPage.js์์ ์๋ฌ ์ฒ๋ฆฌ ํ ํ์ธ์ ํ๋ฉด๊ธ ์์ ํ => DB๋๊ณ => edit๋ฒํผ์ ๋๋ฅธ ์ํ์ ๋๋ค.<img src="https://cdn.inflearn.com/pu
reactreduxes6e89cokr5994
ใป
0
444
2


