[JavaScript] Error : querySelector() κ³Ό null 의 λ§Œλ‚¨
Β·
JavaScript
μ—λŸ¬ λ°œμƒ πŸ’₯ TodoList 의 리슀트λ₯Ό Remove(제거) ν•˜λŠ” κ΅¬ν˜„ κ³Όμ •μ—μ„œ removeκ°€ μ œλŒ€λ‘œ μ§„ν–‰λ˜μ§€ μ•ŠμŒ 😑   μ›μΈ νŒŒμ•… βœ… Remove λ²„νŠΌμ˜ 클릭은 μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μ΄μš©ν•΄μ„œ νƒœκ·Έμ˜ action을 μ‘°μ •ν•˜λŠ” λ°©μ‹μœΌλ‘œ ꡬ성함클릭 이벀트 λ°œμƒ μ‹œ POST λ°©μ‹μœΌλ‘œ remove() λ©”μ„œλ“œλ₯Ό μ§„ν–‰ν•˜κ²Œ λ˜λŠ”λ° μ•„λž˜μ™€ 같은 λ©”μ‹œμ§€ 확인  🧐 μ„œλ²„ 둜직의 λ¬Έμ œκ°€ μ•„λ‹Œ μžλ°”μŠ€ν¬λ¦½νŠΈ 처리 κ³Όμ •μ—μ„œ λ¬Έμ œκ°€ μžˆλ‹€κ³  νŒλ‹¨ μ›μΈ 발견 🌟 Modify νŽ˜μ΄μ§€μ—μ„œ POST λ°©μ‹μœΌλ‘œ Controller μ—κ²Œ μ „μ†‘λ˜λŠ” κ³Όμ •μ—μ„œμžλ°”μŠ€ν¬λ¦½νŠΈ querySelector() ν•¨μˆ˜λ₯Ό μ‚¬μš©ν–ˆλŠ”λ° μ•„λž˜ μ½”λ“œλ‘œ μž‘μ„±ν–ˆμŒκ·ΈλŸ°λ° Modify μˆ˜μ • μž…λ ₯ 폼(form) 말고 λ‹€λ₯Έ 폼이 μ•žμ— μ‘΄μž¬ν–ˆμ—ˆλ‹€.. πŸ˜…  Document.quer..
[JSP&Servlet] κ°„λ‹¨ν•œ μž…λ ₯ 폼 μœ νš¨μ„± 검사 JavaScript μ—°κ²° 및 호좜 μ—λŸ¬
Β·
JSP&Servlet
πŸ’₯ JSP & Servlet κ°„λ‹¨ν•œ μž…λ ₯ 폼 μœ νš¨μ„± 검사 JavaScript μ—°κ²° 및 호좜 μ—λŸ¬JSP 와 Servlet 으둜 μž…λ ₯값을 κ°€μ Έμ˜€λŠ” μ‹€μŠ΅μ„ μ§„ν–‰ν–ˆλ‹€.GET λ°©μ‹μœΌλ‘œ Servlet ν˜ΈμΆœμ€ μ„±κ³΅μ μ΄μ—ˆλ‹€ !자! 이제 μž…λ ₯κ°’λ“€μ˜ μœ νš¨μ„± 검사λ₯Ό μœ„ν•΄ JavaScript μ½”λ“œλ₯Ό μž‘μ„±ν–ˆλ‹€.JSP νŒŒμΌμ— JS 슀크립트 μž‘μ„± 및 μ—°κ²°! μœ νš¨μ„± 검사가 μ œλŒ€λ‘œ μž‘λ™ν•˜λŠ”μ§€ ν…ŒμŠ€νŠΈλ₯Ό μ§„ν–‰ν–ˆλ‹€.   πŸ’₯ 값을 μž…λ ₯ν•˜μ§€ μ•Šκ³  전솑 λ²„νŠΌμ„ λˆ„λ₯΄λ©΄ '아이디orλ‚˜μ΄λ₯Ό μž…λ ₯ν•˜μ„Έμš”' λΌλŠ” μ•Œλ¦Ό 창이 μ‹€ν–‰λ˜μ–΄μ•Ό ν•˜λŠ”λ°, μ—λŸ¬κ°€ λ°œμƒλ˜μ—ˆλ‹€!!! 😡‍πŸ’« μžλ°”μŠ€ν¬λ¦½νŠΈ μž‘μ„± μ½”λ“œ (λΆ€λΆ„μƒλž΅)function check(){ . . } else if (document.frm.age.value == ""){ alert("λ‚˜μ΄λ₯Ό μž…..
[Javascript] κ°„λ‹¨ν•œ λ©”λͺ¨μž₯을 λ§Œλ“€μ–΄λ³΄μž createTextNode() createElement() appendChild() remove()🧐
Β·
JavaScript
1. getElementById() μž…λ ₯μ°½, μž…λ ₯μ°½κ°’(value) κ°€μ Έμ˜€κΈ°2. createTextNode() μž…λ ₯ν•œ λ‚΄μš©μ„ ν…μŠ€νŠΈ λ…Έλ“œλ‘œ λ³€ν™˜ν•˜κΈ°3. createElement() HTML μš”μ†Œ μƒμ„±ν•˜κΈ°4. appendChild() λΆ€λͺ¨ μš”μ†Œμ— μƒμ„±λœ μžμ‹ μš”μ†Œ μΆ”κ°€ν•˜κΈ°5. addEventListener() 클릭 이벀트 ν•¨μˆ˜ (μΆ”κ°€ / μ‚­μ œ)6. remove() HTML μš”μ†Œ μ œκ±°ν•˜κΈ°  κ°„λ‹¨ν•œ λ©”λͺ¨μž₯을 λ§Œλ“€κΈ° μœ„ν•΄ μž…λ ₯ μ˜μ—­, μΆ”κ°€ μ˜μ—­, 리슀트 μ˜μ—­μ„ κ°„λ‹¨ν•œ HTML μ½”λ“œλ‘œ μž‘μ„±ν•˜κ³ μžλ°”μŠ€ν¬λ¦½νŠΈ(Javascript) 둜 μΆ”κ°€, μ‚­μ œ κΈ°λŠ₯을 κ΅¬ν˜„ν•˜μ˜€λ‹€. 1. HTML μ½”λ“œ μž‘μ„±(μœ„ 사진은 CSS λ”°λ‘œ 적용) μžλ°”μŠ€ν¬λ¦½νŠΈ λ©”λͺ¨μž₯ μΆ”κ°€/μ‚­μ œ λ©”λͺ¨ μΆ”κ°€  2. Java..
[Javascript] replace(), parseInt(), toString()λ¬Έμžμ—΄μ„ μ •μˆ˜λ‘œ λ³€ν™˜, μ •μˆ˜λ₯Ό λ¬Έμžμ—΄λ‘œ λ³€ν™˜ 🧐
Β·
JavaScript
메뉴λ₯Ό 주문내역에 μΆ”κ°€ν•˜λŠ” 것을 κ΅¬ν˜„ν•˜λŠ” 도쀑가격이 6,200원 6,000원과 같이 νƒ€μž…μ΄ λ¬Έμžμ—΄μ΄κΈ° λ•Œλ¬Έμ—μ–΄λ–»κ²Œ ν•˜λ©΄ μ •μˆ˜λ‘œ λ³€ν™˜ν•˜μ—¬ 더할 것이며 천자리 λ°”λ‹€ 콀마(,) κ°€ 찍힐 수 μžˆλ„λ‘ ν•˜λŠ” 것에 λŒ€ν•΄ κ³ λ―Όν–ˆλ‹€. ν•΄κ²° μˆœμ„œ 1. 6,200원(λ¬Έμžμ—΄ string) 을 μ •μˆ˜λ‘œ λ³€ν™˜ / 6,200원(string)->6,200(number)2. 6200 (number) + 6000 (number)... + 총 κΈˆμ•‘(number) 계산3. 총 κΈˆμ•‘ 12200 (number)  을 12,200 원 (string) 으둜 λ³€ν™˜ 1. λ¬Έμžμ—΄μ„ μ •μˆ˜λ‘œ λ³€ν™˜- μ •μˆ˜λ‘œ λ³€ν™˜ν•˜κΈ° μ „μ—λŠ” price, price2 λŠ” string νƒ€μž…μΈ 것을 확인 ν•  수 μžˆλ‹€.  - μ •μˆ˜λ‘œ λ³€ν™˜ν•΄μ„œ 좜λ ₯ν•΄λ³΄λ‹ˆ 6200 이 μ•„λ‹Œ 6 만 λ‚˜μ˜€..
[JavaScript] break λ¬Έ / λ°˜λ³΅λ¬Έμ„ λ©ˆμΆ”κ±°λ‚˜ λΉ μ Έλ‚˜μ˜¬ λ•Œ 🧐
Β·
JavaScript
break 문은 νŠΉμ • μ‘°κ±΄μ—μ„œ λ°˜λ³΅λ¬Έμ„ λ©ˆμΆ”κ±°λ‚˜, 반볡문 μ€‘κ°„μ—μ„œ μ•žμœΌλ‘œ λ˜λŒμ•„κ°€μ•Ό ν•  κ²½μš°μ— μ‚¬μš©ν•œλ‹€.λ‹¨λ…μœΌλ‘œ μ‚¬μš©ν•  μˆ˜λ„ 있고 λ°˜λ³΅λ¬Έμ„ 끝낼 쑰건과 ν•¨κ»˜ μ‚¬μš©ν•  μˆ˜λ„ μžˆλ‹€.예제 1 (μžλ¦¬λ°°μΉ˜λ„)1-1 break 문을 μ‚¬μš©ν•˜μ§€ μ•Šμ•˜μ„ λ•Œμ•„λž˜λŠ” 총 μž…μž₯객 μˆ˜μ— 맞게 λ²ˆν˜Έκ°€ μžˆλŠ” μ’Œμ„μ„ λ°°μΉ˜ν–ˆλ‹€.for문을 μ‚¬μš©ν•΄ 총 56λͺ…μ˜ μž…μž₯객을 ν•œ 쀄에 5 μ’Œμ„μœΌλ‘œ 자리λ₯Ό λ°°μΉ˜ν•˜μ˜€λŠ”λ°,μ’Œμ„μ€ 56κ°œκ°€ μ•„λ‹Œ 60κ°œκΉŒμ§€ λ§Œλ“€μ–΄μ§€λŠ” 것을 확인할 수 μžˆμ—ˆλ‹€.document.write(``); // ν–‰ (11쀄) for(let i = 0; i`); // μ—΄ (5쀄) for(let j = 1; j μ’Œμ„ ${seatNo} `); } document.write(``); } document.wri..