ì´ ì¤ë ¥ í ì¤í¸ì 목ì ì ì¬ë¬ë¶ì´ ì°ë¦¬ì ë°ë³µë¬¸ 문ì를 ì´í´íëì§ë¥¼ íê°í기 ìí¨ì ëë¤.
ì°¸ê³ : ì¬ë¬ë¶ì ì½ë를 ë¤ì´ë¡ëíê³ , CodePen, jsFiddle, ëë Glitchì ê°ì ì¨ë¼ì¸ í´(tool)ì ë£ê³ , ê·¸ë¦¬ê³ ì ê³¼ì ì ëì í´ ë´ì¼ë¡ì¨ ìëì ê³¼ì ë¤ì ëí í´ëµì ìëí´ë³¼ ì ììµëë¤. 무í 루í를 ë§ë¤ê³ íê° íì´ì§ë¥¼ ë©ì¶ê² íë ìí ë문ì ì°ë¦¬ë ì´ ê³¼ì ë¤ì ëí´ ì¤ìê°ì¼ë¡ ìì ê°ë¥í ìëí°ë¥¼ ì ê³µíì§ ìììµëë¤!
ë§ì½ ë§íë©´, ëìì ìì²íì¸ì â ì´ íì´ì§ ìëì Assessment or further help ì¹ì ì ë³´ì¸ì.
DOM ì¡°ì: ì ì©íë¤ê³ ìê°ë¨ìëì ëªëª 문ì ë¤ì ì¬ë¬ë¶ìê² ë¬¸ì í´ê²°ì ìí´ì ëªëª DOM ì¡°ì ì½ë를 ìì±í기를 ì구í©ëë¤ â ìë¡ì´ HTML ìì ìì±í기, í¹ì í 문ìì´ ê°ê³¼ ëì¼í í ì¤í¸ ì½í ì¸ ì¤ì í기, ê·¸ë¦¬ê³ íì´ì§ì ì¡´ì¬íë ìì ë´ë¶ì ì¤ì²©í기ì ê°ì â 모ë JavaScript를 íµí´ì.
ì°ë¦¬ë ì´ê²ì ìì§ ì´ ì½ì¤ìì ë¶ëª íê² ê°ë¥´ì¹ì§ ììì§ë§, ì¬ë¬ë¶ì ì´ê²ì ì¬ì©íë ëªëª ìì 를 ë³´ìê³ , ì°ë¦¬ë ì¬ë¬ë¶ì´ 문ì ì ì±ê³µì ì¼ë¡ ëµí기 ìí´ ì´ë¤ DOM APIë¤ì´ íìíì§ì ëí´ ê²ìí기를 ìí©ëë¤. ì¢ì ììì ì ì°ë¦¬ì 문ì ì¡°ìí기(Manipulating documents) íí 리ì¼ì ëë¤.
ë°ë³µë¬¸ 1ì°ë¦¬ì 첫 ë°ë³µë¬¸ ê³¼ì ìì ì°ë¦¬ë ì¬ë¬ë¶ì´ ì ê³µë myArray
ë´ì 모ë ìì를 ìííê³ , ì ê³µë list
ì ì¶ê°ë 리ì¤í¸ ìì´í
(ì: <li>
ìì) ë´ìì íë©´ì ê·¸ê²ë¤ì ì¶ë ¥íë ê°ë¨í ë°ë³µë¬¸ì ë§ë¦ì¼ë¡ì¨ ììí기를 ìí©ëë¤.
ì°¸ê³ : ì¬ë¬ë¶ì ìëí°ë ì¨ë¼ì¸ ìëí°ìì ìì í기 ìí´ì ì´ ê³¼ì ì ììì ì ë¤ì´ë¡ëíì¸ì.
ë°ë³µë¬¸ 2ì´ ë¤ì ê³¼ì ìì, ì°ë¦¬ë ì¬ë¬ë¶ì´, ì´ë¦ì´ 주ì´ì§ë©´ ì´ë¦ê³¼ ì íë²í¸ (phonebook
)를 í¬í¨íê³ ìë ê°ì²´ ë°°ì´ì íìíê³ , ë§ì½ ê·¸ ì´ë¦ì ì°¾ì¼ë©´, ì´ë¦ê³¼ ì íë²í¸ë¥¼ ë¨ë½ (para
)ì ì¶ë ¥íê³ ê·¸ë¦¬ê³ ì ë°ë³µë¬¸ì´ ë¤ ì¤íë기 ì ì ë°ë³µë¬¸ì ë¹ ì ¸ëì¤ë ê°ë¨í íë¡ê·¸ë¨ì ìì±í기를 ìí©ëë¤.
3ê°ì ë³ìê° ì£¼ì´ì§ëë¤:
i
â 0ì ê°ìì ììí©ëë¤; ë°ë³µì(iterator)ë¡ì¨ ì°ì´ê² ìëëììµëë¤.name
â ê²ìí ì´ë¦ì í¬í¨íê³ ììµëë¤.para
â ë¨ë½ì ëí 참조를 í¬í¨íê³ ìëë°, 결과를 ë³´ì´ê¸° ìí´ ì¬ì©ë ê²ì
ëë¤.ì¬ë¬ë¶ì ì ê³¼ì ìì ì¬ì©íì§ ìì ì íì ë°ë³µë¬¸ì ì¬ì©í´ì¼ í©ëë¤.
ë°ë³µë¬¸ 3ì´ ë§ì§ë§ ê³¼ì ììë, ë¤ìì ê²ë¤ì´ ì ê³µë©ëë¤:
i
â 500ì ê°ì¼ë¡ ììí©ëë¤; ë°ë³µìë¡ì¨ ì°ì´ê² ìëëììµëë¤.para
â ë¨ë½ì ëí 참조를 í¬í¨íê³ ìëë°, 결과를 ë³´ì´ê¸° ìí´ ì¬ì©ë ê²ì
ëë¤.isPrime()
â ì«ìê° ì ë¬ëìì ë, ë§ì½ ì«ìê° ìì(prime number)ë©´, true
를 ë°ííê³ , ìëë©´ false
를 ë°ííë í¨ì.ì¬ë¬ë¶ì ì«ì 2ìì 500ê¹ì§ ë¤ë¡ ê°ë ë°ë³µë¬¸ì ì¬ì©íê³ (1ì ììì í¬í¨ëì§ ììµëë¤), ì ê³µë isPrime()
í¨ì를 ê·¸ ì«ìë¤ìì ì¤íí íìê° ììµëë¤. ììê° ìë ê° ì«ìì ëí´ìë, ë¤ì ë°ë³µì¼ë¡ ê³ìíì¸ì. ììì¸ ê° ì«ìì ëí´ìë, ê·¸ê²ì ë¨ë½ì textContent
ì ëªëª ì¢
ë¥ì ë¶ë¦¬ì(separator)ì ë§ë¶ì¬ ì¶ê°íì¸ì.
ì¬ë¬ë¶ì ì´ì ì ë ê³¼ì ìì ì¬ì©íì§ ìì ì íì ë°ë³µë¬¸ì ì¬ì©í´ì¼ í©ëë¤.
ì°¸ê³ : ì¬ë¬ë¶ì ìëí°ë ì¨ë¼ì¸ ìëí°ìì ìì í기 ìí´ì ì´ ê³¼ì ì ììì ì ë¤ì´ë¡ëíì¸ì.
íê° í¹ì ì¶ê°ì ì¸ ëìë§ì½ ì¬ë¬ë¶ì ìì ì íê°ë°ê³ ì¶ì¼ìê±°ë ë§íì ëìì ìì²í기를 ìíì ë¤ë©´:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4