๊ด€๋ฆฌ ๋ฉ”๋‰ด

Tech Log ๐Ÿ› ๏ธ

2022112 ๊ณต๋ถ€์ผ์ง€ - WEB,WAS ๋ณธ๋ฌธ

TIL

2022112 ๊ณต๋ถ€์ผ์ง€ - WEB,WAS

sehaan 2022. 11. 22. 23:11

HTTP

- ์ธํ„ฐ๋„ท์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ํ”„๋กœํ† ์ฝœ

- ๊ฑฐ์˜ ๋ชจ๋“  ํ˜•ํƒœ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ „์†ก ๊ฐ€๋Šฅ

 

WEB

- ์ •์  ๋ฆฌ์†Œ์Šค ์ œ๊ณต 

-  HTML,CSS,JS

 

WAS(์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„œ๋ฒ„)

- ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋กœ์ง ์ œ๊ณต

- ์›น์„œ๋ฒ„์˜ ๊ธฐ๋Šฅ๋„ ํฌํ•จ(์ •์  ๋ฆฌ์†Œ์Šค)

- ์ฝ”๋“œ ์‹คํ–‰์— ํŠนํ™”

 

WAS,DB๋งŒ์œผ๋กœ ์›น ์‹œ์Šคํ…œ ๊ตฌ์„ฑ ๊ฐ€๋Šฅ

- WAS๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์€ ์—ญํ• ์„ ๋‹ด๋‹นํ•˜๋ฉด ์„œ๋ฒ„ ๊ณผ๋ถ€ํ•˜

  -> ์ •์  ๋ฆฌ์†Œ์Šค๋Š” ์›น์„œ๋ฒ„๊ฐ€ , ๋™์  ๋ฆฌ์†Œ์Šค๋Š” WAS ๊ฐ€ ์ฒ˜๋ฆฌ  

 

์„œ๋ธ”๋ฆฟ

๊ฐœ๋… 

- ์ž๋ฐ”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›นํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ์ƒ์„ฑํ•˜๋Š” ์„œ๋ฒ„ ์ธก ํ”„๋กœ๊ทธ๋žจ

์‚ฌ์šฉํ•˜๋Š” ์ด์œ 

- ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ http ์š”์ฒญ๊ณผ ์‘๋‹ต์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค.

ํŠน์ง•, ์žฅ์ 

- ์‹ฑ๊ธ€ํ†ค์œผ๋กœ ๊ด€๋ฆฌ

   -> ๊ณต์œ  ๋ณ€์ˆ˜ ์‚ฌ์šฉ์— ์ฃผ์˜

- ๋ฉ€ํ‹ฐ์“ฐ๋ ˆ๋“œ ์ฒ˜๋ฆฌ ์ง€์›

์›๋ฆฌ

- http ์š”์ฒญ์ด ๋“ค์–ด์˜ค๋ฉด ์„œ๋ธ”๋ฆฟ ์ปจํ…Œ์ด๋„ˆ๊ฐ€ Request, Response ๊ฐ์ฒด ์ƒ์„ฑ

  ๋™์  ํŽ˜์ด์ง€ ์ƒ์„ฑ ํ›„ Response ๊ฐ์ฒด ๋ฐ˜ํ™˜ 

  ์‘๋‹ต์ด ๋๋‚˜๋ฉด Request, Response ์†Œ๋ฉธ

 

์“ฐ๋ ˆ๋“œ

- ํ”„๋กœ์„ธ์Šค ๋‚ด์—์„œ ์‹ค์ œ๋กœ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์ฃผ์ฒด

- ์“ฐ๋ ˆ๋“œ๊ฐ€ ์—†๋‹ค๋ฉด ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์‹คํ–‰์ด ๋ถˆ๊ฐ€๋Šฅ

- ํ•œ๋ฒˆ์˜ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋ผ์ธ๋งŒ ์ˆ˜ํ–‰

 

๋‹ค์ค‘ ์š”์ฒญ ์‹œ ์“ฐ๋ ˆ๋“œ ์ƒ์„ฑ ๋ฐฉ์•ˆ

1. ์š”์ฒญ๋งˆ๋‹ค ์“ฐ๋ ˆ๋“œ ์ƒ์„ฑ

์žฅ์ 

- ํ•˜๋‚˜์˜ ์“ฐ๋ ˆ๋“œ๊ฐ€ ์ง€์—ฐ๋˜์–ด๋„ ๋‚˜๋จธ์ง€ ์“ฐ๋ ˆ๋“œ๋Š” ์ •์ƒ ์ž‘๋™

- ๋ฆฌ์†Œ์Šค๊ฐ€ ํ—ˆ์šฉํ•  ๋•Œ ๊นŒ์ง€ ์ฒ˜๋ฆฌ ๊ฐ€๋Šฅ

๋‹จ์  

- ์ปจํ…์ŠคํŠธ ์Šค์œ„์นญ ๋น„์šฉ ๋ฐœ์ƒ

- ์ž„๊ณ„์ ์ด์ƒ ์ƒ์„ฑ ์‹œ ์„œ๋ฒ„ ๊ณผ๋ถ€ํ•˜ ์šฐ๋ ค

 

2. ์“ฐ๋ ˆ๋“œ ํ’€ 

- ํ•„์š”ํ•œ ์“ฐ๋ ˆ๋“œ๋ฅผ ํ’€์— ๋ณด๊ด€ํ•˜๊ณ  ๊ด€๋ฆฌ

- ์‚ฌ์šฉ ์™„๋ฃŒ ํ›„ ํ•ด๋‹น ์“ฐ๋ ˆ๋“œ ๋ฐ˜๋‚ฉ

- ์“ฐ๋ ˆ๋“œ ์ƒ์„ฑ ๋น„์šฉ ์ ˆ์•ฝ , ์‘๋‹ต์†๋„ ํ–ฅ์ƒ

- ์ตœ๋Œ€์น˜ ์ดˆ๊ณผ ์ดํ›„์—๋„ ๊ธฐ์กด ์š”์ฒญ์„ ์•ˆ์ •์ ์œผ๋กœ ์ฒ˜๋ฆฌ

 

WAS ๋ฉ€ํ‹ฐ์“ฐ๋ ˆ๋“œ

- ๋ฉ€ํ‹ฐ ์“ฐ๋ ˆ๋“œ๋Š” WAS๊ฐ€ ์ฒ˜๋ฆฌ

- ๊ฐœ๋ฐœ์ž๋Š” ์‹ฑ๊ธ€ํ†ค ๊ฐœ๋ฐœํ•˜๋“ฏ ํŽธ๋ฆฌํ•˜๊ฒŒ ๊ฐœ๋ฐœ

 

์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)

- ์„œ๋ฒ„ ์ชฝ์—์„œ ๋ Œ๋”๋ง ์ค€๋น„๋ฅผ ๋๋งˆ์นœ ์ฒด๋กœ ํด๋ผ์ด์–ธํŠธ์— ์ „๋‹ฌ

- ์ฒซ ๋กœ๋”ฉ์ด ๋น ๋ฅด๋‹ค.

- ๋ชจ๋“  ์ปจํ…์ธ ๊ฐ€ HTML์— ๋‹ด๊ฒจ์ ธ ์žˆ๋‹ค.

   -> SEO๊ฐ€ ํšจ์œจ์ ์ด๋‹ค.

- ํŽ˜์ด์ง€๊ฐ€ ๋ฐ”๋€Œ๋ฉด ์ „์ฒด ํŽ˜์ด์ง€๋ฅผ ๋กœ๋”ฉํ•œ๋‹ค.

- ์„œ๋ฒ„ ๊ณผ๋ถ€ํ•˜๊ฐ€ ๊ฑธ๋ฆด ์ˆ˜ ์žˆ๋‹ค.

- TTV ,TTI ์‹œ์ฐจ ์ด์Šˆ ์กด์žฌ

   -> ์‚ฌ์šฉ์ž๊ฐ€์˜ view ์‹œ๊ฐ„๊ณผ interact ์‹œ๊ฐ„์˜ ๊ณต๋ฐฑ์ด ์žˆ๋‹ค.

 

ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(CSR)

- ์„œ๋ฒ„๊ฐ€ ์š”์ฒญ์„ ๋ฐ›์œผ๋ฉด HTML๊ณผ JS ๋ฐ˜ํ™˜, ํด๋ผ์ด์–ธํŠธ ์ชฝ์—์„œ ๋ Œ๋”๋ง

- ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ html , js ๋“ฑ์„ ๋ฐ›์•„์„œ ์ฒ˜๋ฆฌ

- ์ฒซ๋กœ๋”ฉ์ด ๋Š๋ฆฌ๋‹ค

- SEO๊ฐ€ ์ข‹์ง€ ์•Š๋‹ค