๋ฌธ์ ์ ์๋์ ์ฌํด ์กธ์ ํ๋ ๋ฐ ํ์๋ค์๊ฒ ์กธ์ ์ ๋ฌผ์ ์ฃผ๋ ค๊ณ ํ๋ค.ํ์๋ค์๊ฒ ๊ฐ์ ์ํ๋ ์ํ์ ๊ณจ๋ผ ๊ทธ ์ํ์ ๊ฐ๊ฒฉ๊ณผ ๋ฐฐ์ก๋น๋ฅผ ์ ์ถํ๋ผ๊ณ ํ์๋ค. ์ ์๋์ด ๊ฐ์ง๊ณ ์๋ ์์ฐ์ ํ์ ๋์ด ์๋ค.ํ์ฌ ์์ฐ์ผ๋ก ์ต๋ ๋ช ๋ช ์ ํ์์๊ฒ ์ ๋ฌผ์ ์ฌ์ค ์ ์๋์ง ๊ตฌํ๊ณ ์ ํ๋ค.์ ์๋์ ์ํ ํ๋๋ฅผ 50% ํ ์ธํด์ ์ด ์ ์๋ ์ฟ ํฐ์ ๊ฐ์ง๊ณ ์๋ค. ๋ฐฐ์ก๋น๋ ํ ์ธ์ ํฌํจ๋์ง ์๋๋ค.(์ ์๋์ ์ต์ํ 1๊ฐ ์ด์์ ์ํ์ ์ด ์ ์๋ ์์ฐ์ ๊ฐ์ง๊ณ ์๋ค) ๋ฌธ์ ํ์ด ์์ฐ์ ๋ง๊ฒ ํ์๋ค์๊ฒ ์ ๋ฌผ์ ์ค ์ ์๋ ๊ฒฝ์ฐ์ ์๋ ์ด 4๊ฐ์ง์ด๋ค.2๋ช ์ ํ์์๊ฒ ์ด ์ ์๋ ์์ฐ, 3๋ช ์ ํ์์๊ฒ ์ด ์ ์๋ ์์ฐ, 4๋ช ์ ํ์์๊ฒ ์ด ์ ์๋ ์์ฐ, 5๋ช ์ ํ์์๊ฒ ์ด ์ ์๋ ์์ฐ์ผ๋ก ๋๋ ์ ์๋ค. ์ด๋ ์ ์๋์ ์ต์ํ 1๊ฐ ์ด..

๋ฌธ์ offsetTop, scrollTop, clientHeight์ ์๊ด๊ด๊ณ๋ฅผ ํตํด ์คํฌ๋กค์ ๋ด๋ฆฌ๋ฉด์ ๋์ค๋ ์ซ์๊ฐ ์๋จ ๋ฉ๋ด์ ํ์ฑํ๋ ์ซ์์ ์ผ์นํ๋๋ก ๊ตฌํ ๋ฌธ์ ํด๊ฒฐ const navElem = document.querySelector("#nav"); const navItems = Array.from(navElem.children); const contentsElem = document.querySelector("#contents"); const contentItems = Array.from(contentsElem.children); const offsetTops = contentItems.map((elem) => { const [ofs, clh] = [elem.offsetTop, elem.clie..
๋ฌธ์ ํ์๋ค ๋ฐ ์ ์๋์ ๋ฐ ํ์๋ค์ ์ํ์ ์๋ฅผ ํฅ์์ํค๊ธฐ ์ํด ๋ฉํ ๋ง ์์คํ ์ ๋ง๋ค๋ ค๊ณ ํ๋ค. ๋ฉํ ๋ง์ ๋ฉํ ์ ๋ฉํฐ๊ฐ ํ ์ง์ด ๋๋ค.์ ์๋์ M๋ฒ์ ์ํํ ์คํธ ๋ฑ์๋ฅผ ๊ฐ์ง๊ณ ๋ฉํ ์ ๋ฉํฐ๋ฅผ ์ ํ๋ค. ๋ง์ฝ Aํ์์ด ๋ฉํ ์ด๊ณ , Bํ์์ด ๋ฉํฐ๊ฐ ๋๋ ์ง์ด ๋์๋ค๋ฉด, Aํ์์ M๋ฒ์ ์ํํ ์คํธ์์ ๋ชจ๋ Bํ์๋ณด๋ค ๋ฑ์๊ฐ ์์์ผ ํ๋ค.M๋ฒ์ ์ํ์ฑ์ ์ด ์ฃผ์ด์ง๋ฉด ๋ฉํ ์ ๋ฉํฐ๊ฐ ๋๋ ์ง์ ๋ง๋ค ์ ์๋ ๊ฒฝ์ฐ๊ฐ ์ด ๋ช ๊ฐ์ง์ธ์ง ๊ตฌํ๊ณ ์ ํ๋ค. ๋ฌธ์ ํ์ด ์ฐ์ ๋ฉํ ์ ๋ฉํฐ๊ฐ ์ง์ด ๋ ์ ์๋ ๋ชจ๋ ๊ฒฝ์ฐ์ ์๋ฅผ ๊ตฌํ๋ค.๋ฉํ ๊ฐ ๋ ์ ์๋ ์ธ์ ์๋ 4๋ช ์ด๊ณ ๋ฉํฐ๊ฐ ๋ ์ ์๋ ์ธ์ ์ ๋ํ 4๋ช ์ด๊ธฐ ๋๋ฌธ์ ์ด 16๊ฐ์ง ๊ฒฝ์ฐ์ ์๋ก ์ง ์ง์ ์ ์๋ค. ์ด ์ค ๋ฉํ ์ ๋ฉํฐ๊ฐ ์ง์ด ๋๊ธฐ ์ํด์๋ ์ด n๋ฒ์ ์ํ ๊ฒฐ๊ณผ ๋ชจ๋์์ ๋ฉ..
Question ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ปจํ ์คํธ ๋ฉ๋ด๊ฐ ๋ํ๋๊ณ , ๋ฉ๋ด๋ฅผ ์ ํํ๊ฑฐ๋ ๊ทธ ์ธ์ ๋ถ๋ถ์ ํด๋ฆญํ๋ฉด ์ฌ๋ผ์ง๋ ํ ์ค๋ฒ ์ปดํฌ๋ํธ ๊ตฌํํ๊ธฐ Solution const wrapper = document.querySelector('.wrapper'); const items = document.querySelectorAll('.item'); const contexts = document.querySelectorAll('.context'); function hide(e) { for(let x of contexts) { if(x.style.display === 'block') { x.style.display = 'none'; x.parentNode.classList.remove('open'); } } } funct..
๋ฌธ์ N๊ฐ์ ์์ฐ์๊ฐ ์ ๋ ฅ๋๋ฉด ๊ฐ ์์ฐ์๋ฅผ ๋ค์ง์ ํ ๊ทธ ๋ค์ง์ ์๊ฐ ์์์ด๋ฉด ๊ทธ ์์๋ฅผ ์ถ๋ ฅํ๊ณ ์ ํ๋ค. ์๋ฅผ ๋ค์ด 32๋ฅผ ๋ค์ง์ผ๋ฉด 23์ด๊ณ , 23์ ์์์ด๋ค. ๊ทธ๋ฌ๋ฉด 23์ ์ถ๋ ฅํ๋ค.(์ฒซ ์๋ฆฌ๋ถํฐ์ ์ฐ์๋ 0์ ๋ฌด์ํ๋ค) ๋ฌธ์ ํ์ด ๋ค์ง์ ์์ฐ์๋ฅผ ๊ตฌํ๊ธฐ ์ํด์ ํด๋น ์์ฐ์๋ฅผ 10์ผ๋ก ๋๋ ๋๋จธ์ง์ ๊ฐ์ ์ฐจ๋ก๋ก ์๋ก์ด ๋ฐฐ์ด์ ์ ์ฌํด ์ฃผ์๊ณ ์ด๋ฅผ ๋ฐฐ์ด์ ๊ตฌ๋ถ ์ฐ์ฐ์๋ฅผ ํตํด ํฉ์ณ ์ค ๋ค Number()๋ฅผ ์ฌ์ฉํ์ฌ ์์ฐ์๋ก ๋ฐ๊ฟ์ฃผ์๋ค. ์์๋ 1๊ณผ ์์ ๋ง์ผ๋ก ๋๋์ด ๋จ์ด์ง๋ ์ ์์ด๋ค. ์ด์ ๋ฐ๋ณต๋ฌธ์ ํตํด ํด๋น๊ฐ์ 2~(ํด๋น๊ฐ - 1)๋งํผ ๋ฒ์ ๋ด์ ์๋ ๊ฐ์ผ๋ก ๋๋์ด ์ก์ ๋๋ ๊ทธ๋๋ก ๋ฐ๋ณต๋ฌธ์ ์ข ๋ฃํ๋ค. ๋ง์ฝ์ ๋ฐ๋ณต๋ฌธ ์ข ๋ฃ๋ ์ดํ ์ธ๋ฑ์ค i์ ๊ฐ์ด ํด๋น๊ฐ๊ณผ ๋๊ฐ๋ค๋ฉด, ์ ๋ฒ์ ๋ด์์ ๋๋ ์ ์๋ ๊ฐ์ด ์๋ค..
๋ฌธ์ N๊ฐ์ ์์ฐ์๊ฐ ์ ๋ ฅ๋๋ฉด ๊ฐ ์์ฐ์์ ์๋ฆฟ์์ ํฉ์ ๊ตฌํ๊ณ , ๊ทธ ํฉ์ด ์ต๋์ธ ์์ฐ์๋ฅผ ์ถ๋ ฅํ๊ณ ์ ํ๋ค.์๋ฆฟ์์ ํฉ์ด ๊ฐ์ ๊ฒฝ์ฐ ์๋ ์ซ์๊ฐ ํฐ ์ซ์๋ฅผ ๋ต์ผ๋ก ํ๋ค. ๋ง์ฝ 235์ 1234๊ฐ ๋์์ ๋ต์ด ๋ ์ ์๋ค๋ฉด 1234๋ฅผ ๋ต์ผ๋ก ์ถ๋ ฅํด์ผ ํ๋ค.(๊ฐ ์์ฐ์์ ํฌ๊ธฐ๋ 10,000,000๋ฅผ ๋์ง ์๋๋ค.) ๋ฌธ์ ํ์ด ๊ฐ ์๋ฆฟ์์ ํฉ์ ๊ตฌํ๊ธฐ ์ํด์๋ ์ฐ์ ๊ฐ ์๋ฆฟ์๋ค์ ์์ฐ์ ๋ด์์ ์ถ์ถํด์ผ ํ๋ค. ๋ณธ ๋ฌธ์ ์์ ๊ฐ ์์ฐ์ ์๋ฆฟ์์ 2-3์๋ฆฌ์ด๊ธฐ ๋๋ฌธ์ ์๋ฆฟ์๋ฅผ ํน์ ์ง์ด ๊ตฌํ๊ธฐ์๋ ํ๊ณ๊ฐ ์๋ค. ์๋ฅผ ๋ค์ด ๊ฐ ์์ฐ์์ ํฌ๊ธฐ๊ฐ 10,000,000๋ฅผ ๋์ง ์๋๋ค๋ ์กฐ๊ฑด ์, ๋ฐ๋ณต๋ฌธ์ ํตํด 8์ ์๋ฆฌ์์ ๋ถํฐ ์์ฐจ์ ์ผ๋ก ๊ตฌํ ์๋ ์๋ค. ํ์ง๋ง 123๊ณผ ๊ฐ์ด 3์๋ฆฌ ์์ฐ์์ ๊ฐ์ ๊ฒฝ์ฐ๋ 4์ ์๋ฆฌ๊น์ง ๋์ค..
๋ฌธ์ ์ํ๋ฒณ ๋๋ฌธ์๋ก ์ด๋ฃจ์ด์ง ๋ฌธ์์ด์ ์ ๋ ฅ๋ฐ์ ๊ฐ์ ๋ฌธ์๊ฐ ์ฐ์์ผ๋ก ๋ฐ๋ณต๋๋ ๊ฒฝ์ฐ ๋ฐ๋ณต๋๋ ๋ฌธ์ ๋ฐ๋ก ์ค๋ฅธ์ชฝ ๋ฐ๋ณต ํ์๋ฅผ ํ๊ธฐํ๋ ๋ฐฉ๋ฒ์ผ๋ก ๋ฌธ์์ด์ ์์ถํ๊ณ ์ ํ๋ค. (๋จ ๋ฐ๋ณต ํ์๊ฐ 1์ธ ๊ฒฝ์ฐ ์๋ตํ๋ค) ๋ฌธ์ ํ์ด ๋ฌธ์๊ฐ ๋ฐ๋ณต๋๊ณ ์๋ค๋ ์ฌ์ค์ ์๊ธฐ ์ํด์๋ ์ฒ์ ๊ธฐ์ค์ด ๋๋ ๋ฌธ์๊ฐ ํ์ํ๊ธฐ ๋๋ฌธ์ ์ด๋ฅผ ๊ณต๋ฐฑ ๋ฌธ์ flag๋ก ์ด๊ธฐํ ํด์ค๋ค.๋ฐ๋ณต๋ฌธ์ ์ํํ์ฌ flag์ ๋ฌธ์์ ๊ฐ ์ธ๋ฑ์ค์ ํด๋นํ๋ ๋ฌธ์๋ฅผ ๋น๊ตํด ์ค๋ค. ๋ง์ฝ flag์ ๋ฌธ์์ ํด๋น ๋ฌธ์๊ฐ ๊ฐ๋ค๋ฉด ๋ฐ๋ณต ๋ ํ์๋ฅผ ์ฆ๊ฐ์์ผ์ค๋ค. ์ด๋ ์ต์ข ์ ์ผ๋ก ์ด ๋ฐ๋ณต ํ์๋ง์ ์ถ๋ ฅํด์ค์ผ ๋๊ธฐ ๋๋ฌธ์ ํ์ ์ฒ๋ฆฌ๋ฅผ ํด์ฃผ์ง ์๊ณ ๋ฐ๋ณต ๋ ํ์๋ง์ ๊ณ์ ์ค์ฒฉ์์ผ ์ค๋ค. ๋ง์ฝ flag์ ๋ฌธ์์ ํด๋น ๋ฌธ์๊ฐ ๊ฐ์ง ์๋ค๋ฉด ์ง๊ธ๊น์ง ์ค์ฒฉํ๋ ์ด ๋ฐ๋ณต ํ์๋ฅผ ๋จผ์ ์ ๋ต ๋ณ..

๋ฌธ์ ํ ๊ฐ์ ๋ฌธ์์ด s์ ๋ฌธ์ t๊ฐ ์ฃผ์ด์ง๋ฉด ๋ฌธ์์ด s์ ๊ฐ ๋ฌธ์๊ฐ ๋ฌธ์ t์ ๋จ์ด์ง ์ต์๊ฑฐ๋ฆฌ๋ฅผ ์ถ๋ ฅํ๊ณ ์ ํ๋ค. ๋ฌธ์ ํ์ด ๋ฌธ์์ด ๋ด์์ ๋ฌธ์ ๊ฐ์ ๊ฑฐ๋ฆฌ๋ฅผ ๊ตฌํ๊ธฐ ์ํด์ ๋ ๋ฌธ์์ ์ธ๋ฑ์ค ๊ฐ์ ๊ฐ์ฐํด์ค๋ค. ๋ฌธ์์ด s ๋ด์์ ๋ฌธ์ t๋ ์ฌ๋ฌ๊ฐ๊ฐ ํฌํจํ๊ณ ์๊ธฐ ๋๋ฌธ์ ๊ฐ t์ ์ธ๋ฑ์ค ๊ฐ์ ๊ตฌํ๊ธฐ ์ํด์ ๋จ์ํ String.indexOf(element)๋ฅผ ์ฌ์ฉํ๋ฉด ์๋๋ค. indexOf()๋ ์ฒซ ๋ฒ์งธ ์ธ๋ฑ์ค๋ง ๋ฐํํ๊ธฐ ๋๋ฌธ์ ๋ฌธ์์ด s ๋ด์์ ๊ฐ์ฅ ์ฒ์ ๊ฒ์ ๋ ๋ฌธ์ t๋ง์ ์ธ๋ฑ์ค ๊ฐ์ด ๋ฐํ๋๋ค. ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด indexOf() ๋ ๋ฒ์งธ ์ธ์๋ก ๊ฒ์์ ์์ํ ์ธ๋ฑ์ค๋ฅผ ์ง์ ํ๋๋ฐ, ์ด๋ ๊ฒ์์ด ๋๋ ๋ฌธ์ t๊ฐ ๋๋ ๋ค์๋ถํฐ ๋ค์ ๋ฌธ์ t๋ฅผ ๊ฒ์ฌํด์ค์ผ ๋๊ธฐ ๋๋ฌธ์ ์์ ์ ์ธ๋ฑ์ค ๊ฐ์ 1์ ๊ฐ์ฐํด์ค..