๋ชฉ๋กweb (18)

๐Ÿ’œ๊ฐœ๋ฐœ๊ณผ ์ผ์ƒ (โ‰ง∇โ‰ฆ)๏พ‰

IT ๋‚ด Infra ๊ฐœ๋… ์ •๋ฆฝํ•˜๊ธฐ

Infra ํ•ด๋‹น ์ง๋ฌด๋Š” ๋„คํŠธ์›Œํฌ, ๋ฏธ๋“ค์›จ์–ด, ์šด์˜์ฒด์ œ, ํ•˜๋“œ์›จ์–ด ์ด๋ ‡๊ฒŒ ๋‹ค๋ฃฌ๋‹ค 1. ๋„คํŠธ์›Œํฌ ๋„คํŠธ์›Œํฌ์—์„œ๋Š” ์—ฌ๋Ÿฌ ์žฅ๋น„๋ฅผ ์‹๋ณ„ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋„คํŠธ์›Œํฌ ์ฃผ์†Œ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. IPv4 VS IPv6 IP ์ฃผ์†Œ : ๋””๋ฐ”์ด์Šค์˜ ์ฃผ์†Œ IPv4 :12์ž๋ฆฌ์˜ 10์ง„์ˆ˜ ์ˆซ์ž๋ฅผ ๋ฐฐ์—ด๋กœ ip์ฃผ์†Œ๋ฅผ ๋งŒ๋“ค๊ฒŒ ์„ค๊ณ„ -> ์•ฝ 40์–ต๊ฐœ ์ฃผ์†Œ ์กด์žฌ ๊ฐ€๋Šฅ IPv6 : ๋”์ด์ƒ IPv4๋ฅผ ํ™œ์šฉํ•ด์„œ Ip์ฃผ์†Œ๋ฅผ ๋งŒ๋“ค๊ธฐ์—๋Š” ํ•œ๊ณ„๊ฐ€ ์ƒ๊ฒจ๋ฒ„๋ ธ๋‹ค! ๊ทธ๋ž˜์„œ 128๋น„ํŠธ์˜ IP์ฃผ์†Œ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์„ค๊ณ„๋‹ค. 2. ๋ฏธ๋“ค์›จ์–ด ์šด์˜์ฒด์ œ์™€ ๋น„์ฆˆ๋‹ˆ์Šค๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ค‘๊ฐ„์—์„œ ๋„์›€์„ ์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด. Web Server ํด๋ผ์ด์–ธํŠธ๊ฐ€ ๋ณด๋‚ธ HTTP ์š”์ฒ˜์„ ๋ฐ›์•„ ์›น ํŽ˜์ด์ง€์—์„œ ์‘๋‹ต์„ ํ•ด์ฃผ๊ฑฐ๋‚˜, ์„œ๋ฒ„์ชฝ์— ์„œ๋น„์Šค ๋ฉ”์„ธ์ง€๋ฅผ ํ˜ธ์ถœํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ด์ฃผ๋Š” ์„œ๋ฒ„๋ฅผ ๋œปํ•œ๋‹ค ex) Apa..

web/server 2022. 8. 30. 17:58
[Github] repository๋ฅผ private๋กœ ๋ฐ”๊พธ๊ธฐ

๊ฐœ๋ฐœ์„ ํ•˜๋‹ค ๋ณด๋‹ˆ๊นŒ ๋ฐ์ดํ„ฐ์…‹๋„ ๊ฐ™์ด ๋ ˆํฌ์— ์ €์žฅํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์‚ฌ์‹ค git์— ๋ฐ์ดํ„ฐ์…‹๊นŒ์ง€ ๊ฐ™์ด ๋„ฃ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋ณ„๋กœ ์—†์ง€๋งŒ ์šฐ๋ฆฌ ํŒ€์€ ๊ฐœ์ธ์ด ๋งŒ๋“  ๋ฐ์ดํ„ฐ์…‹๋„ ์žˆ์–ด์„œ ์„œ๋กœ ๊ณต์œ ํ•ด์•ผ ํ•  ์ƒํ™ฉ์ด ์ƒ๊ฒผ๋‹ค. ๊ทธ๋Ÿฌ๋‹ค๋ณด๋‹ˆ๊นŒ ํ•ด๋‹น ๋ฐ์ดํ„ฐ์…‹์ด ์™ธ๋ถ€์— ์œ ์ถœ๋˜๋ฉด ๊ณค๋ž€ํ•œ ์ƒํ™ฉ์ด ๋˜์—ˆ์Œ.. ์ด๋ ‡๊ฒŒ ๋งํ•˜๋‹ˆ๊นŒ ๊ฑฐ์ฐฝํ•œ๋ฐ ๊ทธ๋ƒฅ ์šฐ๋ฆฌ ์–ผ๊ตด ๋ฐ์ดํ„ฐ๊ฐ€ public ๋˜์–ด์žˆ๋Š”๊ฒŒ ์ข€ ๋ถ€๋‹ด์ด๋ผ Github์— ์žˆ๋Š” repository๋ฅผ pulbic์—์„œ private๋กœ ๋ฐ”๊พธ๊ธฐ๋กœ ํ–ˆ๋‹ค. ์ƒ๊ฐ๋ณด๋‹ค ๊ฐ„๋‹จํ•˜๋‹ค. ๋จผ์ € ๋ฐ”๊พธ๊ณ  ์‹ถ์€ repo์˜ settings์— ๋“ค์–ด๊ฐ„๋‹ค. ์ดํ›„ ๋‚˜์˜ค๋Š” ํŽ˜์ด์ง€์— ๋งจ ํ•˜๋‹จ์œผ๋กœ ๊ฐ€๋ณด๋ฉด Danzer Zone์ด ์žˆ๋‹ค. Change visibillty ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์ž. pulbic์œผ๋กœ ๋ฐ”๊ฟ€์ง€ private์œผ๋กœ ๋ฐ”๊ฟ€ ์ง€ ์„ ํƒ ํ›„ ํ•˜๋‹จ ์ž…๋ ฅ ์ฐฝ์— ..

web/git 2022. 8. 20. 17:00
[Pycharm] ์™ธ๋ถ€ ์„œ๋ฒ„์™€ ์—ฐ๊ฒฐํ•˜์—ฌ ์›๊ฒฉ์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด๋ณด์ž

์—ฐ๊ตฌ์‹ค ์„œ๋ฒ„์— ๋‚ด ์ปจํ…Œ์ด๋„ˆ๊ฐ€ ํ•˜๋‚˜ ์žˆ๋‹ค ๋‚ด ๋ฐ์Šคํฌํƒ‘์œผ๋กœ ํ•™์Šต์„ ์ง„ํ–‰ํ•ด๋„ ๋˜์ง€๋งŒ... ๋‚ด ์ปดํ“จํ„ฐ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ํ•™์Šต์‹œํ‚ค๊ธฐ์—๋Š” ์„ฑ๋Šฅ์ด ์ข‹์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ์—ฐ๊ตฌ์‹ค ์„œ๋ฒ„์—์„œ ์ฝ”๋“œ๋ฅผ ๋Œ๋ ค๋ณด๋Š” ์ž‘์—…์„ ํ•ด๋ณด๊ฒ ๋‹ค ๊ทธ๋Ÿฌ๋ฏ€๋กœ, ์™ธ๋ถ€ ์„œ๋ฒ„์™€ ์›๊ฒฉ์œผ๋กœ ์—ฐ๊ฒฐํ•˜์—ฌ Pycharm์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š” IDE ํ™˜๊ฒฝ์„ ์„ธํŒ…ํ•ด๋ณด์ž 1. ๋จผ์ € pycharm ์„ค์น˜๋ฅผ ํ•˜์ž ์ž์‹ ์ด ํ•™๋ถ€์ƒ์ด๋ผ๋ฉด ํ•™๊ต ๋ฉ”์ผ์„ ์‚ฌ์šฉํ•˜์—ฌ pycharm educational license๋ฅผ ๊ฐ€์ง€๊ณ  ์„ค์น˜๋ฅผ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๊ฑด ํ•™๊ต๋งˆ๋‹ค ํšŒ์‚ฌ๋งˆ๋‹ค ๋‹ค๋ฅด๊ธฐ๋•Œ๋ฌธ์— ์ฒดํฌ๋ฅผ ํ•ด๋ณด๋„๋ก! https://www.jetbrains.com/ko-kr/community/education/#students ๋ฌด๋ฃŒ ๊ต์œก์šฉ ๋ผ์ด์„ ์Šค | ์ปค๋ฎค๋‹ˆํ‹ฐ ์ง€์› www.jetbrains.com ํ•ด๋‹น ๋งํฌ๋ฅผ ..

web/server 2022. 8. 20. 15:26
React Native ๋ž€?

์ด๋ฒˆ์— ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ํ”„๋กœ์ ํŠธ 2๊ฐœ์— ์ฐธ์—ฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‘ ์•ฑ ๊ฐœ๋ฐœ์— ์‚ฌ์šฉํ•  react native์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ณ  ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•˜๋ ค๊ณ  ํ•œ๋‹ค. ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ - ํŽ˜์ด์Šค๋ถ์—์„œ ๊ณต๊ฐœํ•œ ์˜คํ”ˆ์†Œ์Šค - ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“œ๋Š” ๋ฆฌ์•กํŠธ ๊ธฐ๋ฐ˜ - iOS์™€ ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ ๋™์ž‘ํ•˜๋Š” ๋„ค์ดํ‹ฐ๋ธŒ ๋ชจ๋ฐ”์ผ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋ ˆ์ž„์›Œํฌ ex) ํŽ˜์ด์Šค๋ถ, ์ธ์Šคํƒ€๊ทธ๋žจ, ํ•€ํ„ฐ๋ ˆ์ŠคํŠธ๊ฐ€ ์ด๊ฒƒ์œผ๋กœ ๊ฐœ๋ฐœ ์žฅ์  - ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ์ต์ˆ™ํ•œ ๊ธฐ์ˆ (๋ฆฌ์•กํŠธ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ)์„ ์ด์šฉํ•˜์—ฌ ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ์„ ํ•  ์ˆ˜ ์žˆ์Œ - ํฌ๋กœ์Šค ํ”Œ๋žซํผ ํ”„๋ ˆ์ž„์›Œํฌ : ๋Œ€๋ถ€๋ถ„์˜ ์ฝ”๋“œ๊ฐ€ ํ”Œ๋žซํผ ๊ฐ„ ๊ณต์œ ๊ฐ€ ๊ฐ€๋Šฅํ•ด์„œ iOS์™€ ์•ˆ๋“œ๋กœ์ด๋“œ๋ฅผ ๋™์‹œ์— ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์Œ - Fast Refresh ๊ธฐ๋Šฅ: ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋น„๋Š” ๋ณ€๊ฒฝ๋œ ์ฝ”๋“œ๋ฅผ ์ €์žฅํ•˜๊ธฐ๋งŒ ํ•ด๋„ ์ž๋™์œผ๋กœ ๋ณ€๊ฒฝ๋œ ๋‚ด์šฉ์ด..

web/Node.js Express 2022. 8. 10. 12:39
[html5&css3] 3. ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ

ํ”„๋กœ๊ทธ๋žจ์€ ์‚ฌ๋žŒ์ด ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„๊ณผ ์•„๋‹Œ ๋ถ€๋ถ„์ด ์žˆ๋‹ค. html์€ ์‹œ๊ฐ์ ์ธ ๋ถ€๋ถ„์„ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„๊ณผ ์•„๋‹Œ ๋ถ€๋ถ„์„ ๊ตฌ๋ณ„ํ•˜๋Š”๋ฐ, ์ด๋•Œ ๋ณด์—ฌ์ง€๋Š” ๋ถ€๋ถ„์€ body์ด๊ณ  ๋ณด์—ฌ์ค„ ํ•„์š”๊ฐ€ ์—†๋Š” ๋ถ€๋ถ„์€ head๋ผ๊ณ  ํ•œ๋‹ค. ๋ฌผ๋ก  ์›น ๋ธŒ๋ผ์šฐ์ €๊ฐ€ body head์— ๋Œ€ํ•œ ์ฝ”๋“œ ๊ตฌ๋ณ„์ด ๊ฐ€๋Šฅํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์•Œ์•„์„œ ์ธ์‹ํ•˜๊ธฐ๋„ ํ•˜๋‹ค. 1. ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ 1) head ํƒœ๊ทธ ํ•ด๋‹น ํŽ˜์ด์ง€์˜ ํƒ€์ดํ‹€์„ ์„ค์ •ํ•  ๊ฒฝ์šฐ head์— ์ €์žฅํ•œ๋‹ค. ์ œ๋ชฉ 2) body ํƒœ๊ทธ ์ง์ ‘์ ์œผ๋กœ ํ™”๋ฉด์— ์ถœ๋ ฅ๋˜๋Š” ๋ถ€๋ถ„์„ bodyํƒœ๊ทธ ๋‚ด๋ถ€์— ๋„ฃ๋Š”๋‹ค. ์ด ํŒŒ์ผ์ด html์œผ๋กœ ์ž‘์„ฑ๋œ ํŒŒ์ผ์ž„์„ ์•Œ๋ ค์ฃผ๋Š” ํƒœ๊ทธ์ด๋‹ค. ์ฃผ์„์„ ๋‹ฌ๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ์ด๋‹ค.

web 2020. 8. 15. 16:44