๋ชฉ๋ก์ „์ฒด ๊ธ€ (208)

๐Ÿ’ป

์ฟ ํ‚ค(Cookie)์™€ ์„ธ์…˜(Session)์˜ ์ฐจ์ด

์ฟ ํ‚ค์™€ ์„ธ์…˜์„ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ ๋Š”? HTTP ํ”„๋กœํ† ์ฝœ ์˜ ํŠน์ง•์ธ 1) ๋น„์—ฐ๊ฒฐ์ง€ํ–ฅ(Connectionless) : HTTP๋Š” ๋จผ์ € ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญ(request)์„ ๋ณด๋‚ด๋ฉด, ์„œ๋ฒ„๋Š” ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์š”์ฒญ์— ๋งž๋Š” ์‘๋‹ต(response)๋ฅผ ๋ณด๋‚ด๊ณ  ์ ‘์†์„ ๋Š๋Š”๋‹ค. 2) ์ƒํƒœ์ •๋ณด์œ ์ง€์•ˆํ•จ(Stateless) : ์—ฐ๊ฒฐ์„ ๋Š๋Š” ์ˆœ๊ฐ„ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„์˜ ํ†ต์‹ ์ด ๋๋‚˜๋ฉฐ ์ƒํƒœ ์ •๋ณด๋Š” ์œ ์ง€ํ•˜์ง€ ์•Š๋Š” ํŠน์„ฑ์ด ์žˆ๋‹ค. ๋น„์—ฐ๊ฒฐ์ง€ํ–ฅ์ด๋ผ๋Š” ํŠน์„ฑ ๋•๋ถ„์— ๊ณ„์†ํ•ด์„œ ํ†ต์‹  ์—ฐ๊ฒฐ์„ ์œ ์ง€ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋ฆฌ์†Œ์Šค ๋‚ญ๋น„๊ฐ€ ์ค„์–ด๋“œ๋Š” ๊ฒƒ์€ ์žฅ์ ์ด์ง€๋งŒ ํ†ต์‹ ํ•  ๋•Œ๋งˆ๋‹ค ์ƒˆ๋กœ ์ปค๋„ฅ์…˜์„ ์—ด๊ธฐ ๋•Œ๋ฌธ์— ํด๋ผ์ด์–ธํŠธ๋Š” ๋‚ด๊ฐ€ ๋ˆ„๊ตฌ์ธ์ง€ ์ธ์ฆ์„ ๊ณ„์†ํ•ด์•ผํ•˜๋Š” ๋‹จ์ ์ด ์ƒ๊ธด๋‹ค. https://jeong-pro.tistory.com/80 Web - ์ฟ ํ‚ค์™€ ์„ธ์…˜์˜ ์ฐจ์ด, ์šฉ๋„, ์‚ฌ..

HTML ์˜ ์ดํ•ด - HTML ์˜ ๊ตฌ์กฐ์™€ ๊ธฐ๋ณธํƒœ๊ทธ(h/font/ul/ol)

HTML(Hyper Text Markup Language) ์ด๋ž€ ? 1) W3C์‚ฌ์—์„œ ๊ถŒ๊ณ ์•ˆ์œผ๋กœ ๊ฐœ๋ฐœ๋˜์—ˆ๋‹ค. www.w3schools.com 2) HTML์€ ํƒœ๊ทธ์™€ ํ…์ŠคํŠธ๋กœ ๊ตฌ์„ฑ 3) HTMLํƒœ๊ทธ๋Š” ๊ธฐ๋Šฅ์ ์—ญํ• (-> cssํ•œํ…Œ ๋บ๊น€)๊ณผ ๊ตฌ๋ถ„์ž์—ญํ• (-> xmlํ•œํ…Œ ๋บ๊น€)๋กœ ๋‚˜๋ˆˆ๋‹ค. 4) ์ดˆ์ฐฝ๊ธฐ์—๋Š” ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์— ์ดˆ์ ์„ ๋งž์ถ”์—ˆ๋Š”๋ฐ ํ˜„์žฌ๋Š” ๋ฐ์ดํ„ฐ์ดˆ์ ์œผ๋กœ ๋งž์ถ˜๋‹ค. HTML ์˜ ๊ตฌ์กฐ - html ์•ˆ์—๋Š” ํ—ค๋”(head) ์™€ ๋ฐ”๋””(body) ๋กœ ์ด๋ฃจ์–ด์ ธ์žˆ๋‹ค. - meta ํƒœ๊ทธ๋Š” html ์˜ ๋ฌธ์„œ ์•ˆ์—์„œ ์„ค์ •์— ๊ด€๋ จํ•œ ์ •๋ณด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. - ํƒœ๊ทธ๋Š” ์—ฌ๋Š” ํƒœ๊ทธ์™€ ๋‹ซ๋Š” ํƒœ๊ทธ๊ฐ€ ์žˆ๋‹ค. - ํƒœ๊ทธ ์•ˆ์—๋Š” ํ…์ŠคํŠธ๋‚˜ ํƒœ๊ทธ๊ฐ€ ๋“ค์–ด๊ฐ„๋‹ค. - ํƒœ๊ทธ๋Š” ์†์„ฑ์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด์žˆ๋‹ค. ์†์„ฑ(์•„๋ž˜ ๊ทธ๋ฆผ์—์„œ๋Š” name, content...)์€ ..

KITRI/HTML 2020. 5. 27. 11:33
์ธํ„ฐํŽ˜์ด์Šค(Interface)๋ž€? - UI/GUI/ API

์ธํ„ฐํŽ˜์ด์Šค(Interface) - ์„œ๋กœ ๋‹ค๋ฅธ ๋‘ ๊ฐœ ์ด์ƒ์˜ ๋…๋ฆฝ๋œ ์‹œ์Šคํ…œ ๊ตฌ์„ฑ ์š”์†Œ ๊ฐ„์— ์ •๋ณด๋ฅผ ๊ตํ™˜ํ•˜๋Š” ๊ณต์œ ๊ฒฝ๊ณ„(shared boundary) ์ด๋‹ค. - ์ปดํ“จํ„ฐ์™€ ์‚ฌ์šฉ์ž ๊ฐ„์˜ ํ†ต์‹ ์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ํ•˜๋Š” ์žฅ์น˜๋‚˜ ํ”„๋กœ๊ทธ๋žจ์„ ์˜๋ฏธํ•˜๊ธฐ๋„ ํ•œ๋‹ค. ๋‘ ๊ฐ€์ง€ ์กฐ๊ฑด์„ ์ถฉ์กฑ์‹œ์ผœ์•ผํ•œ๋‹ค. 1) ์„œ๋กœ ๋‹ค๋ฅธ ๊ฒƒ ์‚ฌ์ด(๊ธฐ๊ธฐ ํ˜น์€ ์‚ฌ๋žŒ ๋“ฑ ์–ด๋–ค ๊ฒƒ)์˜ ์†Œํ†ต, ํ˜น์€ ์—ฐ๊ฒฐ 2) ๋ณต์žกํ•œ ๊ธฐ๋Šฅ์˜ ๋‹จ์ˆœํ™” ์˜ˆ๋ฅผ ๋“ค๋ฉด, ๋ฆฌ๋ชจ์ปจ์ด ์žˆ๊ฒ ๋‹ค. ๋ฆฌ๋ชจ์ปจ์€ TV๋ฅผ ์กฐ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ๋„๊ตฌ. (์–ด๋–ค ๊ธฐ๊ณ„๊ฐ„์˜ ์žฅ์น˜๋ผ๋ฆฌ ์ •๋ณด๋ฅผ ๊ตํ™˜ํ•˜๊ธฐ ์œ„ํ•œ ์ˆ˜๋‹จ์ด๋‚˜, ๋ฐฉ๋ฒ•) UI(User Interface) : ์‚ฌ๋žŒ๊ณผ ์‚ฌ๋ฌผ ๋˜๋Š” ์‹œ์Šคํ…œ, ํŠนํžˆ ๊ธฐ๊ณ„, ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ ๋“ฑ ์‚ฌ์ด์—์„œ ์˜์‚ฌ์†Œํ†ต์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ผ์‹œ์  ๋˜๋Š” ์˜๊ตฌ์ ์ธ ์ ‘๊ทผ์„ ๋ชฉ์ ์œผ๋กœ ๋งŒ๋“ค์–ด์ง„ ๋งค๊ฐœ์ฒด - ์‚ฌ์šฉ์ž์™€ ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค๋ฃฐ..