๋ฐ˜์‘ํ˜•

til 2

[JavaScript] ํŠน์ • ๋ฌธ์ž์—ด ์ œ๊ฑฐํ•˜๋Š” ๋ฐฉ๋ฒ•

Intro ์•ˆ๋…•ํ•˜์„ธ์š”. ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํŠน์ • ๋ฌธ์ž์—ด์„ ์ œ๊ฑฐํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. How to solve the problem ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํŠน์ • ๋ฌธ์ž์—ด์„ ์ œ๊ฑฐํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์–‘ํ•œ๋ฐ์š”, ๊ทธ ์ค‘์—์„œ ์ €๋Š” replace() ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŠน์ • ๋ฌธ์ž์—ด์„ ์ œ๊ฑฐํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. replace()ํ•จ์ˆ˜๋Š” ํŠน์ • ๋ฌธ์ž์—ด์ด ์กด์žฌํ•˜๊ฑฐ๋‚˜ ์ •๊ทœ์‹์— ๋งŒ์กฑํ•  ๊ฒฝ์šฐ, ์›ํ•˜๋Š” ๋ฌธ์ž์—ด๋กœ ๋Œ€์ฒดํ•ด ์ค๋‹ˆ๋‹ค. const str = 'APPLE'; console.log(str.replace('A', '')); // ๋ฌธ์ž์—ด 'A'๋ฅผ ๋นˆ ๊ฐ’์œผ๋กœ ๋Œ€์ฒด, result: PPLE console.log(str.slice('L', '')); // ๋ฌธ์ž์—ด L'๋ฅผ ๋นˆ ๊ฐ’์œผ๋กœ ๋Œ€์ฒด, result: APPE

[Html] Semantic Tags ์™€ ํ—ท๊ฐˆ๋ฆฌ๋Š” tags ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

์ด ๊ธ€์€ ๋“œ๋ฆผ์ฝ”๋”ฉ ์—˜๋ฆฌ๋‹˜์˜ "HTML ํƒœ๊ทธ๋“ค, ํ—ท๊ฐˆ๋ฆฌ๋Š”๊ฑฐ ์ •๋ฆฌํ•ด ๋ณด์•˜๋‹ค ๐Ÿฅณ" ์˜์ƒ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. Intro Html์€ ๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์— ๋น„ํ•ด์„œ ์ง„์ž…์žฅ๋ฒฝ์ด ํ›จ์”ฌ ๋‚ฎ์€ ๋งˆํฌ์—… ์–ธ์–ด์ด์ง€๋งŒ, ๋งŒ๋งŒํ•˜๊ฒŒ ๊ณต๋ถ€ํ•˜๋ฉด ์–ด๋””์—์„œ ์–ด๋–ค ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ๋งค์šฐ ํ—ท๊ฐˆ๋ฆฝ๋‹ˆ๋‹ค. ํ•„์ˆ˜๋กœ ์•Œ์•„์•ผ ํ•˜๋Š” ์‹œ๋ฉ˜ํŠธ ํƒœ๊ทธ๋“ค๊ณผ ํ—ท๊ฐˆ๋ฆฌ๋Š” ํƒœ๊ทธ๋“ค์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•ฉ์‹œ๋‹ค. Semantic Tags (Semantic Markup)? semantic์ด๋ž€ "์˜๋ฏธ์˜, ์˜๋ฏธ๊ฐ€ ์žˆ๋Š”"์„ ๋œปํ•ฉ๋‹ˆ๋‹ค. html์—์„œ div ํƒœ๊ทธ๋งŒ ์ด์šฉํ•ด์„œ ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ๋ธŒ๋ผ์šฐ์ €๋„ ๊ฐœ๋ฐœ์ž๋„ ์˜๋ฏธ์žˆ๊ฒŒ ์ด์• ํ•  ์ˆ˜ ์žˆ๊ธฐ ์œ„ํ•ด์„œ๋Š” semantic tags ๋ฅผ ์ ์ ˆํ•˜๊ฒŒ ์ž˜ ์‚ฌ์šฉํ•˜๋Š” ๊ฒŒ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. Top level heading Top leve..

Programming/Html 2022.09.12
๋ฐ˜์‘ํ˜•