λ¬Έμ μ μλμ μ¬ν΄ μ‘Έμ νλ λ° νμλ€μκ² μ‘Έμ μ λ¬Όμ μ£Όλ €κ³ νλ€.νμλ€μκ² κ°μ μνλ μνμ κ³¨λΌ κ·Έ μνμ κ°κ²©κ³Ό λ°°μ‘λΉλ₯Ό μ μΆνλΌκ³ νμλ€. μ μλμ΄ κ°μ§κ³ μλ μμ°μ νμ λμ΄ μλ€.νμ¬ μμ°μΌλ‘ μ΅λ λͺ λͺ μ νμμκ² μ λ¬Όμ μ¬μ€ μ μλμ§ κ΅¬νκ³ μ νλ€.μ μλμ μν νλλ₯Ό 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μ κ°μ°ν΄μ€..