[JS] μžλ°”μŠ€ν¬λ¦½νŠΈ 기초

πŸ’‘ μžλ°”μŠ€ν¬λ¦½νŠΈλž€? μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” HTML, CSS와 ν•¨κ»˜ 웹을 κ΅¬μ„±ν•˜λŠ” μš”μ†Œ 쀑 ν•˜λ‚˜λ‘œ μ›Ή λΈŒλΌμš°μ €μ—μ„œ λ™μž‘ν•˜λŠ” μœ μΌν•œ ν”„λ‘œκ·Έλž˜λ° 언어이닀 μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” κ°œλ°œμžκ°€ λ³„λ„μ˜ 컴파일 μž‘μ—…μ„ μˆ˜ν–‰ν•˜μ§€ μ•ŠλŠ” 인터프리터 언어이닀 ν΄λž˜μŠ€κ°€ μ‘΄μž¬ν•˜μ§€ μ•ŠλŠ” ν”„λ‘œν† νƒ€μž… 기반의 객체지ν–₯ 언어이닀( Edition 6μ—μ„œλŠ” Classκ°œλ… 지원됨) πŸ’‘ μžλ°”μŠ€ν¬λ¦½νŠΈ μ„ μ–Έ src속성은 μ™ΈλΆ€μ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ νŒŒμΌμ„ HTMLλ¬Έμ„œμ— 포함할 λ•Œ μ‚¬μš©ν•˜λ©° μƒλž΅ κ°€λŠ₯함 λ˜ν•œ μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” HTML파일 λ‚΄λΆ€μ˜ 와 νƒœκ·Έ μ•ˆμ— μœ„μΉ˜ν•  수 μžˆλ‹€ μ›Ή λΈŒλΌμš°μ €κ°€ HTMLλ¬Έμ„œλ₯Ό 순차적으둜 해석(parsing)ν•˜λ―€λ‘œ 슀크립트 μœ„μΉ˜μ— 따라 λ‘œλ“œμ™€ μ‹€ν–‰ μ‹œμ μ΄ 달라진닀 μ•ˆ μœ„μΉ˜: λΈŒλΌμš°μ €μ˜ 각쒅 μž…μΆœλ ₯ λ°œμƒ 이전에 μ΄ˆκΈ°ν™”λ˜λ―€λ‘œ λΈŒλΌμš°μ €κ°€ λ¨Όμ € 점검함 μ•ˆ μœ„μΉ˜:..

Web/Javascript 2022. 9. 18. 23:26
[BootStrap v5.0] κ·Έλ¦¬λ“œ μ‹œμŠ€ν…œ

Column Column Column μœ„μ˜ μ˜ˆμ—μ„œλŠ” 사전 μ •μ˜λœ κ·Έλ¦¬λ“œ 클래슀λ₯Ό μ‚¬μš©ν•˜μ—¬ λͺ¨λ“  기기와 λ·°ν¬νŠΈμ— λ™μΌν•œ λ„ˆλΉ„μ˜ μ—΄ 3개λ₯Ό λ§Œλ“­λ‹ˆλ‹€. μ΄λŸ¬ν•œ 열은 λΆ€λͺ¨ .containerκ°€ μžˆλŠ” νŽ˜μ΄μ§€ 쀑앙에 μžˆμŠ΅λ‹ˆλ‹€. κ·Έλ¦¬λ“œ μ˜΅μ…˜ Bootstrap의 κ·Έλ¦¬λ“œ μ‹œμŠ€ν…œμ€ 6개의 κΈ°λ³Έ 쀑단점과 μ‚¬μš©μž μ •μ˜ν•œ λͺ¨λ“  쀑단점에 걸쳐 적응할 수 μžˆμŠ΅λ‹ˆλ‹€. 6개의 κΈ°λ³Έ κ·Έλ¦¬λ“œ 계측은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€ ν•œ μ—΄μ˜ λ„ˆλΉ„ μ„€μ • flexbox κ·Έλ¦¬λ“œ 열에 λŒ€ν•œ μžλ™ λ ˆμ΄μ•„μ›ƒμ€ λ˜ν•œ ν•œ μ—΄μ˜ λ„ˆλΉ„λ₯Ό μ„€μ •ν•˜κ³  ν˜•μ œ 열이 μ£Όμœ„μ—μ„œ μžλ™μœΌλ‘œ 크기λ₯Ό μ‘°μ •ν•˜λ„λ‘ ν•  수 μžˆμŒμ„ μ˜λ―Έν•©λ‹ˆλ‹€. 1 of 3 2 of 3 (wider) 3 of 3 1 of 3 2 of 3 (wider) 3 of 3 ν–‰μ—΄ λ°˜μ‘ν˜• .row-cols-* 클래슀λ₯Ό μ‚¬μš©ν•˜μ—¬ ..

Web/HTML 2022. 9. 18. 22:47
λ°˜μ‘ν˜•
Β«   2025/02   Β»
일 μ›” ν™” 수 λͺ© 금 ν† 
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28