profile
μ£Όλ‹ˆμ–΄ 개발자 μ„±μž₯기😎
post-thumbnail

VanilaJS둜 SPA κ΅¬ν˜„ν•˜κΈ°πŸ˜Ž - 2

λ“œ~λ””μ–΄! 2κΈ°λ™μ•ˆ μ—΄μ‹¬νžˆ μ§„ν–‰ν•œ J2KB ν”„λ‘œμ νŠΈκ°€ 마무리 λ˜μ—ˆλ‹€! 2κΈ°μ—λŠ” 바닐라 μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ SPA둜 동아리 μ†Œκ°œ μ›Ή μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€μ–΄ λ³΄μ•˜λ‹€.

2021λ…„ 3μ›” 13일
Β·
0개의 λŒ“κΈ€

πŸ“–ES6 ν•¨μˆ˜μ˜ μΆ”κ°€ κΈ°λŠ₯

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” ES6 ν•¨μˆ˜μ˜ μΆ”κ°€κΈ°λŠ₯에 λŒ€ν•΄ μ•Œμ•„λ³Έλ‹€.

2021λ…„ 3μ›” 6일
Β·
0개의 λŒ“κΈ€
post-thumbnail

VanilaJS둜 SPA κ΅¬ν˜„ν•˜κΈ°πŸ˜Ž - 1

μ΅œκ·Όμ— J2KB 2κΈ° μ§„ν–‰λ˜λŠ” ν•΄μ»€ν†€μœΌλ‘œ 동아리 μ†Œκ°œ μ›ΉνŽ˜μ΄μ§€λ₯Ό λ§Œλ“œλŠ” ν”„λ‘œμ νŠΈλ₯Ό 진행쀑에 μžˆλ‹€. javascript도 μ—°μŠ΅ ν•  κ²Έ Vanila JS만 μ΄μš©ν•΄μ„œ λ§Œλ“€μ–΄ 보고 μžˆλ‹€. 😎

2021λ…„ 2μ›” 10일
Β·
2개의 λŒ“κΈ€
post-thumbnail

CALLBACK / PROMISE / ASYNC

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” callback, promise, async&await의 νŠΉμ§•κ³Ό 차이점에 λŒ€ν•΄ μ•Œμ•„λ³΄μž.

2021λ…„ 2μ›” 4일
Β·
2개의 λŒ“κΈ€

πŸ“– ν΄λ‘œμ €(Closure)

이번 ν¬μŠ€νŒ…μ€ μžλ°”μŠ€ν¬λ¦½νŠΈ ν΄λ‘œμ €μ— λŒ€ν•΄μ„œ μ •λ¦¬ν•΄λ³΄μž.😁 ν΄λ‘œμ €λž€? ν΄λ‘œμ €λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ 뿐만 μ•„λ‹ˆλΌ ν•¨μˆ˜λ₯Ό μΌκΈ‰κ°μ²΄λ‘œ μ·¨κΈ‰ν•˜λŠ” ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄μ—μ„œ 많이 μ“°μ΄λŠ” νŠΉμ„±μ΄λ‹€. λ”°λΌμ„œ EcmaScript μ‚¬μ–‘μ—λŠ” λ“±μž₯ν•˜μ§€ μ•ŠμœΌλ©° MDNμ—μ„œλŠ” λ‹€μŒκ³Ό 같이 μ„€λͺ…을

2021λ…„ 1μ›” 16일
Β·
0개의 λŒ“κΈ€

πŸ“– ν”„λ‘œν† νƒ€μž… - 2

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” 본격적으둜 ν”„λ‘œν† νƒ€μž…μ„ μ΄μš©ν•œ 상속 방법과, ν”„λ‘œν† νƒ€μž… 체인에 λŒ€ν•΄μ„œ μ•Œμ•„λ³΄μž.

2021λ…„ 1μ›” 10일
Β·
0개의 λŒ“κΈ€

πŸ“– ν”„λ‘œν† νƒ€μž… - 1

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ ν”„λ‘œν† νƒ€μž…μ— λŒ€ν•΄ 정리해본닀. ν”„λ‘œν† νƒ€μž…μ€ λ‚΄μš©μ΄ λ§Žμ•„μ„œ λ‘νŽΈ 정도에 λ‚˜λˆ μ„œ ν¬μŠ€νŒ…ν•˜κ²Œ 될 것 κ°™λ‹€. 이번 νŽΈμ—μ„œλŠ” ν”„λ‘œν† νƒ€μž…μ„ ν†΅ν•œ 상속 λŒ€ν•΄ κ°€λ³κ²Œ μ•Œμ•„λ³΄μž! 😁😁

2020λ…„ 12μ›” 31일
Β·
2개의 λŒ“κΈ€
post-thumbnail

πŸ“– this

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” 항상 ν—·κ°ˆλ Έλ˜..πŸ™„πŸ™„ this에 λŒ€ν•΄μ„œ 정리λ₯Ό 해보렀고 ν•œλ‹€. ## this ν‚€μ›Œλ“œ μžλ°”μŠ€ν¬λ¦½νŠΈμ—μ„œ thisλŠ” 정말! 정말! 많이 μ‚¬μš©λ˜λŠ” ν‚€μ›Œλ“œμ΄λ‹€. λ”°λΌμ„œ μžλ°”μŠ€ν¬λ¦½νŠΈ 개발자라면 this에 λŒ€ν•΄μ„œλŠ” κΌ­ μ•Œμ•„λ‘μ–΄μ•Ό ν•œλ‹€!

2020λ…„ 12μ›” 22일
Β·
0개의 λŒ“κΈ€

πŸ“– μ‹€ν–‰ μ»¨ν…μŠ€νŠΈ

이번 ν¬μŠ€νŒ…μ€ μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ— λŒ€ν•΄ μ •λ¦¬ν•œλ‹€.λ³Έ ν¬μŠ€νŒ…μ€ 이웅λͺ¨λ‹˜μ˜ λͺ¨λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ deep dive 19μž₯을 μ°Έμ‘°ν•˜μ—¬ μž‘μ„± ν•˜μ˜€μŠ΅λ‹ˆλ‹€.ECMAScript μŠ€νŽ™μ— λ”°λ₯΄λ©΄ μ‹€ν–‰ μ»¨ν…μŠ€νŠΈλ₯ΌΒ μ‹€ν–‰ κ°€λŠ₯ν•œ μ½”λ“œλ₯Ό ν˜•μƒν™”ν•˜κ³  κ΅¬λΆ„ν•˜λŠ” 좔상적인 κ°œλ…μ΄λΌκ³  μ •μ˜ν•œλ‹€. μ’€ 더 μ‰½κ²Œ

2020λ…„ 12μ›” 21일
Β·
0개의 λŒ“κΈ€

πŸ“– μƒμ„±μž ν•¨μˆ˜μ— μ˜ν•œ 객체 생성

μƒμ„±μž ν•¨μˆ˜μ— μ˜ν•œ 객체 생성 방식에 λŒ€ν•΄ μ•Œμ•„λ³΄μž.

2020λ…„ 12μ›” 17일
Β·
0개의 λŒ“κΈ€
post-thumbnail

πŸ“– ν”„λ‘œνΌν‹° μ–΄νŠΈλ¦¬λ·°νŠΈ(feat. λ‚΄λΆ€ 슬둯, λ‚΄λΆ€ λ©”μ†Œλ“œ)

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” ν”„λ‘œνΌν‹° μ–΄νŠΈλ¦¬λ·°νŠΈμ— λŒ€ν•΄ μ•Œμ•„λ³Έλ‹€.

2020λ…„ 12μ›” 16일
Β·
0개의 λŒ“κΈ€

πŸ“– var, let, const

이 ν¬μŠ€νŒ…μ€ 이웅λͺ¨λ‹˜μ˜ javascript deep dive - 15μž₯을 μ°Έκ³ ν•˜μ—¬ μž‘μ„±ν•˜μ˜€μŠ΅λ‹ˆλ‹€.javascriptμ—μ„œ var은 block 레벨 scopeκ°€ μ•„λ‹Œ ν•¨μˆ˜ 레벨 scope만 μΈμ •ν•œλ‹€. λ˜ν•œ, λ³€μˆ˜μ˜ 쀑볡 선언을 ν—ˆμš©ν•˜κΈ° λ•Œλ¬Έμ— κ°œλ°œμžκ°€ μ˜λ„ν•˜μ§€ μ•Šμ€ κ²°κ³Όκ°€

2020λ…„ 12μ›” 13일
Β·
0개의 λŒ“κΈ€

πŸ“– ν•¨μˆ˜ 선언식 vs ν•¨μˆ˜ ν‘œν˜„μ‹

이번 ν¬μŠ€νŒ…μ—μ„œλŠ” javascript의 핡심 κ°œλ…μΈ ν•¨μˆ˜, κ·Έ μ€‘μ—μ„œλ„ ν•¨μˆ˜ 선언식과 ν•¨μˆ˜ ν‘œν˜„μ‹μ˜ 차이에 λŒ€ν•΄ μ‚΄νŽ΄λ³Έλ‹€!

2020λ…„ 12μ›” 11일
Β·
0개의 λŒ“κΈ€

πŸ“–Hidden Class와 inline caching

이번 ν¬μŠ€νŒ…μ—λŠ” javascript v8μ—”μ§„μ—μ„œ 객체λ₯Ό κ΄€λ¦¬ν•˜λŠ” 방식에 λŒ€ν•΄ 정리해본닀.Javaλ‚˜ C++같은 μ–Έμ–΄μ—μ„œ 객체의 속성값듀은 μ»΄νŒŒμΌμ „μ— 이미 κ³ μ •λœ λ ˆμ΄μ•„μ›ƒμ— μ˜ν•΄ κ²°μ •λ˜λ©° λŸ°νƒ€μž„ κ³Όμ •μ—μ„œ 속성값듀을 λ™μ μœΌλ‘œ μΆ”κ°€ λ˜λŠ” μ‚­μ œν•  수 μ—†λ‹€. λ”°λΌμ„œ 객체의 속성값

2020λ…„ 12μ›” 6일
Β·
0개의 λŒ“κΈ€

πŸ“– primitive typeκ³Ό object type

μžλ°”μŠ€ν¬λ¦½νŠΈλŠ” 7κ°€μ§€μ˜ date type을 μ œκ³΅ν•˜κ³  μ΄λŠ” 크게 primitive(μ›μ‹œ) typeκ³Ό object type λ‘κ°€μ§€λ‘œ λ‚˜λˆŒ 수 μžˆλ‹€. primitive typeκ³Ό object type의 주된 μ°¨μ΄λŠ” mutability라고 ν•  수 μžˆλ‹€.Primitive typ

2020λ…„ 12μ›” 6일
Β·
0개의 λŒ“κΈ€

πŸ“– 객체 λ¦¬ν„°λŸ΄

객체 생성 방법쀑 ν•˜λ‚˜μΈ κ°μ²΄λ¦¬ν„°λŸ΄μ— λŒ€ν•΄ μ•Œμ•„λ³΄μž!

2020λ…„ 12μ›” 6일
Β·
0개의 λŒ“κΈ€