BBCใคใณใฟใฉใฏใใฃใใใผใธใใณใญใ19ใๅคใใใชใใฃในใฎๆชๆฅใใฏใญใผใณ
SNSใงไบบๆฐใซๅ ฑๆใใใฆใใBBCใฎ"ใณใญใ19ใๅคใใไบๅๆใฎๆชๆฅ"ใคใณใฟใฉใฏใใฃใใใผใธใฎใณใขๆฉ่ฝใๅใใใใซไฝๆใใพใใ
ๅ่ฌ็ 3,386ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
React์๋ ์ ์ฉ ๊ฐ๋ฅํ๊ฐ์?
์ง๋ฌธ์ ์ ๋ชฉ ๊ทธ๋๋ก ์ ๋๋ค ์ ์๋.๋ค ๋ฐฐ์ฐ๋ฉด ์ด๊ฒ์ React ํ๋ก์ ํธ์๋ ์ ์ฉ์ด ๊ฐ๋ฅํ์ง ๊ถ๊ธํฉ๋๋ค. ์ข์ ๊ฐ์๋ฅผ ๋ฌด๋ฃ๋ก ๋ฒ ํ์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉjeje77275
ใป
0
286
1
- ๆช่งฃๆฑบ
์ค๋ฅ๋ฌ์๋ ์ฐธ๊ณ
์๋ ํ์ธ์ , 23๋ ๋์๋ ๋ฃ๊ณ ๊ณ์ ๋ถ์ด ๊ณ์ค์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง.. ๊ฐ์ ๋ค์ผ๋ฉด์ ํน์ ๋งํ์๋ ๋ถ๋ถ๋ค ์ ๊ฐ ์์ ๋ค์ผ๋ฉด์ ์์ฑํ ์ฝ๋์ ๋น๊ตํด์ ๋ณธ์ธ์ด ์์ฑํ ์ด๋ค ๋ถ๋ถ์ด ์๋ชป๋์๋์ง ํ์ธํ์๋ฉด ๋ฌธ์ ํด๊ฒฐ์ ๋์์ด ๋ ๋ฏํด์์ !birdfl
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉํด๋ก ์ฝ๋ฉ์ธํฐ๋ํฐ๋ธ-์นamilyy700967013
ใป
3
648
3
- ๆช่งฃๆฑบ
style.css ์ค๋ฅ
์๋ ํ์ธ์. ๊ฐ์ฌ๋. ์์ ์ ์ฌ๋ฐ๊ฒ ๋ฃ๊ณ ์๋ ์ด๋ณด ํ๋ก๊ทธ๋๋จธ์ ๋๋ค. ์์ ์ ๋ฃ๋ ๋์ค ๋ฐ์ํ๋ style.css์ .bird์ค๋ฅ๋ค๊ณผ ๊ด๋ จํด ๋ฌธ์ ๋๋ฆฝ๋๋ค. <img title="sdg.PNG"
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉjwj4152465
ใป
0
291
1
- ๆช่งฃๆฑบ
actions ํจ์ ๊ด๋ จ ์ง๋ฌธ
์ง์ข์ ๊ฐ์ ๋ฌด๋ฃ๋ก ์ฌ๋ ค์ฃผ์ฌ์ ๋ง์ธ 3์ฐฝ ๋๋ฆฝ๋๋ค. ๋ค๋ฆ์ด ์๋๋ผ์ ์ ์๋ ํธ์ํฐ ์ ๋ชจ์ ์ ์ค์ ํ๋ ํจ์์์ <img src="https://cdn.inflearn.com/public/files/posts/373
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉnever65001006
ใป
2
384
1
- ๆช่งฃๆฑบ
์๊ฐ ์๋์๋ฆฌ๋ก ๋์์ฌ๋๋ transition ์๊ฐ์ด ํ์ํ๋ฐ. ๋์์ฌ๋๋ ๋ฐ๋ก ๋์์ค๋ก ํ๋ Tip ์ด ์์๊น์?
์๊ฐ ์๋์๋ฆฌ๋ก ๋์์ฌ๋๋ transition ์๊ฐ์ด ํ์ํ๋ฐ. ๋์์ฌ๋๋ ๋ฐ๋ก ๋์์ค๋ก ํ๋ Tip ์ด ์์๊น์? ์ ๋ ๋ฐ์ ๋ฐฉ์๋๋ก ์ฒ๋ฆฌํ๋๋ฐ ํน์ ๋ ์ข์ ๋ฐฉ๋ฒ ์์๊น์? <div style="color: #c5c8c6; b
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉmkp0131
ใป
0
239
0
- ๆช่งฃๆฑบ
classList ์ค๋ฅ๊ฐ ๊ณ์ ๋ฉ๋๋ค..ใ ใ
<img src="https://cdn.inflearn.com/public/files/posts/53a5ae22-5428-454f-8ac8-984ed16515c1/์บก์ฒ1.PNG" title="์บก์ฒ1.PNG" width="716" height="614" alt=""
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉjaeyoung84560846
ใป
0
386
0
- ๆช่งฃๆฑบ
์ ์ ๋๋ฉ์ด์ ์ด ์๋ํ์ง ์์ต๋๋ค.
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-spac
ํด๋ก ์ฝ๋ฉ์ธํฐ๋ํฐ๋ธ-์นdbstjd04182791
ใป
0
225
1
- ่งฃๆฑบ
action์ด true์ผ๋ ์คํ๋๋๋ฐ false์์ ์ด๊ธฐํ๊ฐ ์๋์ใ
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-spac
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉalsduddl04159322
ใป
0
316
2
- ๆช่งฃๆฑบ
์ค๋ฅ๊ฐ ๋๋๋ฐ ์ฐพ์ง๋ฅผ ๋ชปํ๊ฒ ์ด์...
<div style="color: #a6accd; background-color
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉkain90450742
ใป
0
356
2
- ๆช่งฃๆฑบ
์๋ ํ์ธ์ ~~ ๋ฐฐ๊ฒฝ์ผ๋ก ๊น๋ฆฐ ์์ ์ด ๋๋ฌด ๊ถ๊ธํ๋ค์ ใ ใ
๋ฐฐ๊ฒฝ์ผ๋ก ๊น๋ฆฐ ์์ ์ด ํ์ตํ ๋ ๋งค์ฐ ๋ฃ๊ธฐ๊ฐ ์ข๋ค์. ํน์ ์ ๋ชฉ ๊ณต์ ๊ฐ๋ฅํ์ ๊ฐ์?
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉnoel
ใป
0
520
2
- ่งฃๆฑบ
actions[action] is not a function ๋ผ๊ณ ๋น๋๋ค
์๊พธ ์ง๋ฌธ๋งํ๋ค์.. ํผ์ ์ฐพ์๋ณด๋ ค๊ณ ์ฝ์งํ๋ค๊ฐ ๋์ ํ ๋ชจ๋ฅด๊ฒ ์ด์ ์ฌ๋ฆฝ๋๋ค ๐๐๐ ๊ณ์ actions[action] is not a function๋ผ๊ณ ๋จ๋๋ฐ ๋ญ๊ฐ ๋ฌธ์ ์ผ๊น์.. js์ฝ๋์ ๋๋ค ๐๐ <div style="c
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉshinda86040630
ใป
0
953
5
- ่งฃๆฑบ
์ฒซ๋ฒ์งธ๋ ๋ง์ง๋ง ์๊ฐ+ํฐํ๋ ๊ทธ๋ฆผ์ด ๋์ด๊ฐ ๊ผฌ์์ต๋๋ค
๋ณด์ฌ๋๋ฆฐ ์คํฌ๋ฆฐ์ท์ฒ๋ผ ์ฒซ๋ฒ์งธ๋ ์ฌ๋ฐฑ์ ๋นํด ๊ทธ๋ฆผ์ด ๋๋ฌด ๋๋จ์ด์ง๊ณ , ๋ง์ง๋ง ํฐํ๋ ๊ทธ๋ฆผ์ด ์๊ฐ ๊ทธ๋ฆผ์ ์คํฌ๋กคํ๋ฉด ๋ฐ๋ก ๋ฐ์ผ๋ก ๋์ต๋๋ค ๐ฅ css ์ฝ๋๋ <div style="color: #eeffff; background
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉshinda86040630
ใป
0
433
4
- ่งฃๆฑบ
forEach๋ก ์์ฑํด๋ดค์ต๋๋ค!
window.addEventListener("scroll", () => { let boundingRect; let temp = 0; steps.forEach((step,
ํด๋ก ์ฝ๋ฉ์ธํฐ๋ํฐ๋ธ-์นcaesiumy
ใป
1
272
1
- ๆช่งฃๆฑบ
์๋ ํ์ธ์, step๋ถ๋ถ ๋ฌธ์ ๋๋ฆฝ๋๋ค.
.step { margin-bottom: 60vh; padding: : 0.5rem 1rem; border-radius: : 10px; background: rgba(255, 255, 255, 0.8
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉlolcv1475
ใป
0
208
1
- ๆช่งฃๆฑบ
์ง๋ฌธ์์ต๋๋ค!
.scroll-text ์ padding-bottom: 1px; ์ ๋ฃ๋ ์ด์ ๊ฐ ๋ญ์ง ๊ถ๊ธํฉ๋๋ค!
์ธํฐ๋ํฐ๋ธ-์นํด๋ก ์ฝ๋ฉkimakuh5990
ใป
2
293
2

