Skip to content

πŸ“’ λͺ¨λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ Deep Dive μ±… 읽고 정리 μ€‘μž„

Notifications You must be signed in to change notification settings

JJehyun/Modern-Javascript-Deep-Dive

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

image

이거 643pκΉŒμ§€ .. πŸŽ―πŸ’‘πŸ”₯πŸ“Œβœ…

πŸŽ―πŸ’‘πŸ”₯πŸ“Œβœ…

폴더에 정리 쀑

폴더λͺ… 간단 λ‚΄μš©
(1) λ³€μˆ˜ λ³€μˆ˜ λ©”λͺ¨λ¦¬ ν• λ‹Ή λ³€μˆ˜, ν•¨μˆ˜ ν˜Έμ΄μŠ€νŒ… , λ©”λͺ¨λ¦¬μ˜ 생쑴 μ£ΌκΈ°
(2) 데이터 νƒ€μž… 7가지 λ³€μˆ˜ κ΄€λ ¨, 동적 타이핑 , 데이터 νƒ€μž…μ΄ ν•„μš”ν•œ 이유, μ΄μŠ€μΌ€μ΄ν”„ μ‹œν€€μŠ€
(3) μ—°μ‚°μž μ‚Όν•­ μ—°μ‚°μž, 동등 비ꡐ , 일치 비ꡐ
(4) νƒ€μž… λ³€ν™˜κ³Ό 단좕 평가 ?? / .? / 논리합 / 논리곱(&&) 의 if λ¬Έ λŒ€μ‹  μ‚¬μš©
(5) 객체 ν”„λ‘œνΌν‹° ν‚€κ°’ , ν”„λ‘œνΌν‹° κ°’ μ ‘κ·Ό, μ‚­μ œ(delete) , 동적 생성 , es6 객체 ν™•μž₯κΈ°λŠ₯
(6) μ›μ‹œκ°’κ³Ό κΉŠμ€λ³΅μ‚¬ λ°μ΄ν„°νƒ€μž… λ³€μˆ˜ μž¬ν• λ‹Ή λ©”λͺ¨λ¦¬ λ³€ν™”, 객체 볡사 λ©”λͺ¨λ¦¬ λ³€ν™” , κΉŠμ€ 볡사, 얕은 볡사
(7) ν•¨μˆ˜ ν•¨μˆ˜μ˜(μ„ μ–Έλ¬Έ,ν‘œν˜„μ‹)ν˜Έμ΄μŠ€νŒ… , ν•¨μˆ˜arguments νŒŒλ¦¬λ―Έν„° -> μ›μ‹œκ°’ 전달, 객체값 μ „λ‹¬μ˜ 차이점
(8) μŠ€μ½”ν”„ μŠ€μ½”ν”„(λ³€μˆ˜κ°€ μœ νš¨ν•œ λ²”μœ„) , (let,const) vs (var) λ³€μˆ˜ 쀑볡 μ„ μ–Έ , μŠ€μ½”ν”„ 체인(JAVASCRIPTκ°€ λ³€μˆ˜λ₯Ό μ°Ύμ•„κ°€λŠ” κ³Όμ •)
(9) μ „μ—­ λ³€μˆ˜μ˜ 문제점 μ „μ—­λ³€μˆ˜μ˜ λ©”λͺ¨λ¦¬ 곡간 점유 , μ „μ—­ λ³€μˆ˜ 생λͺ… μ£ΌκΈ° , μ „μ—­ λ³€μˆ˜ μ‚¬μš©μ–΅μ œ 방법(λͺ¨λ“ˆ νŒ¨ν„΄ μ‚¬μš©,μ¦‰μ‹œ μ‹€ν–‰ ν•¨μˆ˜ μ‚¬μš©,es6λͺ¨λ“ˆ)
(10)let, const ν‚€μ›Œλ“œμ™€ 블둝 레벨 μŠ€μ½”ν”„ var λ³€μˆ˜ 문제점(ν˜Έμ΄μŠ€νŒ…,ν•¨μˆ˜ 레벨 μŠ€μ½”ν”„, 쀑볡선언) , let,const (ν˜Έμ΄μŠ€νŒ… 방지, 블둝 레벨 μŠ€μ½”ν”„, μž¬ν• λ‹Ή κ΄€λ ¨)
(11) ν”„λ‘œνΌν‹° μ–΄νŠΈλ¦¬λ·°νŠΈ 객체의 κΈ°λ³Έ μ–΄νŠΈλ¦¬λ·°νŠΈ, λ””μŠ€ν¬λ¦½ν„° 객체 (객체 μƒνƒœν™•μΈ λ©”μ„œλ“œ) , μ ‘κ·Όμž ν”„λ‘œνΌν‹° (getter,setter) , 객체 변경방지 (seal,freeze,preventExtensions)
(12) μƒμ„±μžν•¨μˆ˜μ— μ˜ν•œ 객체 생성 μƒμ„±μž ν•¨μˆ˜ , μƒμ„±μž ν•¨μˆ˜ μΈμŠ€ν„΄μŠ€ 생성 κ³Όμ • , ν•¨μˆ˜ 객체 λ‚΄λΆ€ λ©”μ„œλ“œ ([[CALL]] , [[construct]]) , new.target (일반 ν•¨μˆ˜ μƒμ„±μžμ²˜λŸΌ 호좜)
(13) ν•¨μˆ˜μ™€ 일급 객체 일급 객체의 4가지 쑰건, ν•¨μˆ˜ 객체가 κ°€μ§€λŠ” 4가지 ν”„λ‘œνΌν‹°(argument , caller , length , name ) , 일급 객체(ν•¨μˆ˜)
(14) ν”„λ‘œν† νƒ€μž… 상속 , ν”„λ‘œν† νƒ€μž… , __proto__ , 좔상연산 , ν”„λ‘œν†  νƒ€μž…μ˜ 생성 μ‹œμ  , Object.create λ©”μ„œλ“œ , ν”„λ‘œν†  νƒ€μž… 체인 , μ˜€λ²„λΌμ΄λ”© , Object.keys(),Object.values() , Object.entries()
(15) strict mode strict mode 적용 , strict mode 적용 μ‹œ μœ μ˜ν•  점 , strict modeκ°€ λ°œμƒ μ‹œν‚€λŠ” μ—λŸ¬ , strict mode μ μš©μ— μ˜ν•œ λ³€ν™” 2가지
(16) 빌트인 객체 λ¬Έμžμ—΄μ„ 객체처럼 μ‚¬μš©ν•  수 μžˆλŠ” 이유 (래퍼 객체), 발트인 객체 (String, Number, Boolean , Symbol...) , μ „μ—­ 객체의 λ©”μ„œλ“œ(parseInt, encodeURI,decodeURI..) , μ „μ—­ 객체의 ν”„λ‘œνΌν‹°(Infinity , NaN...)
(17) This ν•¨μˆ˜ 호좜 방식에 λ”°λ₯Έ this 바인딩 , this 바인딩 , apply,call,bind μ΄μš©ν•œ this κ°’ λ³€κ²½
(18) μ‹€ν–‰ μ»¨ν…μŠ€νŠΈ μžλ°”μŠ€ν¬λ¦½νŠΈ λ™μž‘ 원리 핡심 ,μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ˜ μ—­ν•  , λ ‰μ‹œμ»¬ ν™˜κ²½(μ‹λ³„μžλ₯Ό λ“±λ‘ν•˜κ³  κ΄€λ¦¬ν•˜λŠ” μ €μž₯μ†Œ μ—­ν• ) , μ‹€ν–‰ μ»¨ν…μŠ€νŠΈ μŠ€νƒ
(19) ν΄λ‘œμ € ν΄λ‘œμ € κ°œλ… , ν΄λ‘œμ € ν™œμš© 예제 , ν΄λ‘œμ €μ™€ λ ‰μ‹œμ»¬ ν™˜κ²½
(20) 클래슀 class , class 생성 방식, νŠΉμ§• , 클래슀 λ‚΄ private , 클래슀 상속 extends , super
(21) ν™”μ‚΄ν‘œ ν•¨μˆ˜μ˜ 이해 ES6 κΈ°μ€€ λ©”μ„œλ“œ , ν™”μ‚΄ν‘œ ν•¨μˆ˜ 이해, ν™”μ‚΄ν‘œ ν•¨μˆ˜μ˜ this , super , arguments Rest νŒŒλΌλ―Έν„°μ˜ 이해와 ν™œμš©
(22) λ°°μ—΄μ˜ 이해 μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ λ°°μ—΄, λ°°μ—΄μ˜ λ‹€μ–‘ν•œ λ©”μ„œλ“œ , λ°°μ—΄ κ³ μ°¨ν•¨μˆ˜
(23) Number, Math ν‘œμ€€ 빌트인 객체인 (Number의 μœ μš©ν•œ ν”„λ‘œνΌν‹° , λ©”μ„œλ“œ), (Math 의 ν”„λ‘œνΌν‹° , λ©”μ„œλ“œ)
(24) Date Date κΈ°λ³Έ λ©”μ„œλ“œ, ν”„λ‘œν† νƒ€μž… λ©”μ„œλ“œ
(25) μ •κ·œμ‹ μ •κ·œμ‹ 생성방법, RegExp λ©”μ„œλ“œ , ν”Œλž˜κ·Έμ™€ νŒ¨ν„΄ , 자주 μ‚¬μš©λ˜λŠ” μ •κ·œμ‹
(26) String , Symbol String μ—¬λŸ¬ λ©”μ„œλ“œ, Symbol 생성, νŠΉμ§• Symbol.for / Symbol.keyfor λ©”μ„œλ“œ , μœ μΌλ¬΄μ΄ν•œ ν”„λ‘œνΌν‹° ν‚€κ°’ 생성 Symbol
(27) μ΄ν„°λ ˆμ΄μ…˜ ν”„λ‘œν† μ½œ μ΄ν„°λ ˆμ΄μ…˜ ν”„λ‘œν† μ½œ, μ΄ν„°λŸ¬λΈ” 제곡 κΈ°λŠ₯(for of,μŠ€ν”„λ ˆλ“œ,λ””μŠ€νŠΈλŸ­μ²˜λ§) , μ΄ν„°λŸ¬λΈ” next λ©”μ„œλ“œ , 지연평가
(28) μŠ€ν”„λ ˆλ“œ 문법, λ””μŠ€νŠΈλŸ­μ²˜λ§ μŠ€ν”„λ ˆλ“œ 문법 μ‚¬μš© λŒ€μƒ, μŠ€ν”„λ ˆλ“œλ₯Ό μ΄μš©ν•œ λ°°μ—΄ κ²°ν•©,μΆ”κ°€,제거 , 일반 객체 μŠ€ν”„λ ˆλ“œ 문법 μ‚¬μš© , λ””μŠ€νŠΈλŸ­μ²˜λ§ ν• λ‹Ή μ˜ˆμ‹œ,ν™œμš© ,λ””μŠ€νŠΈλŸ­μ²˜λ§ 객체 ν• λ‹Ή
(28) Setκ³Ό Map Set (μ€‘λ³΅λ˜μ§€ μ•ŠλŠ” λ°°μ—΄) prototype λ©”μ„œλ“œ , Map (μ€‘λ³΅λœ ν‚€κ°€ μ—†λŠ” 객체) prototype λ©”μ„œλ“œ
(29) λΈŒλΌμš°μ € λ Œλ”λ§ κ³Όμ • DOM , CSSOM 생성 , async/defer , λ Œλ” 트리
(30) 타이머 타이머 ν•¨μˆ˜ (setTimeout / clearTimeout) , (setTimeout / clearTimeout) κ°œλ…, λ””λ°”μš΄μŠ€ , μŠ€λ‘œν‹€(짧은 μ‹œκ°„ μ—°μ†ν•΄μ„œ λ°œμƒν•˜λŠ” 이벀트λ₯Ό 일정 μ‹œκ°„ λ¬Άμ–΄μ„œ ν•œλ²ˆμ— 이벀트 처리)
(31) 비동기 ν”„λ‘œκ·Έλž˜λ° 동기와 비동기 , 이벀트 루프와 νƒœμŠ€ν¬ 큐 , 콜 μŠ€νƒ



image

μ΄νŽ™ν‹°λΈŒ νƒ€μž…μŠ€ν¬λ¦½νŠΈ 폴더에 정리 쀑 πŸŽ―πŸ’‘πŸ”₯πŸ“Œβœ…βœ”asdasdㅁㄴㅇㄴㅇ

폴더 간단 λ‚΄μš©
(1) νƒ€μž…μŠ€ν¬λ¦½νŠΈ μ•Œμ•„λ³΄κΈ° νƒ€μž…μŠ€ν¬λ¦½νŠΈ κΈ°λ³Έ, μ„ΈνŒ… 2
(2) νƒ€μž…μŠ€ν¬λ¦½νŠΈμ˜ νƒ€μž… μ‹œμŠ€ν…œ 인덱슀 μ‹œκ·Έλ‹ˆμ²˜, ν•¨μˆ˜ νƒ€μž… μ •μ˜
(3) μ•„μ΄ν…œ 14 νƒ€μž… 쀑볡 ν”Όν•˜κΈ°,Pick,keyof, typeod, 인덱싱, μ œλ„€λ¦­ νƒ€μž…
(4) μ•„μ΄ν…œ 15,16 Record νƒ€μž… , 인덱슀 μ‹œκ·Έλ‹ˆμ²˜ κ΄€λ ¨ , ArrayLike와 Array
(5) μ•„μ΄ν…œ 17,18 readonly 속성, λ§€ν•‘λœ 값을 μ΄μš©ν•΄ κ°’ 동기화 ν•˜κΈ°
(6) μ•„μ΄ν…œ 19,20 νƒ€μž… μΆ”λ‘  μ΅œλŒ€ν•œ ν™œμš© , λ‹€λ₯Έ νƒ€μž…μ—λŠ” λ‹€λ₯Έ λ³€μˆ˜ μ‚¬μš©
(7) μ•„μ΄ν…œ 21,22 νƒ€μž… λ„“νžˆκΈ°(const) , νƒ€μž… 쒁히기(instance of, 속성 체크 , νƒ€μž… κ°€λ“œ)
(8) μ•„μ΄ν…œ 23,24 ν•œλ²ˆμ— 객체 생성 , 객체 μƒμ„±μ—μ„œ 쑰건뢀 νƒ€μž… , 일관성 μžˆλŠ” 별칭 μ‚¬μš©ν•˜κΈ°
(9) μ•„μ΄ν…œ 25,26 Promise.all, 비동기 μ‚¬μš© μ‹œ asyncκ°€ νƒ€μž… 좔둠에 유리 , νƒ€μž… 단언 (const , as cosnt) , νŠœν”Œνƒ€μž…μ˜ νƒ€μž… μΆ”λ‘ 
(10) μ•„μ΄ν…œ 27,28 μ˜³λ°”λ₯Έ interface λͺ¨λΈλ§, κ³ μ°¨ν•¨μˆ˜,lodashλ₯Ό μ΄μš©ν•΄μ„œ νƒ€μž… μœ μ§€ν•˜κΈ°
(11) μ•„μ΄ν…œ 29,30 νƒ€μž…μŠ€ν¬λ¦½νŠΈμ—μ„œ μ˜³λ°”λ₯Έ 주석 μ‚¬μš©λ²•, λ§€κ°œλ³€μˆ˜μ˜ λ²”μœ„λŠ” λ„“κ²Œ, return값은 쒁게 μ„€μ •
(12) μ•„μ΄ν…œ 31,32 ν•¨μˆ˜μ•ˆμ— 단일객체λ₯Ό μ‚¬μš©ν•΄μ„œ nullκ°’ 컨트둀
(13) μ•„μ΄ν…œ 33,34 string νƒ€μž… λŒ€μ‹  더 쒁은 λ²”μœ„μ˜ νƒ€μž… μ‚¬μš©ν•˜κΈ°
(14) μ•„μ΄ν…œ 36,37 νƒ€μž… 이름 μ •ν•˜κΈ°, 곡식 λͺ…칙에 μƒν‘œ 뢙이기
(15) μ•„μ΄ν…œ 38,39 쒁은 λ²”μœ„μ—μ„œ any μ‚¬μš© 뢙이기
(16) μ•„μ΄ν…œ 40,41 any의 진화 κ³Όμ •, νƒ€μž… 단언문
(17) μ•„μ΄ν…œ 42,43 λͺ¨λ₯΄λŠ” νƒ€μž…μ€ unknown μ‚¬μš©

About

πŸ“’ λͺ¨λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ Deep Dive μ±… 읽고 정리 μ€‘μž„

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published