๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฐ˜์‘ํ˜•

๐Ÿ’ป Deep Wide Programming

(79)
ELK STACK ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
HTTP ๊ธฐ๋ณธ (ํด๋ผ์ด์–ธํŠธ ์„œ๋ฒ„ ๊ตฌ์กฐ, Stateful, Stateless, ๋น„์—ฐ๊ฒฐ์„ฑ, HTTP ๋ฉ”์‹œ์ง€) ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
URI์™€ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„ ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (์ธํ„ฐ๋„ท ํ†ต์‹ , IP, TCP & UDP, PORT, DNS) ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
[React JS] ๋ฆฌ์•กํŠธ ๊ธฐ๋ณธ ํ•™์Šต ๋ฉ”๋ชจ 1. Node, npm, npx, git ์„ค์น˜ 1.node.js ์„ค์น˜(ํ™ˆํŽ˜์ด์ง€์—์„œ. ์„ค์น˜ํ™•์ธ : node -v / npm ์„ค์น˜ํ™•์ธ : npm -v) 2. ์ฝ˜์†”์—์„œ npm install npx -g (์„ค์น˜ํ™•์ธ: npx -v) 3. VSC ์„ค์น˜(๋‹ค๋ฅธ ์ฝ”๋“œ ์—๋””ํ„ฐ ์จ๋„ ๋จ) 4. git ์„ค์น˜(์„ค์น˜ ํ™•์ธ:์ฝ˜์†”์—์„œ git --version) ๋ฆฌ์•กํŠธ ์ปดํŒŒ์ผ create-react-app ๋ฆฌ์•กํŠธ์˜ ์ฝ”๋“œ๋Š” ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์—, ์ด๊ฒƒ์„ ์…‹์—…ํ•˜๊ธฐ ์œ„ํ•ด Web pack๊ณผ Babel์„ ๋‹ค์šด๋กœ๋“œ ํ•ด์•ผํ•˜๊ณ , ์ปดํŒŒ์ผ์„ ํ•˜๋Š” ๊ทธ๋Ÿฐ ๋ณต์žกํ•˜๊ณ  ๊ท€์ฐฎ์€ ์ž‘์—…์ด ํ•„์š”ํ–ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ, ์ด์ œ๋Š” create-react-app์ด๋ผ๋Š” ๊ฑธ ํ†ตํ•ด์„œ, ํ•˜๋‚˜์˜ ๋ช…๋ น์œผ๋กœ React Web app์„ Set upํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. 1. node js np..
๊ตฌ๊ธ€์„ ํ†ตํ•ด ์•Œ์•„๋ณด๋Š” ๊ฒ€์ƒ‰์—์„œ ์ •๋ณด๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ• How Google Works? ์ตœ๊ทผ ์›นํฌ๋กค๋Ÿฌ์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•˜๋ฉด์„œ, ์›น๋ธŒ๋ผ์šฐ์ €์—์„œ ๊ฒ€์ƒ‰์„ ํ•˜๊ณ  ๊ฒฐ๊ณผ๋ฌผ์„ ๋ฐ›์•„๋ณด๋˜ ์ต์ˆ™ํ•œ ์—ฌ์ •์— ๋Œ€ํ•ด ์ข€ ๋” ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค. ๊ฒ€์ƒ‰์˜ ๋Œ€๋ถ€ ๊ตฌ๊ธ€์„ ํ†ตํ•ด ์‚ดํŽด๋ณด๊ฒ ๋‹ค. Google์—์„œ ๊ฒ€์ƒ‰ํ•  ๋•Œ, ์šฐ๋ฆฌ๋Š” ์‹ค์ œ๋กœ ์›น์„ ๊ฒ€์ƒ‰ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋‹ค. ๊ตฌ๊ธ€์˜ ์›น index๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ๋‹ค์‹œ ๋งํ•ด, ๊ตฌ๊ธ€์€ ์ตœ๋Œ€ํ•œ ๋งŽ์€ ์›น์„ index๋กœ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•œ๋‹ค. ์ด ์ž‘์—…์„ ์œ„ํ•ด, ๊ตฌ๊ธ€์—์„œ๋Š” '์ŠคํŒŒ์ด๋”'๋ผ ๋ถ€๋ฅด๋Š” ์†Œํ”„ํŠธ์›จ์–ด๊ฐ€ ์ด ์ž‘์—…์„ ํ•œ๋‹ค. ์›น ํŽ˜์ด์ง€ ๋ช‡ ๊ฐœ๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘ํ•ด์„œ, ๊ทธ ํŽ˜์ด์ง€์— ์—ฐ๊ฒฐ๋œ ๋งํฌ๋ฅผ ๋”ฐ๋ผ๊ฐ„๋‹ค. ๊ทธ ๋งํฌ๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๋˜ ๋‹ค๋ฅธ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋“ค์„ ๋˜ ๊ฐ€์ ธ์˜ค๊ณ  ํ•˜๋Š” ๊ณผ์ •์„ ๋ฌดํ•œํžˆ ๋ฐ˜๋ณตํ•˜์—ฌ, ๊ตฌ๊ธ€์€ ์ˆ˜์ฒœ ๋Œ€์˜ ์ปดํ“จํ„ฐ์— ๊ฑฐ์ณ ์ˆ˜์‹ญ์–ต ํŽ˜์ด์ง€๋กœ ๋œ ๋ฐฉ๋Œ€ํ•œ ๊ทœ๋ชจ์˜ ์›น inde..
Django Admin ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ํ•˜๊ธฐ ๊ธฐ๋ณธ์ ์ธ ์žฅ๊ณ  ์–ด๋“œ๋ฏผ ์„ธํŒ…์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. [admin.py]์—์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์ค€๋‹ค. admin์„ imortํ•ด, admin.ModelAdmin์— ์ƒ์†์‹œํ‚จ๋‹ค. from django.contrib import admin from . import models @admin.register(models.User) class CustomUserAdmin(admin.ModelAdmin): """Custom User Admin""" pass ์—ฌ๊ธฐ์„œ ๊ธฐ์กด ์–ด๋“œ๋ฏผ์— ๋”ํ•ด ํ™•์žฅํ•˜๋ ค๋ฉด ๋‹ค์Œ์„ ์ถ”๊ฐ€ํ•œ๋‹ค. ๊ทธ๋ฆฌ๊ณ  CustomUserAdmin์„ UserAdmin์— ์ƒ์†์‹œํ‚จ๋‹ค. from django.contrib import admin from django.contrib.auth.admin import UserAdmin..
์š”์ฒญ(Request) ์‘๋‹ต(Response) ํ๋ฆ„ ๊ณผ์ • HTTP๋ž€? Hyper Text Transfer Protocol = ์ธํ„ฐ๋„ท์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ํ”„๋กœํ† ์ฝœ (ํ”„๋กœํ† ์ฝœ = ๊ทœ์น™/ ์ปดํ“จํ„ฐ๋ผ๋ฆฌ ์ •๋ณด๋ฅผ ์ฃผ๊ณ  ๋ฐ›๊ธฐ ์œ„ํ•œ ์•”ํ˜ธ-๋Œ€ํšจ์ ์ธ ํ”„๋กœํ† ์ฝœ: TCP, IP, HTTP, FTP ๋“ฑ) ๋ธŒ๋ผ์šฐ์ €๋ž€? ์›นํŽ˜์ด์ง€, ์ด๋ฏธ์ง€, ๋น„๋””์˜ค ๋“ฑ์˜ ์ฝ˜ํ…์ธ ๋ฅผ ์ˆ˜์‹ , ์ „์†ก ๋ฐ ํ‘œํ˜„ํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋‹ค. ํฌ๋กฌ, ์‚ฌํŒŒ๋ฆฌ, ์—ฃ์ง€, ํŒŒ์ด์–ดํญ์Šค ๋“ฑ์ด ๋ฐ”๋กœ ๋ธŒ๋ผ์šฐ์ €๋‹ค. ์ธํ„ฐ๋„ท์ด๋ž€? '์ปดํ“จํ„ฐ๋“ค์ด ์—ฐ๊ฒฐ๋œ ํ†ต์‹ ๋ง'์ด๋‹ค. ํ•˜๋‚˜ ์ด์ƒ์˜ ์ปดํ“จํ„ฐ๊ฐ€ ํ†ต์‹ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ƒํ˜ธ๊ฐ„์˜ '์—ฐ๊ฒฐ'์ด ํ•„์š”ํ•˜๋‹ค. ์ด๋ ‡๊ฒŒ ์ „ ์„ธ๊ณ„ ์ปดํ“จํ„ฐ๋“ค์„ ํ•˜๋‚˜๋กœ ์—ฐ๊ฒฐํ•˜๋Š” ๊ฑฐ๋Œ€ํ•œ ๋„คํŠธ์›Œํฌ๊ฐ€ ๊ณง ์ธํ„ฐ๋„ท์ด๋‹ค. ์—ฌ๋Ÿฌ ์ปดํ“จํ„ฐ๊ฐ€ ๊ฐ๊ฐ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๋กœ ์„œ๋กœ ์—ฐ๊ฒฐ๋˜์–ด ๊ตฌ์„ฑ๋œ ๋ง์„ Computer Network๋ผ๊ณ  ํ•œ๋‹ค. ์ธํ„ฐ๋„ท์€ ์ด๋Ÿฌํ•œ ์ปดํ“จํ„ฐ ๋„คํŠธ..

728x90
๋ฐ˜์‘ํ˜•