[CSS] class μ„ νƒμžμ™€ id μ„ νƒμžμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž ✍️
Β·
CSS
πŸ‘¨‍πŸ’»νŠΉμ • 뢀뢄에 μŠ€νƒ€μΌμ„ μ μš©ν•˜λŠ” class / id μ„ νƒμž νŠΉμ • μš”μ†Œμ— μŠ€νƒ€μΌμ„ μ μš©ν•˜λŠ” νƒ€μž… μ„ νƒμž νŠΉμ • νƒœκ·Έλ₯Ό μ‚¬μš©ν•˜λ©΄ λͺ¨λ“  μš”μ†Œμ— μŠ€νƒ€μΌμ„ μ μš©ν•  수 μžˆλ‹€.같은 νƒœκ·ΈλΌλ„ μΌλΆ€λŠ” λ‹€λ₯Έ μŠ€νƒ€μΌμ„ μ‚¬μš©ν•  λ•Œ class μ„ νƒμžμ™€ id μ„ νƒμžλ₯Ό μ‚¬μš©ν•œλ‹€.1. νƒœκ·Έ λͺ¨λ“  μš”μ†Œμ— μŠ€νƒ€μΌ 적용 HTML CSS JavaScriptp { color: red;} 2. νƒœκ·Έ μš”μ†Œμ— class(.) / id(#) μ„ νƒμž νŠΉμ • λΆ€λΆ„ μŠ€νƒ€μΌ 적용 HTML CSS JavaScript p { color: red;}/* class μ„ νƒμž */.css { text-decoration: underline; color:blue;}/* id μ„ νƒμž */#js { te..
[Java] μžλ°” μŠ€μΊλ„ˆ(Scanner) ν΄λž˜μŠ€μ™€ hasNext() / next() ν•¨μˆ˜ ✍️
Β·
Java
πŸ‘¨‍πŸ’» μžλ°”λ₯Ό κ³΅λΆ€ν•˜λŠ” 쀑, 처음으둜 μ ‘ν•œ μž…λ ₯방식 Scanner ν΄λž˜μŠ€μ΄λ‹€. μ±…에 λ‚΄μš©μ— 따라 μ•„λž˜μ™€ 같이 μ‹€μŠ΅μ„ ν•˜λ˜μ€‘ μ •μˆ˜κ°€ μ•„λ‹Œ 값을 μž…λ ₯ν–ˆμ„λ•Œ μ •μˆ˜κ°€ μ•„λ‹Œ 경우 νŒλ³„ν•˜λŠ” κ°„λ‹¨ν•œν”„λ‘œκ·Έλž¨μ„ λ§Œλ“€κ³  μ‹Άμ—ˆλ‹€. Scanner 클래슀λ₯Ό μ‚¬μš©ν•  μ‹œ util νŒ¨ν‚€μ§€λ₯Ό import λ₯Ό 톡해 ν˜ΈμΆœν•΄μ£Όμ–΄μ•Ό ν•œλ‹€. μ •μˆ˜ μž…λ ₯값에 λŒ€ν•΄μ„œλ§Œ μž…λ ₯λ‚΄μš© 좜λ ₯ν•˜κΈ°import java.util.Scanner;public class scanner { public static void main(String[] args) { Scanner sc = new Scanner(System.in); System.out.println("μ •μˆ˜λ₯Ό μž…λ ₯ν•΄μ£Όμ„Έμš”.>"); String input = sc.nextLine(); int num ..
[HTML] input νƒœκ·Έμ˜ value와 placeholder 속성에 λŒ€ν•΄ μ•Œμ•„λ³΄μž ✍️
Β·
HTML
πŸ‘¨‍πŸ’»μ‚¬μš©μž input λ°•μŠ€ μ•ˆμ— μ›ν•˜λŠ” 문ꡬλ₯Ό 미리 적어 λ‘λŠ” value=".." placeholder=".."  πŸ’‘ 두 μ†μ„±μ˜ input λ°•μŠ€ μ•ˆμ— 문ꡬλ₯Ό 미리 적어 λ‘λŠ” 곡톡점이 μžˆμ§€λ§Œ, λͺ‡ 가지 차이점이 μžˆλ‹€. πŸ’‘ - value 속성은 μ„€μ •λœ 값을 μ„œλ²„ μͺ½μœΌλ‘œ 정보λ₯Ό 전솑할 수 μžˆλ‹€. μ‚¬μš©μžκ°€ input λ°•μŠ€ μ•ˆμ— μƒˆλ‘œμš΄ 값을 μž…λ ₯ν•  λ•Œλ―Έλ¦¬ 적어 λ‘” 문ꡬλ₯Ό 직접 μ§€μ›Œμ•Ό ν•œλ‹€.- placeholder 속성은 value와 달리, μ„œλ²„ μͺ½μœΌλ‘œ 정보가 μ „μ†‘λ˜μ§€ μ•ŠλŠ”λ‹€. λ˜ν•œ μ‚¬μš©μžκ°€ input λ°•μŠ€ μ•ˆμ— κΈ€μžλ₯Ό μž…λ ₯ν•  λ•Œ,μžλ™μœΌλ‘œ μž…λ ₯된 문ꡬ가 사라진닀.- value 속성을 μ μš©ν•  경우 placeholder 보닀 문ꡬ의 κΈ€μž 색이 더 짙닀.value, placeholder 속성 μ‚¬μš© μ˜ˆμ‹œDOCTY..
[HTML] <ol> νƒœκ·Έ, <ul> νƒœκ·Έ, <li> νƒœκ·Έμ— λŒ€ν•΄μ„œ μ•Œμ•„λ³΄μž
Β·
HTML
✍️  λͺ©λ‘μ„ λ§Œλ“œλŠ” ... ...  πŸ‘¨‍πŸ’»1. μˆœμ„œ λͺ©λ‘μ„ λ§Œλ“œλŠ” , νƒœκ·Έol은 ordered list의 μ€„μž„λ§λ‘œ ν•­λͺ©μ„ μˆœμ„œλŒ€λ‘œ λ‚˜μ—΄ν•˜λŠ” νƒœκ·Έμ΄λ‹€. νƒœκ·ΈλŠ” list의 μ€„μž„λ§μΈ νƒœκ·Έμ™€ 같이 μ‚¬μš©λ˜λ©°, μ•„λž˜ μ½”λ“œμ™€ 같이 ... μˆœμ„œλ‘œ μž‘μ„±ν•˜λ©΄ λœλ‹€. νƒœκ·Έμ˜ κΈ°λ³Έ type은 숫자λ₯Ό ν‘œμ‹œν•˜κ²Œ 되고 μ•ŒνŒŒλ²³ μ†Œλ¬Έμž(a,b,c...) λŒ€λ¬Έμž(A,B,C...) 둜마숫자 (I) 둜마숫자(i) λ‘œν‘œν˜„μ΄ κ°€λŠ₯ν•˜λ‹€. (1-1). ... νƒœκ·Έ μ‚¬μš© μ˜ˆμ‹œDOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>λͺ©λ‘ νƒœκ·Έμ— λŒ€ν•΄..
[WEB] 웹은 μ–΄λ–»κ²Œ μ›€μ§μΌκΉŒ? μ›Ήμ˜ κΈ°λ³Έ λ™μž‘ 이해 🌐
Β·
μ›Ή(Web)
☺︎  μ›Ή 개발의 첫 λ°œμ„ λ‚΄λ”›μ—ˆλ‹€. ☺︎  HTML, CSS, JS 에 λŒ€ν•œ μ½”λ”©, ν”„λ‘œμ νŠΈ μ‹€μŠ΅μ—λ§Œ μ§‘μ€‘ν–ˆμ§€μ›Ήμ΄ μ–΄λ–€ λ°©μ‹μœΌλ‘œ μ›€μ§μ΄λŠ”μ§€μ— λŒ€ν•œ κ°œλ…μ€ μ „ν˜€ μ•Œμ§€ λͺ»ν–ˆλ‹€.κ·Έλž˜μ„œ μ˜€λŠ˜μ€ 웹에 κ°œλ…μ— λŒ€ν•΄ μž‘μ„±ν•˜λ €κ³  ν•œλ‹€.μ›Ή 개발과 μ›Ή ν‘œμ€€μ›Ή κ°œλ°œμ€ λ‹¨μˆœνžˆ μ›Ή μ‚¬μ΄νŠΈλΏλ§Œ μ•„λ‹ˆλΌ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ²˜λŸΌ λ™μž‘ν•˜λŠ” μ›Ή, ν”Œλž«νΌμœΌλ‘œ λ™μž‘ν•˜λŠ” 웹을 λ§Œλ“œλŠ” 일을 λͺ¨λ‘ μ•„μš°λ₯΄λŠ” κ°œλ…μ΄λ‹€. PC와 슀마트 TV, 자율 μ£Όν–‰μ°¨μ˜ λΈŒλΌμš°μ €λŠ” μ„œλ‘œ 겉λͺ¨μŠ΅μ΄ μ‘°κΈˆμ”© λ‹€λ₯΄μ§€λ§Œ μ‹€μ œ λ‚΄λΆ€μ—μ„œ λ™μž‘ν•˜λŠ” 방법은 κ°™λ‹€. λͺ¨λ“  κΈ°κΈ°κ°€ ν•¨κ»˜ μ§€μΌœμ•Όν•  ν‘œμ€€μ΄ λ°”λ‘œ 'μ›Ή ν‘œμ€€' 이닀. μ›Ή ν‘œμ€€μ˜ 기본이 HTML, CSS, JS 언어이닀. μ„œλ²„와 ν΄λΌμ΄μ–ΈνŠΈμ˜ κ΄€κ³„μˆ˜ λ§Žμ€ λ„€νŠΈμ›Œν¬μ™€ λ„€νŠΈμ›Œν¬λ₯Ό μ—°κ²°ν•˜κΈ° μœ„ν•΄μ„ , 'μ„œλ²„' κ°€ ν•„μš”ν•˜λ‹€.'μ„œλ²„'λŠ” λ„€νŠΈμ›Œν¬μ—..