parksohyunnn
Preview Image

HTML) λ°˜μ‘ν˜• μ›Ήμ‚¬μ΄νŠΈ μ œμž‘ν•˜λŠ” 방법

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ λ°˜μ‘ν˜• μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ§Œλ“œλŠ” 방법에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. λ°˜μ‘ν˜• μ›Ήμ‚¬μ΄νŠΈλŠ” λ‹€μ–‘ν•œ μž₯μΉ˜μ™€ ν™”λ©΄ 크기에 맞좰 μœ μ—°ν•˜κ²Œ λ ˆμ΄μ•„μ›ƒμ΄ μ‘°μ •λ˜λŠ” μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ§ν•©λ‹ˆλ‹€. μ΄λŸ¬ν•œ μ›Ήμ‚¬μ΄νŠΈλŠ” μ‚¬μš©μžκ°€ λ°μŠ€ν¬ν†±, νƒœλΈ”λ¦Ώ, 슀마트폰 λ“± μ–΄λ–€ μž₯치λ₯Ό μ‚¬μš©ν•˜λ“  졜적의 μ‚¬μš©μž κ²½ν—˜μ„ μ œκ³΅ν•©λ‹ˆλ‹€. 이번 κΈ€μ—μ„œλŠ” λ°˜μ‘ν˜• μ›Ήμ‚¬μ΄νŠΈμ˜ μ •μ˜, μž‘μ—… 방법, μ½”λ“œ μ˜ˆμ‹œ, ...

Preview Image

WEB) get vs post

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ HTTP μš”μ²­ λ©”μ„œλ“œ 쀑 κ°€μž₯ 많이 μ‚¬μš©λ˜λŠ” GETκ³Ό POST에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. μ›Ή κ°œλ°œμ—μ„œ HTTP μš”μ²­ λ©”μ„œλ“œλŠ” ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ κ°„μ˜ 톡신을 μœ„ν•΄ μ‚¬μš©λ©λ‹ˆλ‹€. GETκ³Ό POSTλŠ” κ·Έ μ€‘μ—μ„œλ„ κ°€μž₯ 많이 μ‚¬μš©λ˜λŠ” 두 κ°€μ§€ λ©”μ„œλ“œμž…λ‹ˆλ‹€. 이번 κΈ€μ—μ„œλŠ” GETκ³Ό POST의 μ •μ˜, μ‚¬μš© 방법, μ½”λ“œ μ˜ˆμ‹œ, 그리고 이 두 λ©”μ„œλ“œμ˜...

Preview Image

JAVASCRIPT) ν˜Έμ΄μŠ€νŒ…(Hoisting)

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ JavaScriptμ—μ„œ μ€‘μš”ν•œ κ°œλ…μΈ ν˜Έμ΄μŠ€νŒ…(Hoisting)에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. JavaScriptλ₯Ό 처음 μ ‘ν•  λ•Œ ν˜Έμ΄μŠ€νŒ…μ΄λΌλŠ” κ°œλ…μ€ λ‹€μ†Œ ν˜Όλž€μŠ€λŸ¬μšΈ 수 μžˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ 이λ₯Ό μ΄ν•΄ν•˜λ©΄ μ½”λ“œκ°€ μ–΄λ–»κ²Œ μ‹€ν–‰λ˜λŠ”μ§€ 더 λͺ…ν™•νžˆ μ•Œ 수 있고, 예기치 μ•Šμ€ λ™μž‘μ„ λ°©μ§€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 이번 κΈ€μ—μ„œλŠ” ν˜Έμ΄μŠ€νŒ…μ˜ μ •μ˜, λ™μž‘ 원리...

Preview Image

HTML) 크둜슀 λΈŒλΌμš°μ§•

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ 크둜슀 λΈŒλΌμš°μ§•μ— λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. μ›Ή 개발자라면 ν•œ λ²ˆμ―€μ€ 듀어봀을 μš©μ–΄μΈ 크둜슀 λΈŒλΌμš°μ§•(Cross-Browsing)에 λŒ€ν•΄ 깊이 μžˆλŠ” 이해λ₯Ό 돕기 μœ„ν•΄ 이 글을 μ€€λΉ„ν–ˆμŠ΅λ‹ˆλ‹€. 크둜슀 λΈŒλΌμš°μ§•μ΄ 무엇인지, μ™œ μ€‘μš”ν•œμ§€, 그리고 μ–΄λ–»κ²Œ κ΅¬ν˜„ν•˜λŠ”μ§€μ— λŒ€ν•΄ μ„€λͺ…λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€. 크둜슀 λΈŒλΌμš°μ§•μ΄λž€? 크둜슀 λΈŒλΌμš°μ§•μ€ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜...

Preview Image

REACT) μƒνƒœ 관리 라이브러리 ν•„μš”μ„±

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ Reactμ—μ„œ μƒνƒœ 관리 λΌμ΄λΈŒλŸ¬λ¦¬κ°€ μ™œ ν•„μš”ν•œμ§€μ— λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. ReactλŠ” μ»΄ν¬λ„ŒνŠΈ 기반의 UI 라이브러리둜, μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€λ₯Ό κ΅¬μΆ•ν•˜λŠ” 데 맀우 μœ μš©ν•©λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ΄ 컀지고 λ³΅μž‘ν•΄μ§€λ©΄, μƒνƒœ(state)λ₯Ό 효율적으둜 κ΄€λ¦¬ν•˜λŠ” 것이 μ€‘μš”ν•΄μ§‘λ‹ˆλ‹€. μƒνƒœ 관리 λΌμ΄λΈŒλŸ¬λ¦¬λŠ” 이 문제λ₯Ό ν•΄κ²°ν•˜λŠ” 데 도움을 μ€λ‹ˆλ‹€....

Preview Image

JAVASCRIPT) var, let, const 차이

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ JavaScriptμ—μ„œ var, let, const의 차이에 λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. JavaScriptλŠ” ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄λ‘œμ„œ λ³€μˆ˜λ₯Ό μ„ μ–Έν•˜κ³  μ‚¬μš©ν•  수 μžˆλŠ” μ—¬λŸ¬ 방법을 μ œκ³΅ν•©λ‹ˆλ‹€. κ°€μž₯ 널리 μ‚¬μš©λ˜λŠ” λ³€μˆ˜ μ„ μ–Έ 방법은 var, let, constμž…λ‹ˆλ‹€. 이 μ„Έ κ°€μ§€λŠ” λΉ„μŠ·ν•΄ λ³΄μ΄μ§€λ§Œ, μ‹€μ œλ‘œλŠ” μ€‘μš”ν•œ 차이점이 μžˆμŠ΅λ‹ˆλ‹€. 이번 κΈ€μ—μ„œ...

Preview Image

HTML) SEO μ΅œμ ν™”

μ•ˆλ…•ν•˜μ„Έμš”! μ˜€λŠ˜μ€ SEO μ΅œμ ν™”μ— λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. SEO, 즉 검색 μ—”μ§„ μ΅œμ ν™”(Search Engine Optimization)λŠ” μ›Ήμ‚¬μ΄νŠΈκ°€ 검색 μ—”μ§„ κ²°κ³Ό νŽ˜μ΄μ§€(SERP)μ—μ„œ 더 높은 μˆœμœ„λ₯Ό μ°¨μ§€ν•  수 μžˆλ„λ‘ ν•˜λŠ” μ „λž΅κ³Ό κΈ°λ²•μ˜ λͺ¨μŒμž…λ‹ˆλ‹€. μ΄λŠ” μ›Ήμ‚¬μ΄νŠΈμ˜ κ°€μ‹œμ„±μ„ λ†’μ—¬ 더 λ§Žμ€ 방문자λ₯Ό μœ λ„ν•˜κ³  ꢁ극적으둜 λΉ„μ¦ˆλ‹ˆμŠ€ μ„±μž₯을 μ΄‰μ§„ν•©λ‹ˆλ‹€. ...

Preview Image

CSS) Flexbox와 Grid에 λŒ€ν•΄ μ•Œμ•„λ³΄μž

CSS Flexbox와 Grid: μ •μ˜, 차이점, μ‚¬μš©λ²•, μž₯단점 비ꡐ CSSλŠ” μ›Ή νŽ˜μ΄μ§€μ˜ μŠ€νƒ€μΌμ„ μ •μ˜ν•˜λŠ” 데 μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€. CSS λ ˆμ΄μ•„μ›ƒ λͺ¨λΈ 쀑 Flexbox와 GridλŠ” 각각 μœ μ—°ν•˜κ³  κ°•λ ₯ν•œ λ ˆμ΄μ•„μ›ƒμ„ μ œκ³΅ν•˜μ—¬, λ‹€μ–‘ν•œ λ””μžμΈ μš”κ΅¬ 사항을 μΆ©μ‘±ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 이 κΈ€μ—μ„œλŠ” Flexbox와 Grid의 μ •μ˜μ™€ 차이점, μ‚¬μš©λ²•, 그리고 ...

Preview Image

ILLUSTRATION) κΈ°λ³Έ 툴과 단좕킀에 λŒ€ν•΄ μ•Œμ•„λ³΄μž

어도비 μΌλŸ¬μŠ€νŠΈλ ˆμ΄ν„°(Adobe Illustrator) κΈ°λ³Έ 툴과 단좕킀 μ„€λͺ… 어도비 μΌλŸ¬μŠ€νŠΈλ ˆμ΄ν„°(Adobe Illustrator)λŠ” 벑터 κ·Έλž˜ν”½ λ””μžμΈμ„ μœ„ν•œ κ°•λ ₯ν•œ μ†Œν”„νŠΈμ›¨μ–΄λ‘œ, 둜고, μ•„μ΄μ½˜, 일러슀트, 인쇄물 λ“±μ˜ λ””μžμΈ μž‘μ—…μ— 널리 μ‚¬μš©λ©λ‹ˆλ‹€. 이 κΈ€μ—μ„œλŠ” μΌλŸ¬μŠ€νŠΈλ ˆμ΄ν„°μ˜ κΈ°λ³Έ 툴과 κ·Έ μ‚¬μš©λ²•, 그리고 μž‘μ—… νš¨μœ¨μ„±μ„ λ†’μ΄λŠ” 단좕킀에 λŒ€ν•΄ μ„€...

Preview Image

FIGMA) ν”Όκ·Έλ§ˆλž€ 무엇인가?

ν”Όκ·Έλ§ˆ(Figma): μ •μ˜μ™€ μ‚¬μš©λ²•, 단좕킀 ν”Όκ·Έλ§ˆ(Figma)λŠ” ν˜„λŒ€ μ›Ή λ””μžμΈ 및 UI/UX λ””μžμΈμ—μ„œ ν•„μˆ˜μ μΈ λ„κ΅¬λ‘œ 자리 μž‘μ•˜μŠ΅λ‹ˆλ‹€. ν΄λΌμš°λ“œ 기반의 λ””μžμΈ 및 ν”„λ‘œν† νƒ€μ΄ν•‘ 툴인 ν”Όκ·Έλ§ˆλŠ” λ””μžμ΄λ„ˆμ™€ κ°œλ°œμžκ°€ μ‹€μ‹œκ°„μœΌλ‘œ ν˜‘μ—…ν•  수 있게 ν•΄μ€λ‹ˆλ‹€. 이 κΈ€μ—μ„œλŠ” ν”Όκ·Έλ§ˆμ˜ μ •μ˜μ™€ μ£Όμš” κΈ°λŠ₯, μ‚¬μš©λ²•, 그리고 μž‘μ—… νš¨μœ¨μ„±μ„ λ†’μ΄λŠ” 단좕킀에 λŒ€ν•΄ μžμ„Ένžˆ ...

Trending Tags