kimyih
Preview Image

jQuery μ„ νƒμžμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž!

jQuery jQueryλŠ” μ›Ήμ‚¬μ΄νŠΈλ₯Ό 더 μ‰½κ²Œ, 더 효율적으둜 그리고 더 λΉ λ₯΄κ²Œ λ§Œλ“€ 수 있게 ν•΄μ£ΌλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ λΌμ΄λΈŒλŸ¬λ¦¬μž…λ‹ˆλ‹€. μ›Ή κ°œλ°œμ„ ν•  λ•Œ 자주 μ‚¬μš©λ˜λŠ” DOM(Document Object Model) μ‘°μž‘, 이벀트 처리, μ• λ‹ˆλ©”μ΄μ…˜κ³Ό Ajax 톡신 등을 κ°„λ‹¨ν•œ API둜 μ œκ³΅ν•˜μ—¬ κ°œλ°œμžκ°€ 더 적은 μ½”λ“œλ‘œ 더 λ§Žμ€ μž‘μ—…μ„ ν•  수 μžˆλ„λ‘ ...

Preview Image

CSS 문자 κ΄€λ ¨ μŠ€νƒ€μΌμ„ μ•Œμ•„λ³΄μž!

css μ›Ή νŽ˜μ΄μ§€μ—μ„œ ν…μŠ€νŠΈλŠ” λ‹¨μˆœν•œ 정보 전달 μˆ˜λ‹¨μ„ λ„˜μ–΄ λ””μžμΈμ˜ 핡심 μš”μ†Œ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. 적절히 μŠ€νƒ€μΌλ§λœ ν…μŠ€νŠΈλŠ” μ‚¬μš©μž κ²½ν—˜μ„ κ·ΉλŒ€ν™”ν•˜κ³ , λ©”μ‹œμ§€ 전달λ ₯을 κ°•ν™”ν•©λ‹ˆλ‹€. CSSμ—μ„œ μ œκ³΅ν•˜λŠ” λ‹€μ–‘ν•œ 속성을 톡해 ν…μŠ€νŠΈ μŠ€νƒ€μΌλ§μ˜ κ°€λŠ₯성은 λ¬΄κΆλ¬΄μ§„ν•©λ‹ˆλ‹€. 이번 ν¬μŠ€νŠΈμ—μ„œλŠ” CSS의 문자 κ΄€λ ¨ μŠ€νƒ€μΌμ— λŒ€ν•΄ μžμ„Ένžˆ μ‚΄νŽ΄λ³΄κ³ , 각 μ†μ„±μ˜ ...

Preview Image

CSS νŠœν† λ¦¬μ–Ό)Part3. CSS 기본문법 - ν…Œλ‘λ¦¬

Part3. CSS 속성 기초 ν…μŠ€νŠΈ μŠ€νƒ€μΌλ§ κΈ€κΌ΄, 색상, 크기 λ°°κ²½ 색상, 이미지 λ°•μŠ€ λͺ¨λΈ λ§ˆμ§„, νŒ¨λ”©, ν…Œλ‘λ¦¬, λ„ˆλΉ„, 높이 쀑에 ν…Œλ‘λ¦¬μ— λŒ€ν•΄. μ•Œμ•„λ³΄λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€! ν…Œλ‘λ¦¬(Border) πŸ“border-style: ν…Œλ‘λ¦¬μ˜ μŠ€νƒ€μΌμ„ μ§€μ •ν•©λ‹ˆλ‹€. 이 속성은 ν…Œλ‘λ¦¬κ°€ μ–΄λ–»κ²Œ 보일지 κ²°μ •ν•©λ‹ˆλ‹€. ...

Preview Image

CSS νŠœν† λ¦¬μ–Ό)Part3. CSS 기본문법 - λ§ˆμ§„, νŒ¨λ”©, λ°•μŠ€λͺ¨λΈ

μ•ˆλ…•ν•˜μ„Έμš”, μ—¬λŸ¬λΆ„! Part3 에 λ“œλ””μ–΄ μ™”μŠ΅λ‹ˆλ‹€ πŸ˜‚ 글이 생각보닀 λ§Žμ•˜λ„€μš” Part3 도 λ‚˜λˆ μ„œ μ§„ν–‰ν•˜λ„λ‘ ν•˜κ² μŠ΅λ‹ˆλ‹€! κ·Έλž˜μ„œ μ˜€λŠ˜μ€ λ°•μŠ€λͺ¨λΈκ³Ό λ§ˆμ§„, νŒ¨λ”© λŒ€ν•΄ λ¨Όμ € μ„€λͺ…ν• κ²Œμš”! Part3. CSS 속성 기초 ν…μŠ€νŠΈ μŠ€νƒ€μΌλ§ κΈ€κΌ΄, 색상, 크기 λ°°κ²½ 색상, 이미지 λ°•μŠ€ λͺ¨λΈ λ§ˆμ§„, νŒ¨λ”©, ν…Œλ‘λ¦¬, λ„ˆλΉ„, 높이 쀑에 λ°•μŠ€ λͺ¨λΈκ³Ό 마...

Preview Image

κΉƒν—™ μ…‹νŒ… 및 μ—¬λŸ¬κ°€μ§€ κΈ°λŠ₯

ν„°λ―Έλ„λ‘œ 깃헙을 μ˜¬λ¦¬λŠ” 이유 터미널을 μ‚¬μš©ν•˜μ—¬ Git을 μ˜¬λ¦¬λŠ” μ΄μœ λŠ” λ‹€μ–‘ν•©λ‹ˆλ‹€. -μœ μ—°μ„±κ³Ό νŽΈμ˜μ„± : 터미널을 μ‚¬μš©ν•˜λ©΄ Git의 λͺ¨λ“  κΈ°λŠ₯을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 특히 λ³΅μž‘ν•œ μž‘μ—…μ΄λ‚˜ μžλ™ν™”λœ μž‘μ—…μ„ μˆ˜ν–‰ν•  λ•Œ μœ μš©ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, 터미널을 μ‚¬μš©ν•˜λ©΄ Git λͺ…λ Ήμ–΄λ₯Ό 슀크립트둜 μž‘μ„±ν•˜μ—¬ μžλ™ν™”λœ μž‘μ—…μ„ μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€. -ν•™μŠ΅ ...

Preview Image

μ„ νƒμžμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž!

λͺ©μ°¨ μ„ νƒμžμ˜ μ’…λ₯˜λ“€ μ„ νƒμž type μ„ νƒμž id μ„ νƒμž class μ„ νƒμž 전체 μ„ νƒμž ν•˜μœ„ μ„ νƒμž μžμ‹ μ„ νƒμž 인접 μ„ νƒμž ν˜•μ œ μ„ νƒμž κ·Έλ£Ή μ„ νƒμž 속성 μ„ νƒμž κ°€μƒν΄λž˜μŠ€ μ„ νƒμž κ°€μƒμš”μ†Œ μ„ νƒμž 쒅속 μ„ νƒμž μ„ νƒμžμ˜ μš°μ„ μˆœμœ„ πŸ“00) μ„ νƒμž μ„ νƒμž(Sele...

Preview Image

CSS νŠœν† λ¦¬μ–Ό)Part2. CSS 기본문법 - κ°’

μ•ˆλ…•ν•˜μ„Έμš”, μ—¬λŸ¬λΆ„! Part2. κ°’ κΈ°μ΄ˆμž…λ‹ˆλ‹€ CSS 에 λ‹€μ–‘ν•œ 길이 및 크기에 λŒ€ν•΄ λ°”λ‘œ μ•Œμ•„λ³΄λ„λ‘ ν• κ²Œμš”! 길이 및 크기 πŸ“px (ν”½μ…€): 화면에 ν‘œμ‹œλ˜λŠ” μ‹€μ œ ν”½μ…€ λ‹¨μœ„μž…λ‹ˆλ‹€. μ ˆλŒ€μ μΈ 크기λ₯Ό λ‚˜νƒ€λ‚΄λ©°, κ°€μž₯ 기본적인 길이 λ‹¨μœ„μž…λ‹ˆλ‹€. CSS ν”½μ…€κ³Ό 물리적 ν”½μ…€ 물리적 ν”½μ…€: λ””μŠ€ν”Œλ ˆμ΄ μž₯치의 κ°€μž₯ μž‘μ€ 물리적 λ‹¨μœ„λ‘œ, 슀...