[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 ์–ธ์–ด์ด๋‹ค. ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์˜ ๊ด€๊ณ„์ˆ˜ ๋งŽ์€ ๋„คํŠธ์›Œํฌ์™€ ๋„คํŠธ์›Œํฌ๋ฅผ ์—ฐ๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด์„ , '์„œ๋ฒ„' ๊ฐ€ ํ•„์š”ํ•˜๋‹ค.'์„œ๋ฒ„'๋Š” ๋„คํŠธ์›Œํฌ์—..