HwangInJi
Preview Image

jQuery μ„ νƒμž

jQuery μ„ νƒμžλž€? β–Ά jQuery의 μ„ νƒμžλŠ” HTML λ¬Έμ„œμ—μ„œ μš”μ†Œλ₯Ό μ„ νƒν•˜κΈ° μœ„ν•΄ μ‚¬μš©λ˜λŠ” ν‘œν˜„μ‹μž…λ‹ˆλ‹€. jQueryλ₯Ό μ‚¬μš©ν•˜λ©΄ CSS μ„ νƒμžμ™€ μœ μ‚¬ν•œ λ°©μ‹μœΌλ‘œ μš”μ†Œλ₯Ό 선택할 수 있고 μ•„λž˜μ™€ 같은 ν˜•μ‹μ„ 기본으둜 μ‚¬μš©ν•©λ‹ˆλ‹€. κ·Έ 외에 λ‹€μ–‘ν•œ μ„ νƒμž μ’…λ₯˜λ₯Ό ν‘œλ‘œ μ•Œμ•„λ΄…λ‹ˆλ‹€. $(selector) 01. κΈ°λ³Έ μ„ νƒμž ...

Preview Image

λ°°κ²½(background)

λ°°κ²½(background)μ΄λž€? β–Ά λ°°κ²½(background)μ΄λž€ 색상, 이미지, λ°˜λ³΅μ—¬λΆ€, μœ„μΉ˜, κ³ μ •μ—¬λΆ€ λ“±μ˜ 기술적인 뢀뢄을 μ‹œκ°μ  μš”μ†Œλ‘œ ν‘œν˜„ν•œ 것을 λ§ν•©λ‹ˆλ‹€. CSSμ—μ„œλŠ” 일반적으둜 색상, 이미지, κ·ΈλΌλ””μ–ΈνŠΈ 등을 μ‚¬μš©ν•˜μ—¬ μš”μ†Œλ₯Ό κΎΈλ―ΈλŠ” 데 μ‚¬μš©λ©λ‹ˆλ‹€. 01. background-color β–Ά μš”μ†Œμ˜ λ°°κ²½ 색상을 μ§€μ •ν•˜λŠ” μ†μ„±μœΌλ‘œ μ•„...

Preview Image

BOX MODEL

BOX MODELμ΄λž€? β–Ά CSS의 Box Model(λ°•μŠ€ λͺ¨λΈ)은 μ›Ή νŽ˜μ΄μ§€μ—μ„œ μš”μ†Œ(element)의 λ ˆμ΄μ•„μ›ƒ(layout)을 μ •μ˜ν•˜λŠ” μ€‘μš”ν•œ κ°œλ…μž…λ‹ˆλ‹€. μ—¬κΈ°μ„œ BOXλŠ” μ½˜ν…μΈ (content)κ°€ μžλ¦¬ν•˜λŠ” μ˜μ—­μ„ λ§ν•˜λ©°, 여기에 λ‚˜μ˜¬ 속성듀은 μ•ˆμͺ½ μ—¬λ°±(padding), ν…Œλ‘λ¦¬(border), λ°”κΉ₯ μ—¬λ°±(margin)λ“± 주둜 블둝 μš”μ†Œμ—μ„œ μ μš©λ©λ‹ˆ...

Preview Image

Github μ…‹νŒ… 및 κΈ°λŠ₯λ“€

Githubλ₯Ό νŽΈν•˜κ²Œ 써보자 μ˜€λŠ˜μ€ κΉƒν—ˆλΈŒ 터미널을 톡해 νŒŒμΌμ„ μ €μž₯ν•˜λŠ” 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄λ €κ³  ν•©λ‹ˆλ‹€.κ·Έ 전에 μ™œ 이 방법을 μ‚¬μš©ν•˜λ©΄ 더 쒋은지 κ·Έ μž₯점에 λŒ€ν•΄μ„œ λͺ‡κ°€μ§€ μ„€λͺ…λ“œλ¦΄κ²Œμš”! β‘  효율적인 μž‘μ—… 관리: 터미널을 μ‚¬μš©ν•˜λ©΄ λͺ…λ Ήμ–΄λ₯Ό 톡해 Git μž‘μ—…μ„ 더 효율적으둜 관리할 수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, νŒŒμΌμ„ μΆ”κ°€ν•˜κ±°λ‚˜ 컀밋을 ν•˜κ³  pushν•˜λŠ” κ³Ό...

Preview Image

μ—°μ‚°μž(Operator)

μ—°μ‚°μž(Operator) μ—°μ‚°μž(Operator)λŠ” ν”„λ‘œκ·Έλž˜λ°μ—μ„œ μ‚¬μš©λ˜λŠ” κΈ°ν˜Έλ‚˜ ν‚€μ›Œλ“œλ‘œ, νŠΉμ •ν•œ μž‘μ—…μ„ μˆ˜ν–‰ν•˜λŠ” 데에 μ“°μž…λ‹ˆλ‹€. λ‹€μ–‘ν•œ μ’…λ₯˜μ˜ μ—°μ‚°μžκ°€ 있으며, 주둜 μ‚°μˆ , 비ꡐ, ν• λ‹Ή, 논리 λ“±μ˜ μž‘μ—…μ„ μˆ˜ν–‰ν•©λ‹ˆλ‹€. 1. μ‚°μˆ  μ—°μ‚°μž(Arithmetic Operators) : μˆ˜ν•™μ μΈ 연산을 μˆ˜ν–‰ν•˜λŠ”λ° μ‚¬μš©λ˜λ©°, 주둜 λ§μ…ˆ(+), λΊ„μ…ˆ(-),...

Preview Image

μžλ£Œν˜•(Data type)

μžλ£Œν˜•(Data type) μžλ£Œν˜•(Data type)은 ν”„λ‘œκ·Έλž˜λ°μ—μ„œ λ°μ΄ν„°μ˜ μ’…λ₯˜λ₯Ό λ‚˜νƒ€λ‚΄λŠ”λ° μ‚¬μš©λ˜λŠ” 것을 λ§ν•˜λ©°, 각각의 μžλ£Œν˜•μ€ νŠΉμ •ν•œ μ’…λ₯˜μ˜ 데이터λ₯Ό μ €μž₯ν•˜κ³  λ‹€λ£¨λŠ” 방법을 μ •μ˜ν•©λ‹ˆλ‹€. 1. μ •μˆ˜ν˜•(Integer) : μ •μˆ˜ν˜•μ€ ν”„λ‘œκ·Έλž˜λ°μ—μ„œ μ‚¬μš©λ˜λŠ” μžλ£Œν˜• 쀑 ν•˜λ‚˜λ‘œ μ •μˆ˜λ₯Ό λ‚˜νƒ€λ‚΄λŠ” 데에 μ‚¬μš©λ˜λ©°, μ†Œμˆ˜μ μ΄ μ—†λŠ” 숫자둜이기 λ•Œλ¬Έμ— 음수, ...

Preview Image

객체 μƒμ„±μž ν•¨μˆ˜μ˜ 역사와 미래

μžλ°”μŠ€ν¬λ¦½νŠΈ μ›Ή νŽ˜μ΄μ§€λ₯Ό λ™μ μœΌλ‘œ λ§Œλ“€κ³  μƒν˜Έμž‘μš©ν•  수 μžˆλ„λ‘ ν•΄μ£ΌλŠ” μ›Ή κ°œλ°œμ—μ„œ κ°€μž₯ 널리 μ‚¬μš©λ˜λŠ” ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄ 쀑 ν•˜λ‚˜ β€’ μžλ°”μŠ€ν¬λ¦½νŠΈ λŒ€ν•΄ μ•Œμ•„λ³΄κΈ° 1. μžλ°”μŠ€ν¬λ¦½νŠΈλž€? β–Ά μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” λΈŒλΌμš°μ €μ—μ„œ μ‹€ν–‰λ˜λŠ” 슀크립트 μ–Έμ–΄λ‘œ, HTMLκ³Ό CSS와 ν•¨κ»˜ 웹을 κ΅¬μ„±ν•˜λŠ” 데에 μ‚¬μš©λ©λ‹ˆλ‹€. μ΄ˆκΈ°μ—λŠ” μ›Ή νŽ˜μ΄μ§€μ˜ 동적인 μš”μ†Œλ₯Ό μ²˜λ¦¬ν•˜κΈ° μœ„ν•΄ λ§Œλ“€μ–΄...