Jinwoo
Preview Image

ν”„λ‘œνΌν‹°μ— λŒ€ν•΄ μ•Œμ•„λ³΄μžμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž

μ•ˆλ…•ν•˜μ„Έμš”. μ˜€λŠ˜μ€ ν”„λ‘œνΌν‹°μ— λŒ€ν•΄ μ •λ¦¬ν•˜λ €κ³  ν•©λ‹ˆλ‹€. κΈ°λ³Έ κ°œλ…μ΄ μ•½ν•΄μ„œ κΎΈμ€€νžˆ 곡뢀해 λ‚˜κ°ˆλ €κ³  ν•©λ‹ˆλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ ν”„λ‘œνΌν‹° μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” 객체 μ§€ν–₯ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄λ‘œ, κ°μ²΄λŠ” ν”„λ‘œνΌν‹°(속성)λ“€μ˜ μ§‘ν•©μž…λ‹ˆλ‹€. ν”„λ‘œνΌν‹°λŠ” 객체의 μƒνƒœμ™€ λ™μž‘μ„ μ •μ˜ν•˜λ©°, ν‚€(key)와 κ°’(value)으둜 κ΅¬μ„±λ©λ‹ˆλ‹€. 이번 κΈ€μ—μ„œλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ ν”„λ‘œνΌν‹°μ— λŒ€...

Preview Image

μŠ€μ½”ν”„(Scope)에 λŒ€ν•΄ μ•Œμ•„λ³΄μž

μ•ˆλ…•ν•˜μ„Έμš”. μ˜€λŠ˜μ€ μ•Œκ³ λ§Œ μžˆμ§€ μžμ„Έν•œ λ‚΄μš©μ€ λͺ¨λ₯΄λŠ” μŠ€μ½”ν”„(Scope)에 λŒ€ν•΄ μ •λ¦¬ν•˜λ €κ³  ν•©λ‹ˆλ‹€. 항상 μ œλŒ€λ‘œ λͺ¨λ₯΄λŠ” 것듀을 κ·Έλƒ₯ λ„˜κ²¨μ™”λŠ”λ° 이번 κΈ°νšŒμ— μ œλŒ€λ‘œ μ•Œμ•„κ°€λ³΄κ³ μž ν•©λ‹ˆλ‹€. μŠ€μ½”ν”„(Scope) μŠ€μ½”ν”„(Scope)λž€ 무엇인가? μŠ€μ½”ν”„(scope)λŠ” ν”„λ‘œκ·Έλž˜λ°μ—μ„œ λ³€μˆ˜κ°€ μ •μ˜λ˜κ³  μ ‘κ·Όν•  수 μžˆλŠ” 유효 λ²”μœ„λ₯Ό μ˜λ―Έν•©λ‹ˆλ‹€. λ³€μˆ˜μ˜ μŠ€μ½”ν”„λ₯Ό 이...

Preview Image

AJAX에 λŒ€ν•΄ μ•Œμ•„λ³΄μž

μ•ˆλ…•ν•˜μ„Έμš”. μ˜€λŠ˜μ€ AJAX에 λŒ€ν•΄ μ•Œμ•„λ³΄λ €κ³  ν•©λ‹ˆλ‹€. μ œκ°€ 막상 AJAXλ₯Ό 많이 μ‚¬μš©ν•˜λ©΄μ„œ μ œλŒ€λ‘œ 된 κ°œλ…μ„ λͺ°λžλ˜κ±° κ°™μ•„μ„œ μ •λ¦¬ν•©λ‹ˆλ‹€. AJAX AJAXλž€ 무엇인가? AJAX(Asynchronous JavaScript and XML)λŠ” μ›Ή νŽ˜μ΄μ§€κ°€ λΉ„λ™κΈ°μ μœΌλ‘œ μ„œλ²„μ™€ 데이터λ₯Ό 주고받을 수 있게 ν•΄μ£ΌλŠ” κΈ°μˆ μž…λ‹ˆλ‹€. AJAXλ₯Ό μ‚¬μš©ν•˜λ©΄ μ›Ή νŽ˜μ΄μ§€...

Preview Image

νƒ€μž…μŠ€ν¬λ¦½νŠΈ(TypeScript)에 λŒ€ν•΄ μ•Œμ•„λ³΄μž

μ•ˆλ…•ν•˜μ„Έμš” μ˜€λŠ˜μ€ νƒ€μž…μŠ€ν¬λ¦½νŠΈμ— λŒ€ν•΄ 잘 λͺ°λΌμ„œ μ•Œμ•„λ³ΌκΉŒ ν•©λ‹ˆλ‹€. νƒ€μž…μŠ€ν¬λ¦½νŠΈ νƒ€μž…μŠ€ν¬λ¦½νŠΈ(TypeScript)λž€ 무엇인가? νƒ€μž…μŠ€ν¬λ¦½νŠΈ(TypeScript)λŠ” λ§ˆμ΄ν¬λ‘œμ†Œν”„νŠΈμ—μ„œ κ°œλ°œν•œ μ˜€ν”ˆ μ†ŒμŠ€ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄λ‘œ, μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ μƒμœ„ μ§‘ν•©μž…λ‹ˆλ‹€. νƒ€μž…μŠ€ν¬λ¦½νŠΈλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈμ— 정적 νƒ€μž…μ„ μΆ”κ°€ν•˜μ—¬ μ½”λ“œμ˜ ν’ˆμ§ˆκ³Ό 개발 생산성을 λ†’μ΄λŠ” 것을 λͺ©ν‘œλ‘œ ...

Preview Image

ν΄λ‘œμ €(closure)에 λŒ€ν•΄ μ•Œμ•„λ³΄μž

μ•ˆλ…•ν•˜μ„Έμš” μ˜€λŠ˜μ€ ν΄λ‘œμ €μ— λŒ€ν•΄ 이것저것 μ•Œμ•„λ³Όλ €κ³  ν•©λ‹ˆλ‹€. ν΄λ‘œμ € ν΄λ‘œμ €(Closure)λž€ 무엇인가? ν΄λ‘œμ €(closure)λŠ” ν”„λ‘œκ·Έλž˜λ°μ—μ„œ μ€‘μš”ν•œ κ°œλ…μœΌλ‘œ, ν•¨μˆ˜μ™€ κ·Έ ν•¨μˆ˜κ°€ 선언될 λ•Œμ˜ λ ‰μ‹œμ»¬ ν™˜κ²½(lexical environment)을 ν•¨κ»˜ μ €μž₯ν•˜λŠ” κ΅¬μ‘°μž…λ‹ˆλ‹€. 이 κ°œλ…μ€ μžλ°”μŠ€ν¬λ¦½νŠΈ, 파이썬, 루비 λ“± μ—¬λŸ¬ μ–Έμ–΄μ—μ„œ μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€...

Preview Image

λ¦¬μ—‘νŠΈμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž 02

μ•ˆλ…•ν•˜μ„Έμš”. μ˜€λŠ˜μ€ λ¦¬μ—‘νŠΈμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž 01의 μ—°μž₯κΈ€μž…λ‹ˆλ‹€. μ „ κΈ€μ—μ„œ κΈ°λ³Έ κ°œλ…κ³Ό μž₯단점에 λŒ€ν•΄ κ°„λ‹¨ν•˜κ²Œ μ•Œμ•„λ΄€μŠ΅λ‹ˆλ‹€. λ°”λ‘œ μ΄μ–΄μ„œ 써보도둝 ν•˜κ² μŠ΅λ‹ˆλ‹€. λ¦¬μ—‘νŠΈ μ£Όμš” νŠΉμ§• μ£Όμš” νŠΉμ§•λ“€μ— λŒ€ν•΄ μžμ„Ένžˆ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. μ „ κΈ€μ—μ„œ μ£Όμš” νŠΉμ§•μ€ 4κ°€μ§€κ°€ μžˆλ‹€κ³  λ§ν–ˆμŠ΅λ‹ˆλ‹€. μ—¬κΈ°μ„œ ν•˜λ‚˜ μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 기쑴의 4κ°€μ§€ (μ»΄ν¬λ„ŒνŠΈ 기반 μ•„ν‚€ν…μ²˜ ...

Preview Image

λ¦¬μ—‘νŠΈμ— λŒ€ν•΄ μ•Œμ•„λ³΄μž 01

μ˜€λŠ˜μ€ λ¦¬μ—‘νŠΈμ— λŒ€ν•΄μ„œ μ•Œμ•„λ³΄λ €κ³  ν•©λ‹ˆλ‹€. λ¦¬μ—‘νŠΈμ— λŒ€ν•΄ 이둠적인 뢀뢄을 잘 λͺ°λΌμ„œ κ°œλ…λΆ€ν„° 천천히 μ •λ¦¬ν•΄λ³ΌκΉŒ ν•©λ‹ˆλ‹€. λ¦¬μ—‘νŠΈ κΈ°λ³Έ κ°œλ… λ¦¬μ•‘νŠΈ(React)λŠ” νŽ˜μ΄μŠ€λΆμ—μ„œ 2013년에 처음 μΆœμ‹œν•œ μ˜€ν”ˆ μ†ŒμŠ€ μžλ°”μŠ€ν¬λ¦½νŠΈ λΌμ΄λΈŒλŸ¬λ¦¬μž…λ‹ˆλ‹€. 주둜 μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€λ₯Ό λ§Œλ“€κΈ° μœ„ν•΄ μ‚¬μš©λ©λ‹ˆλ‹€. λ¦¬μ•‘νŠΈλŠ” μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ λ³΅μž‘ν•œ UIλ₯Ό 쉽고 효율적으둜 ꡬ...

Preview Image

URLμ—μ„œ 메타 νƒœκ·Έμ˜ κ°’ κ°€μ Έμ˜€κΈ° - μžλ°”μŠ€ν¬λ¦½νŠΈ

μ˜€λŠ˜μ€ μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μ΄μš©ν•΄μ„œ λ©”μ„œλ“œ 값을 κ°€μ Έμ˜€λŠ” μž‘μ—…μ„ ν•΄λ³ΌκΉŒ ν•©λ‹ˆλ‹€. URLμ—μ„œ 메타 νƒœκ·Έμ˜ κ°’ κ°€μ Έμ˜€κΈ°: μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œμ˜ μ ‘κ·Ό 일반적인 방법 μ›Ή νŽ˜μ΄μ§€μ˜ URLμ—μ„œ 메타 νƒœκ·Έμ˜ 값을 κ°€μ Έμ˜€λŠ” 일은 μ’…μ’… ν•„μš”ν•œ μž‘μ—… 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. 이λ₯Ό μˆ˜ν–‰ν•˜κΈ° μœ„ν•΄μ„œλŠ” λ¨Όμ € JavaScriptλ₯Ό μ‚¬μš©ν•˜μ—¬ ν˜„μž¬ νŽ˜μ΄μ§€μ˜ URL을 가져와야 ν•©λ‹ˆλ‹€. 그런 λ‹€μŒ...

Preview Image

HTML μ‹œλ§¨ν‹± νƒœκ·Έμ— λŒ€ν•΄μ„œ

HTML의 κΈ°λ³Έ ꡬ쑰와 μ‹œλ©˜ν‹± νƒœκ·Έ HTML(HyperText Markup Language)은 μ›Ή νŽ˜μ΄μ§€μ˜ ꡬ쑰λ₯Ό μ •μ˜ν•˜λŠ” μ–Έμ–΄λ‘œ, νƒœκ·Έ(tag)λ“€μ˜ μ‘°ν•©μœΌλ‘œ 이루어져 μžˆμŠ΅λ‹ˆλ‹€. μ›Ή νŽ˜μ΄μ§€λŠ” 주둜 ꡬ쑰적인 λΆ€λΆ„κ³Ό λ‚΄μš©μ μΈ λΆ€λΆ„μœΌλ‘œ λ‚˜λ‰˜λŠ”λ°, μ‹œλ©˜ν‹± νƒœκ·ΈλŠ” μ΄λŸ¬ν•œ ꡬ쑰적인 뢀뢄을 λͺ…ν™•ν•˜κ²Œ μ •μ˜ν•˜λŠ” 역할을 ν•©λ‹ˆλ‹€. HTML λ¬Έμ„œμ˜ κΈ°λ³Έ κ΅¬μ‘°λŠ” λ‹€μŒκ³Ό ...

Preview Image

CSS IR기법에 κ΄€ν•˜μ—¬

μ˜€λŠ˜μ€ μ›Ή ν‘œμ€€ 곡뢀λ₯Ό ν•˜λ©° IR기법에 λŒ€ν•΄ μ •λ¦¬ν•΄λ³ΌκΉŒ ν•œλ‹€. 일단 IR 기법에 λŒ€ν•œ κ°œλ…λΆ€ν„° 정리해보겠닀. IR 기법 IR(Information Retrieval) 기법은 정보λ₯Ό 효과적으둜 κ²€μƒ‰ν•˜κ³  κ²€μƒ‰λœ 정보λ₯Ό μ œκ³΅ν•˜λŠ” 방법둠을 λ§ν•œλ‹€. 이 기법은 λ‹€μ–‘ν•œ λΆ„μ•Όμ—μ„œ μ‚¬μš©λ˜λ©°, 주둜 검색 μ—”μ§„, λ¬Έμ„œ λΆ„λ₯˜, μžλ™ λ¬Έμ„œ μš”μ•½, 질문 응닡 μ‹œμŠ€...