hyobin
@hyobin
Students
11,865
Reviews
384
Course Rating
4.9
์๋
ํ์ธ์ ๊นํจ๋น ์
๋๋ค ๐
ํ๋ก ํธ์๋๋ฅผ ํฌ๋งํ๋ ๋ถ๋ค์ ์ํด ์ฝ๊ณ ์น์ ํ ๊ฐ์๋ฅผ ์ ๊ณตํ๊ณ ์์ต๋๋ค.
(ํ) ํ๋ก ํธ์๋ ๊ฐ๋ฐ ๊ฐ์ฌ
(์ ) ์คํํธ์ ํ๋ก ํธ์๋ ๋ฆฌ๋ ๊ฐ๋ฐ์
์น ํ์ด์ง
์จ๋ผ์ธ ๊ฐ์
๋์
์ธ๋ถํ๋
udemy, codeit, ํ์์ฌ์๋ํ๊ต ๋ฑ ํน๊ฐ ์งํ
Courses
Reviews
- JavaScript All-in-One: From Vanilla JavaScript to SPA Development
- Bite-Sized React.js Practical Project - SNS Edition
- Bite-Sized React.js Practical Project - SNS Edition
- A Beginner's Guide to JavaScript for Web Frontend
- Bite-Sized React.js Practical Project - SNS Edition
Posts
Q&A
์ฝ๋ฐฑ ํจ์ ๋ฉ์๋ ๋ฑ๋ก
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.๊ฐ์์์ ์ ๊ณต๋๋ ํ๋ก์ ํธ ์์ผ๋ก๋ ๊ผญ ํ์ํ ๊ฒ์ ์๋๋๋ค.๋ค๋ง, this.hanldeLoadMore๋ก ์ ์ฅํ๋ ์ด์ ๋ ์ฝ๋์ ์ผ๊ด์ฑ๊ณผ ํ๋ก์ ํธ์ ํ์ฅ์ฑ ๋๋ฌธ์ธ๋ฐ์,์ถํ์ ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ ์ ๊ฑฐํ๊ฑฐ๋, ์ปดํฌ๋ํธ ๋ด ๋ค๋ฅธ ๋ฉ์๋์์๋ ์ฌ์ฌ์ฉํ ์ ์๊ธฐ ๋๋ฌธ์ ๋๋ค.์ถ๊ฐ์ ์ผ๋ก ๋ฐ๋๋ผ JS๋ก SPA๋ฅผ ์๋ฒฝํ๊ฒ ๊ตฌํํ ํ์๋ ์์ต๋๋ค.๊ฐ์์์ ๋ค๋ฃจ๋ ๋ด์ฉ ์ ๋๋ง ๊ฒฝํํด๋ณด์ จ๋ค๋ฉด, ๋ฐ๋ก React๋ Next ๋ฑ์ผ๋ก ๋์ด๊ฐ์ ํ์ต์ ํด๋ณด์๊ณ ,์ด๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ๋ ์์ํฌ๋ค์ด ๋ฐ๋๋ผ๋ก ๊ตฌํํ๋ ๊ฒ์ ์ฝ๊ฒ ํ ์ ์๊ฒ ๋์์ฃผ๋๊ตฌ๋!๋ฅผ ๋๋ผ์๋๊ฒ ์คํ๋ ค ํ์ต์ ๋ ๋์์ด ๋์ค ๊ฒ ๊ฐ์ต๋๋ค ๐
- 0
- 2
- 29
Q&A
๋ธ๋ผ์ฐ์ ธ ํธํ์ฑ ๋ฌธ์
์๋ ํ์ธ์ crk1004๋ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.๋ณธ ๊ฐ์๋ ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ๋ ๊ฐ์๋ก, ๋๋๋ก ํฌ๋กฌ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์ฉํ์๋๊ฑธ ๊ถ์ฅ๋๋ฆฝ๋๋ค!๊ฐ์์ ๋ด์ฉ๊ณผ ๊ฐ์ด VSCode์ Live Server ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ฌ์ฉํด ์ฝ๋๋ฅผ ์ด์ด๋ณด์๊ฑฐ๋, node ์ค์น ํ ๋ก์ปฌ ์๋ฒ๋ก ์ด์ด๋ณด์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.๊ทธ๋ผ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค๋ฉด, ๋ค์ ์ง๋ฌธ ๋จ๊ฒจ์ฃผ์ธ์! ๊ฐ์ฌํฉ๋๋ค.
- 0
- 2
- 33
Q&A
ssr๋ฐฉ์ ๊ฒฝํ
์๋ ํ์ธ์ ์ฝ๋ฉ๋, ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.๋ณธ ๊ฐ์ ์๊ฐ ์ดํ, ๋ฐ๋ก React์ Next.js ๋ก ๋์ด๊ฐ์ ๊ณต๋ถํด๋ณด์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.์ดํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฐ ํ๋ ์์ํฌ๋ฅผ ๋ฐ๋ก ํ์ตํ์๋ฉด์ ํด๋น ๊ฐ๋ ์ ์์ฐ์ค๋ฝ๊ฒ ์ตํ์ค ์ ์์ต๋๋ค.ํ์ดํ ์ ๋๋ค!!
- 0
- 1
- 40
Q&A
4-23 Promise๊ฐ์ฒด 12:05 ์ฝ๋ ์ง๋ฌธ
์๋ ํ์ธ์ crk1004๋ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.promise.then(), ๊ทธ๋ฆฌ๊ณ catch()์ ๊ฐ์ด ์ฌ์ฉํ ์ ์๋ ์ด์ ๋, then/catch๊ฐ Promise ๊ฐ์ฒด์ ๋ฌ๋ ค์๋ 'ํจ์ ํ๋กํผํฐ(๋ฉ์๋)'์ด๋ฉฐ, ํธ์ถ ๊ฒฐ๊ณผ๋ก ์๋ก์ด ํ๋ก๋ฏธ์ค๋ฅผ ๋ฐํํ๊ธฐ ๋๋ฌธ์ ๋๋ค.๋ฐ๋ผ์ promise.then()์ ๋ฐํ๊ฐ์ด ๋๋ค๋ฅธ Promise๋ผ์, ๊ทธ ๋ค์ ๋ฐ๋ก catch๋ฅผ ์ด์ด์ ์์ฑํ ์ ์์ต๋๋ค.
- 0
- 2
- 38
Q&A
compare ํจ์ ์ค๋ช ์ ์คํด์ ์์ง๊ฐ ์์ด๋ณด์ ๋๋ค.
์๋ ํ์ธ์ ์ฌ๋2๋, ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค ๐sort ์ฝ๋ฐฑ์ a, b๋ โ์ด์ /๋ค์ ์์โ์ฒ๋ผ ๊ณ ์ ๋ ์๋ฏธ๊ฐ ์๋๋ผ, ์ ๋ ฌ ๊ณผ์ ์์ ์์ง์ด ๋น๊ต ๋์์ผ๋ก ์ ๋ฌํ๋ ๋ ์์์ ๋๋ค. ์์๋ก ์ฌ์ด ์ดํด๋ฅผ ๋๊ธฐ ์ํด ์์ฑํด ๋์ ๊ฒ์ด๊ธฐ๋ ํ๋, ํธ์ถ ์์/๋น๊ต ์์ ๊ตฌํ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง ์ ์์ด์ a=์ด์ , b=๋ค์์ฒ๋ผ ์ค๋ช ํ๋ ๊ฑด ์คํด ์์ง๊ฐ ์์ ์ ์๊ฒ ๋ค์. return ๊ฐ์ ์๋ฏธ๋ก ์ดํดํ๋ ๊ฒ ์ ํํ ๊ฒ ๊ฐ์ต๋๋ค! ์์๋ฉด a๋ฅผ ์์, ์์๋ฉด b๋ฅผ ์์, 0์ด๋ฉด ๋์ผ๋ก ์ฒ๋ฆฌํฉ๋๋ค.
- 0
- 2
- 47
Q&A
Day 19 ๋ฏธ์ ์๋ด ์ง๋ฌธ
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.INIT ์ก์ ์ ์ํ๋ฅผ ์ฒ์ ์ธํ ํ๊ฑฐ๋ ์ธ๋ถ ๋ฐ์ดํฐ๋ก ์ํ ๊ฐ์ ๊ต์ฒดํ ๋ ์ฌ์ฉํ๋ ์ก์ ์ธ๋ฐ์, DAY 19 ๋ฏธ์ ์์๋ mockData๋ฅผ useReducer์ ์ด๊ธฐ๊ฐ์ผ๋ก ๋ฐ๋ก ๋ฃ์ด์ฃผ๊ธฐ ๋๋ฌธ์, ์ฝ๋ ๊ตฌ์กฐ์ INIT์ ๋ง๋ค์ด๋์ง๋ง ์ฌ์ฉํ์ง ์์๋ ๋๋ ์ก์ ์ด๋ผ๊ณ ์ดํดํ์๋ฉด ๋ ๊ฒ ๊ฐ์ต๋๋ค!
- 0
- 2
- 49
Q&A
์ฑ๋ฆฐ์ง ์ด์ ๊ธฐ๊ฐ
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.26๋ 1์ 2์ผ๊น์ง๋ง ๋ชจ๋ ๋ฏธ์ ์ ์ ์ถํด์ฃผ์๋ฉด ์์ฃผ์๋ก ์ธ์ ํด๋๋ฆฌ๊ณ ์์ต๋๋ค! ๊ฐ์ฌํฉ๋๋ค.
- 0
- 2
- 44
Q&A
API๋ฅผ ๋น๋๊ธฐ ์ฒ๋ฆฌํ๋ ์ด์ ๊ฐ ๋๊ฒจ์ ๊ทธ๋ฐ๊ฑด๊ฐ์?
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.๋ณดํต REST API๋ HTTP๋ฅผ ์ฌ์ฉํฉ๋๋ค. HTTP ์์ฒญ์ ์ธ์ ์ฌ์ง ๋ชจ๋ฅด๋ ๋๋ฆฐ ์์ ์ด๋ผ ์ฑ์ด ๋ฉ์ถ์ง ์ํฟ๋ก ๋น๋๊ธฐ๋ก ์ฒ๋ฆฌํ๋ฉฐ, ์ด์ ์์ ์ด ์๋ฃ๋์ง ์๋๋ผ๋ ๋ค๋ฅธ ์์ ์ ์คํํ ์ ์๊ฒ ๋ณ๋ ฌ ์ฒ๋ฆฌ๋ฅผ ํ ์ ์์ด ์ฌ์ฉํฉ๋๋ค.
- 0
- 2
- 56
Q&A
DOM ํธ๋ฆฌ ๋ณด๋ ๊ณณ
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.DOM Tree๋ ๋ธ๋ผ์ฐ์ ๊ฐ HTML ๋ฌธ์๋ฅผ ํ์ฑํด์ ๋ฉ๋ชจ๋ฆฌ์์ ๋ง๋ 'ํธ๋ฆฌ ํํ'์ ๊ฐ์ฒด ๊ตฌ์กฐ์ ๋๋ค.๋ฐ๋ผ์ ํธ๋ฆฌ๊ตฌ์กฐ๊ฐ ์๋ ์์ํญ์ DOM Tree๊ฐ ์๋๋๋ค.๋ค๋ง ์์ ํญ์ DOM Tree๋ฅผ ์๊ฐ์ ์ผ๋ก ๋ณด์ฌ์ฃผ๋ ๋ทฐ๋ผ๊ณ ํ ์ ์์ต๋๋ค.
- 0
- 1
- 49
Q&A
๋ฐฐ์ด๊ณผ ๊ฐ์ฒด์ ๊ตฌ์กฐ๋ถํดํ ๋น ๋ฐฉ๋ฒ์ด ๋ค๋ฅธ ์ด์
์๋ ํ์ธ์ ๐ ์ง๋ฌธ ๊ฐ์ฌํฉ๋๋ค.๋ฐฐ์ด๊ณผ ๊ฐ์ฒด์ ๊ตฌ์กฐ ๋ถํด ํ ๋น ๋ฐฉ์์ด ๋ค๋ฅธ ์ด์ ๋ ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋ฐฐ์ด๊ณผ ๊ฐ์ฒด๊ฐ ๊ฐ์ ๊ตฌ๋ถํ๋ ๊ธฐ์ค ์์ฒด๊ฐ ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ ๋๋ค.์ง๋ฌธ ์ฃผ์ ๊ฒ๊ณผ ๊ฐ์ด, ๋ฐฐ์ด์ ์ธ๋ฑ์ค ๊ธฐ๋ฐ ์ ๊ทผ์ด๋ผ ์์๊ฐ ์ค์ํ๋ฉฐ, ๊ฐ์ฒด๋ ํค ๊ธฐ๋ฐ ์ ๊ทผ์ด๋ผ ์ด๋ฆ(ํค)์ด ์ค์ํ๊ธฐ ๋๋ฌธ์ ๋๋ค.
- 0
- 2
- 55






