728x90 ์ ์ฒด ๊ธ148 [graph] ์ธ์ ๋ฆฌ์คํธ๋ก ๋ฐฉํฅ ๊ทธ๋ํ ๊ตฌํํ๊ธฐ โ ์ ์ ์ ๊ฐ์ n๊ฐ , ๋ชจ์๋ฆฌ์ ๊ฐ์ m๊ฐ โ ์์ ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ ๊ตฌํํ ๊ฒ์๊ธ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ๋ฆฌ์คํธ์ ๊ฐ ๋ ธ๋๋ ์ ์ ์ ์ ์ฅํ๋ ํ๋์ ๋ค์ ์ธ์ ์ ์ ์ ์ฐ๊ฒฐํ๋ ๋งํฌ ํ๋๋ก ๊ตฌ์ฑ๋๋ค. ์ ์ i์ ์ง์ถ ์ฐจ์ = i์ ๋ ธ๋์ ์ ex) ์ ์ 2์ ์ง์ถ ์ฐจ์ = 2 JAVA ์๋ฃ๊ตฌ์กฐ ๊ตฌํ ์ฝ๋ import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Arrays; import java.util.Comparator; import java.util.StringTokenizer; class Node { int vertex; //์ ์ Node link; //๋ค์ ์ฐ๊ฒฐ๋์ด ์๋.. 2023. 3. 4. [graph] ์ธ์ ๋ฆฌ์คํธ๋ก ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ ๊ตฌํํ๊ธฐ โ ์ ์ ์ ๊ฐ์ n๊ฐ , ๋ชจ์๋ฆฌ์ ๊ฐ์ m๊ฐ โ ๊ฐ ์ ์ ์ ๋ํ ์ธ์ ์ ์ ๋ค์ ์ฐ๊ฒฐ ๋ฆฌ์คํธ๋ก ๋ง๋๋ ๊ฒ ๋ฆฌ์คํธ์ ๊ฐ ๋ ธ๋๋ ์ ์ ์ ์ ์ฅํ๋ ํ๋์ ๋ค์ ์ธ์ ์ ์ ์ ์ฐ๊ฒฐํ๋ ๋งํฌ ํ๋๋ก ๊ตฌ์ฑ๋๋ค. ์ด๋ค ์ ์ ์ ์ฐ๊ฒฐ ๋ฆฌ์คํธ๋ ๊ทธ ์ ์ ์ ์ธ์ ํ ์ ์ ์ ์(= ์ ์ ์ ์ฐจ์)๋งํผ ๋ ธ๋๊ฐ ์ฐ๊ฒฐ๋์ด ์๋ค. ์ ์ i์ ์ฐจ์ = i์ ์ฐ๊ฒฐ๋์ด ์๋ ๋ ธ๋ ์ ex) ์ ์ 2์ ์ฐจ์ = 3 JAVA ์๋ฃ๊ตฌ์กฐ ๊ตฌํ ์ฝ๋ import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.Arrays; import java.util.Comparator; import java.util.StringTo.. 2023. 3. 4. [graph] ์ธ์ ๋ฐฐ์ด๋ก ๋ฐฉํฅ ๊ทธ๋ํ ๊ตฌํํ๊ธฐ โ ์ ์ ์ ๊ฐ์ n๊ฐ , ๋ชจ์๋ฆฌ์ ๊ฐ์ m๊ฐ โ ์์ ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ๋ฅผ ๊ตฌํํ ๊ฒ์๊ธ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก n X n ์ด์ฐจ์ ๋ฐฐ์ด(์ ์ ์ ์์ ๋ํ ์ ๋ฐฉํ๋ ฌ)์ ์ฌ์ฉํ์ฌ ๋ ์ ์ ์ฌ์ด์ ๊ฐ์ ์ด ์กด์ฌํ๋ฉด 1, ์กด์ฌํ์ง ์์ผ๋ฉด 0์ผ๋ก ์ ์ฅํ๋ค. ํ๋ ฌ์ ๋๊ฐ์ ๊ฐ์ ํญ์ 0์ด๋ค. ๊ทธ๋ฌ๋ ≠ ์ด๋ฏ๋ก ๋์นญ์ ์ด๋ฃจ์ง๋ ์๋๋ค. ํ i์ ํฉ = ์ ์ i์ ์ง์ถ ์ฐจ์ ์ด i์ ํฉ = ์ ์ i์ ์ง์ ์ฐจ์ ex) ์ ์ 2์ ์ง์ถ ์ฐจ์ = 0 + 0 + 1 + 1 = 2 ์ ์ 2์ ์ง์ ์ฐจ์ = 1 + 0 + 0 + 0 = 1 JAVA ๊ตฌํ ์ฝ๋ import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java... 2023. 3. 4. [graph] ์ธ์ ๋ฐฐ์ด๋ก ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ ๊ตฌํํ๊ธฐ โ ์ ์ ์ ๊ฐ์ n๊ฐ , ๋ชจ์๋ฆฌ์ ๊ฐ์ m๊ฐ โ ๊ทธ๋ํ๋ฅผ ๊ตฌ์ฑํ๋ ์ ์ ์ ๋ํด์ ๋ ์ ์ ์ ์ฐ๊ฒฐํ๋ ๊ฐ์ ์ ์ ๋ฌด๋ฅผ ์ ์ฅํ๋ ๋ฐฉ๋ฒ n X n ์ด์ฐจ์ ๋ฐฐ์ด(์ ์ ์ ์์ ๋ํ ์ ๋ฐฉํ๋ ฌ)์ ์ฌ์ฉํ์ฌ ๋ ์ ์ ์ฌ์ด์ ๊ฐ์ ์ด ์กด์ฌํ๋ฉด 1, ์กด์ฌํ์ง ์์ผ๋ฉด 0์ผ๋ก ์ ์ฅํ๋ค. ์ด๋, ํ๋์ ์ ์ ์์ ์๊ธฐ ์์ ์ผ๋ก ๊ฐ์ (=์์ฒด ๊ฐ์ )์ ์กด์ฌํ ์ ์์ผ๋ฏ๋ก ํ๋ ฌ์ ๋๊ฐ์ ๊ฐ์ ํญ์ 0 ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ์ ๊ฒฝ์ฐ ํ๋ ฌ์ (i, j)์ (j,i)์ ๊ฐ์ด ๊ฐ์ผ๋ฏ๋ก ๋๊ฐ์ ์ ์ค์ฌ์ผ๋ก ๋์นญ์ ์ด๋ฃฌ๋ค. ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ์์ ํ i์ ํฉ = ์ด i์ ํฉ = ์ ์ i์ ์ฐจ์ ex) ์ ์ 2์ ์ฐจ์ = 2ํ์ ํฉ(=1+0+1+1) = 2์ด์ ํฉ(=1+0+1+1) = 3 JAVA๋ก ๊ตฌํํ ์ฝ๋ import java.io.BufferedReader;.. 2023. 3. 4. [graph] ๊ธฐ๋ณธ ๊ฐ๋ ์ ๋ฆฌ 1. ๊ทธ๋ํ G = (V, E) V(vertex) ์ ์ : ์ฐ๊ฒฐํ ๊ฐ์ฒด๋ฅผ ๋ํ๋ด๋ ๊ฒ E(edge) ๋ชจ์๋ฆฌ : ํ์์ ์ ์ ์ ์ด์ ๊ฒ graph๋? ์ฐ๊ฒฐ๋์ด์๋ ์์๊ฐ์ ๊ด๊ณ๋ฅผ ํํํ ์๋ฃ๊ตฌ์กฐ ์ฆ, ์ ์ ๊ณผ ๊ฐ์ ์ ์งํฉ 2. ๊ทธ๋ํ์ ์ข ๋ฅ ์ข ๋ฅ ์ค๋ช ๋ฌด๋ฐฉํฅ ๊ทธ๋ํ(undirected graph) ๊ฐ์ ์ ๋ฐฉํฅ์ด ์๋ ๊ทธ๋ํ ์์์ ๋ชจ์๋ฆฌ (x, y)∈E ์ด๋ฉด (y, x)∈E ๋ฅผ ๋ง์กฑํ๋ค. ์ฆ, (x, y)์ (y, x)๋ ๊ฐ์ ๊ฐ์ ์ ๋ํ๋ธ๋ค. ๋ฐฉํฅ ๊ทธ๋ํ(directed graph) = ๋ค์ด๊ทธ๋ํ(digraph) ๊ฐ์ ์ ๋ฐฉํฅ์ด ์๋ ๊ทธ๋ํ = i → j = ๋ก ํํ ์์์ ๋ชจ์๋ฆฌ (x, y)∈E ์ด๋ฉด (y, x)∈E ๋ฅผ ๋ง์กฑํ์ง ์๋๋ค. ์์ ๊ทธ๋ํ(complete graph) ํ ์ ์ ์์ ๋ค๋ฅธ ๋ชจ๋ ์ ์ .. 2023. 3. 3. [GitHub] ํ๋กํ ๋ฑ์ง icon https://simpleicons.org Simple Icons 2437 Free SVG icons for popular brands simpleicons.org ๋ฑ์ง https://shields.io Shields.io: Quality metadata badges for open source projects Love Shields? Please consider donating to sustain our activitiesYour BadgeStaticUsing dash "-" separator/badge/ - - Dashes --→- DashUnderscores __→_ Underscore_ or Space → SpaceUsing query string parameters/static/v1?l.. 2023. 2. 28. [CSS] ๊ธ์ ๊ด๋ จ CSS ์ ๋ฆฌ ํฐํธ : ๊ตฌ๊ธ ์น ํฐํธ(https://soo-note.tistory.com/3) ์ ๋ฆฌ 1. ๊ธ์์ ํ๊ทธ { color: ์ํ๋ ์์; } 2. ๊ตต๊ธฐ ํ๊ทธ { font-weight: ์์ฑ; } ์์ฑ ์๋ฏธ normal ๋ณดํต = 400 bold ๊ตต์ ๊ตต๊ธฐ = 700 lighter ์์๋ ๊ฐ๋ณด๋ค ์์ ๊ตต๊ธฐ bolder ์์๋ ๊ฐ๋ณด๋ค ๊ตต์ ๊ตต๊ธฐ number 100, 200, 300, 400, 500, 600, 700, 800, 900 initial ๊ธฐ๋ณธ๊ฐ์ผ๋ก ์ค์ inherit ๋ถ๋ชจ ์์์ ๊ฐ์ ์์ 3. ๊ธฐ์ธ์ ํ๊ทธ { font-style: ์์ฑ; } ์์ฑ ์๋ฏธ normal ๋ณดํต italic ๊ธฐ์ธ์๊ผด(ํ๋ ค์ด ์์ฒด) oblique ๊ธฐ์ธ์๊ผด(๊ธ์๋ฅผ ๊ธฐ์ธ์ธ ๊ฒ) initial ๊ธฐ๋ณธ๊ฐ inherit ๋ถ๋ชจ ์์์ ๊ฐ์ .. 2023. 2. 16. [AWS] server(port forwarding, ๊ตฌ๋) ๊ด๋ จ ์ ๋ฆฌ 1. Port Forwarding sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 5000 ec2 ์๋ฒ์ ์ ์ํ ํฐ๋ฏธ๋์ ์์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๋ค. โ ํฌํธํฌ์๋ฉ ํ๋ ์ด์ โ ์์์ ๋ง๋ ์๋ฒ๋ flask๋ฅผ ์ด์ฉํด ๋ง๋ ์๋ฒ๋ก 5000๋ฒ ํฌํธ๋ฅผ ์ฌ์ฉํ์ฌ http://๋ดAWS์์ดํผ:5000/๋ก ์คํํ๋ค. ์ฆ, ๋งค๋ฒ ip์ฃผ์์ :5000/์ ๋ถ์ฌ์ค์ผ ์คํ์ด ๊ฐ๋ฅํ๋ค. ๊ทธ๋ฌ๋ HTTP์ ๊ธฐ๋ณธ ํฌํธ์ธ 80๋ฒ ํฌํธ๋ ์ฐ์ง์์๋ ์๋์ผ๋ก ์ฐ๊ฒฐ๋๋ค. ๊ทธ๋์ 80๋ฒ ํฌํธ๋ก ๋ค์ด์ค๋ 5000๋ฒ ํฌํธ๋ก ๋ณด๋ด๋๋ก ์ค์ ํ์ฌ http://๋ดAWS์์ดํผ/ ๋ก ์คํํ ์ ์๋๋ก ํ๋ค. 2. nohup nohup python app... 2023. 2. 16. [AWS] EC2 ์๋ฒ์ MongoDB ์ฐ๊ฒฐํ๊ธฐ โป Mac OS ์ฌ์ฉ โป 1. ์ค์นํ๊ธฐ ํฐ๋ฏธ๋๋ก ec2์๋ฒ์ ์ ์ ํ wget -qO - https://www.mongodb.org/static/pgp/server-4.2.asc | sudo apt-key add - echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu bionic/mongodb-org/4.2 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.2.list sudo apt-get update sudo apt-get install -y mongodb-org 2. ์คํํ๊ธฐ sudo service mongod start 3. ๊ณ์ ์์ฑํ๊ธฐ mongo mongoDB ์์ ๋ค.. 2023. 2. 15. [AWS] EC2 ์๋ฒ์์ flask ์๋ฒ ์คํํ๊ธฐ โป Mac OS ์ฌ์ฉ โป 1. ํฐ๋ฏธ๋๋ก ec2 ์๋ฒ ์ ์ํ ํ sudo apt-get update sudo apt-get install -y python3-pip ์์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ์ฌ pip ๋ช ๋ น์ด๋ฅผ ์ค์น 2. pip3 ๋์ pip ๋ช ๋ น์ด ์ฌ์ฉ์ ์ํด sudo update-alternatives --install /usr/bin/pip pip /usr/bin/pip3 1 3. ์๋ฒ์ flask ์ค์น pip install flask 4. ec2 ์๋ฒ์ 5000๋ฒ ํฌํธ ์ด์ด์ฃผ๊ธฐ aws ์ฌ์ดํธ์ ๋ก๊ทธ์ธํ๊ณ 5. ์คํํด๋ณด๊ธฐ ํฐ๋ฏธ๋์์ ์๋ฒ๋ฅผ ์คํํ ํ! chrome์ http://๋ดAWS์์ดํผ:5000/ ๋ฅผ ์ ๋ ฅํด๋ณธ๋ค. 2023. 2. 15. [AWS] EC2 ์ ์ํ๊ธฐ https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/concepts.html Amazon EC2์ด๋ ๋ฌด์์ ๋๊น? - Amazon Elastic Compute Cloud ์ด ํ์ด์ง์ ์์ ์ด ํ์ํ๋ค๋ ์ ์ ์๋ ค ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ค๋ง์์ผ ๋๋ ค ์ฃ์กํฉ๋๋ค. ์ ๊น ์๊ฐ์ ๋ด์ด ์ค๋ช ์๋ฅผ ํฅ์์ํฌ ์ ์๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ง์ํด ์ฃผ์ญ์์ค. docs.aws.amazon.com โป Mac OS ์ฌ์ฉ โป โ ์ ์ ์์ โ 1. ์ธ์คํด์ค ์์ฑ์ ๋ฐ์ keypair์ ๊ถํ ๋ฐ๊ฟ์ฃผ๊ธฐ sudo chmod 400 ๋ฐ์ํคํ์ด๋ฅผ๋์ด๋ค๋๊ธฐ sudo ๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ์คํ chmod ๊ถํ์ ๋ณ๊ฒฝํ๋ ์ ๋ช ๋ น์ด 400 ๋/๊ทธ๋ฃน/์ ์ฒด = 4/0/0 = ๋๋ง ์ฝ์ ์ ์๋๋ก ํ๋ค. (์ฐธ๊ณ ) .. 2023. 2. 15. [Python] flask๋ฅผ ์ด์ฉํ ์๋ฒ ๊ตฌ๋ ๊ธฐ๋ณธ ์ ๋ฆฌ 1. ํจํค์ง ์ค์น ๊ฐ์ํ๊ฒฝ์ ์ธํ ํ ํ python interpreter์ pip install flask ์ ๋ ฅํ์ฌ ์ค์น 2. ํด๋ ๊ตฌ์กฐ ํด๋๋ช ์ค๋ช .venv ๊ฐ์ํ๊ฒฝ ์ค์ ํด๋(๊ฑด๋ค์ง ์๋๋ค.) static html์ ์ ์ธํ css๊ด๋ จ ์ด๋ฏธ์ง ๋ฑ์ ํ์ผ๋ค์ ๋ด์๋๋ ํด๋ templates html ํ์ผ๋ค์ ๋ด์๋๋ ํด๋(app.py ํด๋์ render_template ๋ฅผ importํ์ฌ ์ฌ์ฉ) app.py flask ์๋ฒ๋ฅผ ๋๋ฆฌ๋ ํ์ผ 3. app.py ๊ธฐ๋ณธ ์ฝ๋ -- ์๋ฒ์ฝ๋ from flask import Flask, jsonify,render_template app = Flask(__name__) @app.route('/') def home(): return render_template('tes.. 2023. 2. 14. [Javascript] Ajax ๊ธฐ๋ณธ ์ ๋ฆฌ 1. Ajax ๊ธฐ๋ณธ ๊ณจ๊ฒฉ $.ajax({ type: "ํ์ ", url: "URL", data: {}, success: function(response){ ์คํํ ๋ด์ฉ } }) ํํ ์ค๋ช type GET, POST ๋ ์ค ํ๋์ ๋ฐฉ์์ผ๋ก ์์ฒญ url ์์ฒญํ API URL ์ ๋ ฅ data ์์ฒญํ๋ฉด์ ์ค ๋ฐ์ดํฐ(GET ์์ฒญ์์๋ ๋น์๋๋ค.) success ์ฑ๊ณตํ๋ฉด ์๋ฒ์์ ์ค ์๋ต๊ฒฐ๊ณผ๋ฅผ response๋ด๊ณ ํ์ฉํ๋ค. 2. Type GET ์ผ๋ฐ์ ์ผ๋ก Read ํ ๋ ์ฌ์ฉ URL ๋ค์ ? ๋ฅผ ๋ถ์ฌ key=value๋ก ์ ๋ฌ POST ์ผ๋ฐ์ ์ผ๋ก Create, Update, Delete ํ ๋ ์ฌ์ฉ 3. ๊ธฐ๋ณธ ์ฝ๋ ๋ฒํผ1 2023. 2. 14. [Python] pymongo๋ฅผ ์ด์ฉํ์ฌ mongoDB ์ฌ์ฉํด๋ณด๊ธฐ 1. pymongo ์ค์นํ๊ธฐ VS Code ํฐ๋ฏธ๋์ pip install pymongo ์ ๋ ฅํ์ฌ ์ค์น 2. MongoDB ์ค์นํ๊ธฐ Mac OS๋ฅผ ์ฌ์ฉํ์ฌ homebrew๋ก ์ค์น ํฐ๋ฏธ๋์์ 1) brew tap mongodb/brew 2) brew install mongodb-community ์ ๋ ฅํ์ฌ ์ค์นํ๋ค. ์ค์น๊ฐ ์ ๋๋ก ์๋ฃ๋์๋ค๋ฉด 1) brew services start mongodb-community ๋ช ๋ น์ด ์คํ 2) http://localhost:27017 ์ ์ ์ํ์ฌ ์ฐ๊ฒฐ๋์๋์ง ํ์ธํ๋ค. โป Studio 3T : mongoDB๋ฅผ GUI๋ก ๋ณด๊ธฐ 3. ๊ธฐ๋ณธ ๋์ from pymongo import MongoClient # mongoDB๋ 27017 ํฌํธ์ฌ์ฉ client = MongoClient.. 2023. 2. 14. [Javascript] jQuery ๊ธฐ๋ณธ ๊ฐ๋ ์ ๋ฆฌ โป ๊ณต๋ถ๋ฅผ ์ํ ์ ๋ฆฌ โป 1. jQuery๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ธ์ด๋ฅผ ๊ฐํธํ๊ฒ ์ฌ์ฉํ ์ ์๋๋ก ๋จ์ํ์ํจ ์คํ ์์ค ๊ธฐ๋ฐ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฐธ๊ณ : https://ko.wikipedia.org/wiki/JQuery 2. CDN ํธ์คํธ ์ฌ์ฉํ๊ธฐ ์ด๋ ์จ๋ผ์ธ ์์ ํ์ผ์ ์ฌ์ฉํ๊ธฐ ์ํ ๊ฒ์ผ๋ก ํ๊ทธ ์ฌ์ด์ ์์ ์ฝ๋๋ฅผ ์ฝ์ ํ๋ค. src์ ์๋ url์ slim์ด ํฌํจ๋์ด์๊ณ integrity ์์ฑ์ด ํฌํจ๋์ด ์์ ๋๋ ์๋๋ฐ ๋ณธ์ธ๊ฐ์ ๊ฒฝ์ฐ ์คํ์ด ๋์ง ์์ ์ญ์ ํ๋ค. โป crossorigin ์์ฑ์ด ๊ถ๊ธํด์ ์ฐพ์๋ดค๋๋ฐ ๋ณด์๊ณผ ๊ด๋ จ๋ ๊ฒ๊ฐ๋ค.(์ฐธ๊ณ : https://taegon.kim/archives/6804) โป 3. ๊ธฐ๋ณธ ํํ $(์ ํ์).๋์ํจ์(); 4. ์์ฃผ ์ฌ์ฉํ๋ jQuery input ๋ฐ์ค ๊ฐ .. 2023. 2. 13. [Javascript] ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ๋ณธ ๋ฌธ๋ฒ ์ ๋ฆฌ 1. ๋ณ์ ์ ์ธ : ์ ์ธํ ๋ณ์๋ช ์์ let ์ฐ๊ธฐ! let val = 1 //๋ฆฌ์คํธ let list = [] //๋์ ๋๋ฆฌ let dic = {key:value} 2. ํจ์ ์ ์ธ function function_name(parameter) { ์คํํ ๋ช ๋ น์ด } 3. ์ถ๋ ฅ // ์ฝ์์ฐฝ์ ์ถ๋ ฅํ๊ธฐ console.log('Hello World!'); // ํ๋ฉด์ ์ถ๋ ฅํ๊ธฐ alert('Hello World!'); 2023. 2. 13. [CSS] ์ฌ๋ฐฑ(margin/padding) ๊ธฐ๋ณธ ๊ฐ๋ ์ ๋ฆฌ ์ฐธ๊ณ ์ฌ์ดํธ : https://ofcourse.kr/css-course/margin-padding-์์ฑ CSS margin,padding ์์ฑ - ofcourse ๊ฐ์ margin๊ณผ padding ์์ฑ์ ๊ฐ๊ฐ ๋ฐ๊นฅ์ชฝ ์ฌ๋ฐฑ, ์์ชฝ ์ฌ๋ฐฑ์ ์๋ฏธํฉ๋๋ค. width, height ์์ฑ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ์ซ์ ๋ค์ ๋จ์๋ฅผ ํ์ํ์ฌ ์ ์ต๋๋ค. margin๊ณผ padding๋ border ์ ๊ฒฝ๊ณ๋ก ๋๋ฉ๋๋ค. ๋ฐฉํฅ ๋ฐฉํฅ ofcourse.kr 1. Margin ํ ๋๋ฆฌ(border)์ ์ด์ํ๋ ์์ ์ฌ์ด์ ๊ฐ๊ฒฉ. ์ฆ, ๋ฐ๊นฅ์ชฝ ์ฌ๋ฐฑ ์์ฑ ์ค๋ช margin-top: 10px ์์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ margin-right: 10px ์ค๋ฅธ์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ margin-bottom: 10px ์๋์ชฝ์ ๋ฐ๊นฅ ์ฌ๋ฐฑ margin-left: 10px.. 2023. 2. 12. [CSS] CSS ์ ํ์(Selector) ์ ๋ฆฌ โป ํ์ ์์๋ณด๊ธฐ ํธํ๊ธฐ ์ํด ์ ๋ฆฌํด๋ ๊ฒ์ ๋๋ค.โป ์ฐธ๊ณ ์ฌ์ดํธ : https://openwiki.kr/tech/css_selector CSS ์ ํ์(Selector) - ๊ธฐ์ - ์คํ์ํค CSS ์ ํ์(Selector) ์ ํ์๋ Type(element),Universal(*),class/id,attribute(์์ฑ),๊ฐ์์์/๊ฐ์ํด๋์ค,์ ํ์๊ฒฐํฉ(ํ์,์์,์ธ์ ) ๋ฑ์ผ๋ก ๊ตฌ์ฑ๋๋ค. ํจํด๋ป #idid๋ก ์ง์ ๋ ์์ ์ ํ .classclass๋ก ์ง์ ๋ ์์ openwiki.kr ํจํด ๋ป * ๋ชจ๋ ์์ ์ ํ tag , ๋ฑ ํน์ ํ๊ทธ๋ฅผ ์ ํ .class ํด๋์ค๋ก ์ง์ ๋ ์์ ์ ํ (ํด๋์ค ์ด๋ฆ ์์ ์ ์ ์ฐ๋๋ค.) #id ์์ด๋๋ก ์ง์ ๋ ์์ ์ ํ (์์ด๋ ์ด๋ฆ ์์ # ์ ๋ ฅ) E>F E ์์์ ์์์ธ F ์.. 2023. 2. 12. ์ด์ 1 ยทยทยท 5 6 7 8 9 ๋ค์ 728x90