Wake Up
Posts
- Q&A - ํผ์๋ฐฐ๋ฌ๊ฑฐ๋ฆฌ(DFS) ์๊ฐ์ด๊ณผ ์ง๋ฌธ ์์ต๋๋ค. - DFS(L+1, start+1) ์ด๋ถ๋ถ์ด ์ ๋ต๊ณผ ๋ค๋ฅธ ๊ฒ ๊ฐ์์! - 0
- 2
- 529
 
- Q&A - scene ๋์ด๊ฐ๋ ์ ๋๋ฉ์ด์  ํจ๊ณผ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค. - ์๋ ํ์ธ์! ์ด์  ์๊ฐ์ ํฅํด ๋ฌ๋ ค๊ฐ๊ณ ์๋๋ฐ์ ํด๋น ๊น๋นก์ ๋ถ๋ถ์ด ๋์ค ๊ฐ์์์ ์ธ๊ธ์ด ๋์์๋ค์ ํด๋น ๋ถ๋ถ ๋ฃ๊ณ ๋ค์ ํ์ธํด๋ณธ ๊ฒฐ๊ณผ css์์ opacity: 0์ผ๋ก ์ค์ ์ด ์๋์ด์์์ต๋๋ค. (์ ํ์ ์ฐ์ ์์ ๋ฌธ์ ) ์ ๋ง ๊ฐ๋จํ ๋ฌธ์ ์๋๋ฐ ์ง์  ๋ง๋ค๋ค๋ณด๋๊น ๊ฐ์์์๋ ์ฝ๊ฒ ๋์ด๊ฐ๋๋ฐ ๋ง์ ํด๋ณด๋ ์๋๋ ๋ถ๋ถ์ด์์ด์ ๋นํฉํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ข์ ๊ฐ์ ๋ค์ ํ๋ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์ ํ๋ธ๋ ์๊ฐ๋ ๋๋ง๋ค ๋ณด๊ณ ์๋๋ฐ ๋ด์ฉ์ด ๋๋ฌด ์ข์์ ์ข ๋นํฉ์ค๋ฝ์ง๋ง ์ด์จ๋ ์๊ฐ ํ์ ๋ค๋ฅธ๊ฒ๋ ์๊ฐํ ์์ ์ ๋๋ค. ์ข์ ํ๋ฃจ ๋์ธ์! - 0
- 6
- 1.2K
 
- Q&A - scene ๋์ด๊ฐ๋ ์ ๋๋ฉ์ด์  ํจ๊ณผ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค. - ์๋ ํ์ธ์. ์ด์จ๋ ๋ฌธ์ ๋ ํด๊ฒฐ๋์์ง๋ง, ์๋ฌด๋๋ enterNewScene ์ฝ๋๋ฅผ ๋นผ๋๊ฑด ์์๋ฐฉํธ์ด๋ผ๊ณ ์๊ฐ๋์ด ๋ค์ ๋๋ฆ๋๋ก ํด๊ฒฐ์ฑ ์ ์ฐพ์๋ณด์์ต๋๋ค. โ ๋ฐ๋ก ์ ๋๊ธ์์ ๋ง์๋๋ฆฐ๋๋ก scrollLoop(){} ํจ์์์ ํ๋ฐ๋ถ return๋ฌธ ์คํ๋๊ธฐ ์ ์ console.log(enterNewScene) ๊ทธ๋ฆฌ๊ณ console.log(currentScene) ๋์ค์ ๋ฃ์ด์ ํ์ธํด๋ณธ ๊ฒฐ๊ณผ ์ฌ(์คํฌ๋กค ์น์ )์ด ๋์ด๊ฐ๋ ๊ฒฝ๊ณ๋ถ๋ถ ์คํฌ๋กค์์ ๋ก๊ทธ์ฐฝ์์ currentScene ๊ฐ์ ์ถ๊ฐ(++) ๋๋๋ฐ enterNewScene ๊ฐ์ true ๋ก ๋์ค๋ ํ์์ ๋ฐ๊ฒฌํ์ต๋๋ค. โ ์ด์ ๋ ์ ํํ ๋ชจ๋ฅด๊ฒ ์ง๋ง ์๋ง๋ ์ฌ์ด ๋์ด๊ฐ๋ ์๊ฐ์์ scrollLoop()ํจ์ ์์ ์๋ document.body.setAttribute('id', `show-scene-${currentScene}`) ๋ถ๋ถ์ด ๋จผ์  ์คํ(return)๋๊ณ ๊ทธ๋ค์์ ๋ง์ง๋ง์ค์ ์๋ playAnimation() ํธ์ถ์ด ์คํ๋์ ์ด๋ฐ ๋๋ ์ด๊ฐ ๋ฐ์ํ๋๊ฑฐ๋ผ๊ณ ๊ฐ์ ํ๊ณ document.body.setAttribute('id', `show-scene-${currentScene}`) ๋ถ๋ถ์ ์์ playAnimation() ํจ์ ์์ (๋ณ์ ์ ์ธ ๋ฐ๋ก ์๋)์ ๋ฃ์ด์ฃผ์๋๋ ๋๋ ์ด๊ฐ ์์ด์ก์ต๋๋ค. ์ด๋ ๊ฒ ํด์ค๋ ํฐ ๋ฌธ์ ๊ฐ ์๋์ง ์กฐ๊ธ ๊ถ๊ธํ๊ธฐ๋ ํ๊ณ ํด์ ๋๊ธ ๋จ๊ฒผ์ต๋๋ค. ๋นจ๋ฆฌ ๋น๋์ค ์ฒ๋ฆฌ๋ ์บ๋ฒ์ค ๋ถ๋ถ ๋ฃ๊ณ ์ถ์๋๋ฐ ๋ณ๊ฑฐ ์๋ ๋ฌธ์ ์ ๋๋ฌด ์๊ฐ์ ์ด๊ฑด ์๋์ง ์กฐ๊ธ ํํ๋๊ธฐ๋ ํ๋๋ฐ์, ๊ฐ์ ๋ด์ฉ์ด ์ข๊ณ ์ค๋ช ๋ ์ ๋ง ์์ธํ๊ฒ ํด์ฃผ์ ์ ์ ๋ง ๋ง์ ๋์์ด ๋๊ณ ์์ต๋๋ค! ๊ฐ์ฌํฉ๋๋ค. - 0
- 6
- 1.2K
 
- Q&A - scene ๋์ด๊ฐ๋ ์ ๋๋ฉ์ด์  ํจ๊ณผ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค. - ๋ต๋ณ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๋ง์ํด์ฃผ์ enterNewScene ๋ถ๋ถ์ ์ฝ์ ๋ก๊ทธ๋ก ํ์ธํด๋ดค๋๋ฐ์, playAnimation() ํจ์ ์๋์ชฝ์ ... console.log(enterNewScene); if (enterNewScene) return; playAnimation(); ์ด๋ ๊ฒ ํ์ธํด๋ณด๋๊น ์คํฌ๋กค ์น์ ์ด ๋์ด๊ฐ๋ ๊ฒฝ๊ณ๋ถ๋ถ์์ ์๊ฐ์ ์ผ๋ก ๋ก๊ทธ์ true๊ฐ ์ถ๋ ฅ๋๋ ๊ฑธ ๋ฐ๊ฒฌํ์ต๋๋ค (1ํ). ๊ทธ๋์ if (enterNewScene) return; ๋ถ๋ถ์ ์ ๊ฑฐํด์ฃผ๋๊น ๊ฒฝ๊ฒ๋ถ๋ถ์์๋ ์์ฐ์ค๋ฝ๊ฒ ์ ๋๋ฉ์ด์ ์ด ์ฐ๊ฒฐ๋์์ต๋๋ค! (๊น๋นก์ ํ์ ์ฌ๋ผ์ง) ์ฌ์ค ๊ฐ์๋ฅผ ๋๊น์ง ๋ฃ๊ณ ์ง๋ฌธ์ ๋จ๊ฒผ์ด์ผ ํ๋๋ฐ, ๋ฌธ์ ๋ฅผ ์ ํํ ์๋ ค์ฃผ์ ์ ๋ง์ ๋์์ด ๋์์ต๋๋ค. ์ข์ ํ๋ฃจ ๋์ธ์!! - 0
- 6
- 1.2K
 
- Q&A - scene ๋์ด๊ฐ๋ ์ ๋๋ฉ์ด์  ํจ๊ณผ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค. - ์ ์ง display:none ์ผ๋ก ๋์ด์๋ .sticky-elem๋ค์ด display:block ์ผ๋ก ๋ฐ๋๋ ๊ณผ์ ์์ opacity ๊ฐ์ ๋ฌด์ํ๊ณ ์ ๊น ๋ํ๋๋ ๊ฒ ๊ฐ์๋ฐ์, ๊ฐ๋จํ ๋ฌธ์ ๊ฐ์๋ฐ ํด๊ฒฐ๋ฐฉ๋ฒ์ ๋ชป์ฐพ์์ ์ง๋ฌธ๋๋ ธ์ต๋๋ค! - 0
- 6
- 1.2K
 
- Q&A - ํจ์ ์ ์ธ ๊ด๋ จ ์ง๋ฌธ์ ๋๋ค. - ๊ฐ์ ์ค๊ฐ์ ๋ด์ฒญํผ์ด๊ฑฐ ๋ค์ผฐ๋ค.. - 0
- 3
- 326
 
- Q&A - ํจ์ ์ ์ธ ๊ด๋ จ ์ง๋ฌธ์ ๋๋ค. - scrollLoop ํจ์์์ playAnimation() ํธ์ถ์ ์ํด์ ์ค๋ฅ๊ฐ ๋ฌ์๋ค์.. ํด๊ฒฐ๋์ต๋๋ค - 0
- 3
- 326
 
- Q&A - inline-block ์์ ๊ฐ๋ก๋ฐฐ์น ๊ด๋ จ ์ง๋ฌธ์ ๋๋ค. - ๋ง์ํด์ฃผ์ ๋๋ก vertical-align ์์ฑ์ ์ ์ฉํด์ ์ํ๋ ์ธ๋ก์์น๋ก ์ ๋ ฌ๋์ต๋๋ค! ๊ฐ๋ก๋ฐฐ์น๋ฅผ ์ํด์ overflow: hidden์ ์ ์ฉํด๋ณธ๊ฑด ๊ฐ์์์ float: left ์ํจ ์ด๋ฏธ์ง ์์ pํ๊ทธ ํ์คํธ๊ฐ ๋์น ๋ ๊น๋ํ๊ฒ ๊ฐ๋ก๋ฐฐ์น ์ํค๊ธฐ ์ํด์ pํ๊ทธ์ overflow: hidden์ ์ ์ฉ์ํค์๋๊ฑธ ๋ณด๊ณ ํน์๋ ํด์ ํด๋ณธ๊ฑด๋ฐ, ์ด ๋ถ๋ถ๋vertical: align์ผ๋ก ๋ฐฐ์นํ๋๊น ํด๊ฒฐ ๋์ต๋๋ค. ์์ผ๋ก๋ ๊ถ๊ธํ ์ ์ด ์์ผ๋ฉด ์ง๋ฌธ ์ฌ๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค - ๊ฐ์ฌํฉ๋๋ค! - 2
- 2
- 621
 
- Q&A - 2020๋  3ํ์ฐจ ํฉ๊ฒฉ ํ๊ธฐ์ ๋๋ค! - ๋ต ๋ฌผ๋ก ์ ๋๋ค. ํ๊ธฐ๋ฅผ ์๊ฐ๋์ ์จ์ฃผ์ ๋ค๋.. ์คํ๋ ค ๊ฐ์ฌ๋๋ฆฝ๋๋ค ใ  ๋ค์ํ ๋ถ๋ค์ด ํด๋น ๊ฐ์๋ฅผ ๋ค์์ผ๋ฉด ํ๋ ๋ฐ๋์ ๋๋ค. (๋ฌผ๋ก ๋๋ง ๋ณผ๊บผ์ผ! ํ๋ ๋ถ๋ค๋ ๊ณ์๊ฒ ์ง๋ง ใ ใ ) ์์ผ๋ก ํ๋ฅญํ ๊ฐ์ ์ ์์ ํด๋น ํ๊ธฐ๊ฐ ์กฐ๊ธ์ด๋๋ง ๋ณดํฌ์ด ๋๋ฉด ์ข๊ฒ ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค. - 2
- 3
- 333
 




