๐ป 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๋ผ๊ณ ํ๋ค. ์ธํฐ๋ท์ ์ด๋ฌํ ์ปดํจํฐ ๋คํธ.. ์ด์ 1 2 3 4 ยทยทยท 10 ๋ค์