๐Ÿš€ Languege/Web Basic 4

Browser์˜ ๋™์ž‘ (์›น ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง)

๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘๋ฐฉ์‹์€ ์›๋ž˜๋Š” ๊ฐœ๋ฐœ์ž ๋ชซ์ด ์•„๋‹Œ, ๋ธŒ๋ผ์šฐ์ €๋งŒ์˜ ์˜์—ญ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ์—๋Š” ๊ฐœ๋ฐœ์ž๋„ ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง์„ ์ดํ•ดํ•ด์•ผ ํ•˜๋Š” ์ถ”์„ธ์ž…๋‹ˆ๋‹ค. ์™œ๋ƒ, ์†๋„๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด์„œ์ฃต~^.^ ๋ธŒ๋ผ์šฐ์ €๋ž€? ๋ธŒ๋ผ์šฐ์ €๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์„œ๋ฒ„์— ์š”์ฒญํ•œ ๋‚ด์šฉ์„ ๋ฐ›์•„ ์‚ฌ์šฉ์ž๊ฐ€ ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํ‘œ์‹œํ•˜๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ €๋Š” ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋ฐ›์•„์˜จ HTMLํŒŒ์ผ์„ ํ•ด์„ํ•ด์„œ ์šฐ๋ฆฌ๊ฐ€ ํ•ญ์ƒ ์‚ฌ์šฉํ•˜๋Š” ๊ทธ๋Ÿฐ ์›นํŽ˜์ด์ง€๊ฐ€ ๋˜๋Š”๊ฒƒ์ž…๋‹ˆ๋‹ค! ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ๊ตฌ์กฐ ์šฐ๋ฆฌ๊ฐ€ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์›น๋ธŒ๋ผ์šฐ์ €๋Š” Google Chrome, IE, Safari ๋“ฑ์ด ์žˆ๊ณ  ์กฐ๊ธˆ์”ฉ์€ ๋‹ค๋ฅด์ง€๋งŒ ๋ธŒ๋ผ์šฐ์ €์˜ ์ฃผ์š” ๊ตฌ์„ฑ์š”์†Œ๋Š” ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. User Interface: ์ฃผ์†Œ ํ‘œ์‹œ์ค„, ์ด์ „/๋‹ค์Œ ๋ฒ„ํŠผ, ๋ถ๋งˆํฌ ๋“ฑ ์‚ฌ์šฉ์ž๊ฐ€ ๋ณด๋Š” ํ™”๋ฉด Browser Engine: ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค์™€ ๋ Œ๋”๋ง ์—”..

ํ”„๋ก ํŠธ์—”๋“œ? ๋ฐฑ์—”๋“œ?

ํ”„๋ก ํŠธ์—”๋“œ? Front-end. ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํ•œ ๋ถ„์•ผ. ๋ฐ˜๋Œ€๋ง์€ ๋ฐฑ์—”๋“œ. ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋Š” ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ์˜ ์™„์ „ํ•œ ๋ถ„๋ฆฌ ๊ตฌ์กฐ๋ฅผ ์ง€ํ–ฅํ•˜๋Š” ์—…๋ฌด ์Šคํƒ€์ผ์˜ ๊ฐœ๋ฐœ ๋ฐฉ์‹์œผ๋กœ์จ ํ”„๋ก ํŠธ๋‹จ์˜ ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง๊ณผ ์‚ฌ์šฉ์ž ์˜์—ญ์˜ ๊ฐœ๋ฐœ์„ ๋‹ด๋‹นํ•˜๋Š” ์‚ฌ๋žŒ์ด๋‹ค. ์ด์™€ ๋‹ค๋ฅธ ๋ฐฉ์‹์˜ ์—…๋ฌด ์Šคํƒ€์ผ ์ง๊ตฐ์œผ๋กœ๋Š” ์›นํผ๋ธ”๋ฆฌ์…”(ui๊ฐœ๋ฐœ)์™€ ๊ฐœ๋ฐœ์ž(์„œ๋ฒ„ ๊ฐœ๋ฐœ์ž)์˜ ์—…๋ฌด ๋ถ„๋ฆฌ ๋ฐฉ์‹์ด ์žˆ๋‹ค. ์ด ๊ฒฝ์šฐ๋Š” ์ฃผ๋กœ ์„œ๋ฒ„์‚ฌ์ด๋“œ๊ฐ€ ํด๋ผ์ด์–ธํŠธ๋ฅผ ๊ฐ์‹ธ๋Š” ๋ฐฉ์‹์ด๋‹ค. MVC๋กœ ์น˜๋ฉด View ๋ถ€๋ถ„์— ํ•ด๋‹นํ•˜๋Š” ์˜์—ญ์„ ๋งก๋Š”๋‹ค. - ์ถœ์ฒ˜ ๋‚˜๋ฌด์œ„ํ‚ค ๊ทธ๋ ‡์ฃ , ์ •์˜ ๋œ ๊ฒƒ ์ฒ˜๋Ÿผ ํ”„๋ก ํŠธ์—”๋“œ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ ์‚ฌ๋žŒ๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์ ‘ํ•˜๋Š” ๊ทธ ์›นํŽ˜์ด์ง€!! ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๋ถ€๋ถ„์„ ๋งํ•ฉ๋‹ˆ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” JavaScript, CSS, HTML ์„ ๋‹ค๋ฃฐ ์ค„ ์•Œ..

[Apache Tomcat] MAC OS์— Apache Tomcat ์„ค์น˜ํ•˜๊ธฐ

1. Apache Tomcat ๋‹ค์šด๋กœ๋“œ ๊ณต์‹ํ™ˆํŽ˜์ด์ง€์—์„œ Apache Tomcat์„ ๋‹ค์šด๋กœ๋“œ ํ•ฉ๋‹ˆ๋‹ค. (์ฝ”์–ด ๋ฐ”์ด๋„ˆ๋ฆฌ, tar.gz) 2. Apache Tomcat ์„ค์น˜ ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋ฅผ ์ˆœ์„œ๋Œ€๋กœ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค! # Apache Tomcat์„ ๋‹ค์šด๋ฐ›์€ ๊ฒฝ๋กœ์—์„œ /usr/local ๊ฒฝ๋กœ๋กœ ์••์ถ• ํ•ด์ œ sudo tar -xzvf apache-tomcat-8.5.65.tar.gz -C /usr/local/apache-tomcat-8.5.65 # Library ๊ฒฝ๋กœ์— Tomcat ์‹ฌ๋ณผ๋ฆญ ๋งํฌ ์ถ”๊ฐ€ sudo ln -s /usr/local/ /Library/Tomcat # Tomcat ์„ค์น˜ ๋””๋ ‰ํ† ๋ฆฌ ๋ฐ ํŒŒ์ผ ์†Œ์œ ์ž ๋ณ€๊ฒฝ sudo chown -R /Library/Tomcat # Tomcat ์‹คํ–‰/์ข…๋ฃŒ ์Šคํฌ๋ฆฝํŠธ์˜ ์‹คํ–‰ ๊ถŒํ•œ ์ถ”..

HTTP Request Parameters ํƒ€์ž… / HTTP ์š”์ฒญ ํŒŒ๋ผ๋ฉ”ํ„ฐ ์ข…๋ฅ˜!

HTTP Request ํŒŒ๋ผ๋ฉ”ํ„ฐ์˜ ์ข…๋ฅ˜ ๐Ÿ˜ 1. Path ํŒŒ๋ผ๋ฉ”ํ„ฐ URL path ๊ฒฝ๋กœ์˜ ์ผ๋ถ€๋กœ ํŒŒ๋ผ๋ฉ”ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. www.example.info/user/{user-name}/score 2. ≈ URL ? ๋’ค์— ๋“ฑ์žฅํ•ฉ๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ์ •์˜๋˜๋Š” ๊ฒฝ์šฐ AWS CloudFront+Lambda ์—ฃ์ง€ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. www.example.info/user?user-name=A 3. Request Body ํŒŒ๋ผ๋ฉ”ํ„ฐ Post ๋ฐฉ์‹์˜ Request Parameter์ด๋ฉฐ, ์š”์ฒญ ๋‚ด์šฉ์„ ๋ฐ”๋””์— ๋„ฃ์–ด ๋ณด๋‚ด๊ธฐ๋•Œ๋ฌธ์— URL์—์„œ๋Š” ์•„๋ฌด๋Ÿฐ ๋ณ€ํ™”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. 4. Header ํŒŒ๋ผ๋ฉ”ํ„ฐ ์ธ์ฆ๊ณผ ๊ถŒํ•œ๋ถ€์—ฌ ๋ชฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ธ์ฆ๊ณผ ๊ด€๋ จ๋œ ์„œ๋น„์Šค์—์„œ ํ—ค๋” ํŒŒ๋ผ๋ฉ”ํ„ฐ์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค :D

728x90