본문 바로가기

Web/Javscript

[Javascript] 자바스크립트 개발자가 알아야 하는 33가지 개념

1. Call stack

자바스크립트 호출 스택(Call Stack) 이해하기 (tistory.com)

 

자바스크립트 호출 스택(Call Stack) 이해하기

시작하기에 앞서 자바스크립트를 심도 있게 이해하기 위해 "모든 자바스크립트 개발자가 알아야할 33가지 개념(https://github.com/yjs03057/33-js-concepts)"의 항목들과 링크되어있는 블로그 글들을 정리

new93helloworld.tistory.com

 

2. 원시 자료형

자바스크립트 개발자라면 알아야 할 33가지 개념 #2 자바스크립트의 원시 타입(Primitive Type) (번역) (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #2 자바스크립트의 원시 타입(Primitive Type) (번역)

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 http://blog.brew.com.hk/not-everything-in-javascript-is-an-object/ 글을 제 멋대로 번역한 것입니다. 오역이나 의역이 있을 수 있습니다.

velog.io

 

3. 값 타입(Value Type)과 참조 타입(Refecrence Type)

자바스크립트 개발자라면 알아야 할 33가지 개념 #3 값(value) vs 참조(reference) (번역) (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #3 값(value) vs 참조(reference) (번역)

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

 

4. 명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑

자바스크립트 개발자라면 알아야 할 33가지 개념 #4 암묵적 타입 변환(implicit coercion) (번역) (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #4 암묵적 타입 변환(implicit coercion) (번역)

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

 

5. == vs === vs typeof

자바스크립트 개발자라면 알아야 할 33가지 개념 #5 == vs === 3분만에 배우기 (번역) (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #5 == vs === 3분만에 배우기 (번역)

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

 

6. 함수 범위, 블록 범위, 렉시컬(lexical) 범위

자바스크립트 개발자라면 알아야 할 33가지 개념 #6 함수와 블록 스코프 (번역) (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #6 함수와 블록 스코프 (번역)

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

[JS]클로저(Closure)와 메모리 관리 (velog.io)

 

[JS]클로저(Closure)와 메모리 관리

[JS]클로저(Closure)와 메모리 관리

velog.io

 

7. 식(expression) vs 문(statement)

자바스크립트 개발자라면 알아야 할 33가지 개념 #7 표현식(Expression)과 문장(Statement) (번역) (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #7 표현식(Expression)과 문장(Statement) (번역)

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

 

8. IIFE, Modules, Namespaces

자바스크립트 개발자라면 알아야 할 33가지 개념 #8 자바스크립트 필수요소 : IIFE 마스터하기 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #8 자바스크립트 필수요소 : IIFE 마스터하기

들어가기 전에 이 포스팅은 https://medium.com/@vvkchandra/essential-javascript-mastering-immediately-invoked-function-expressions-67791338ddc6 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지

velog.io

 

9. 메시지 큐와 이벤트 루프

자바스크립트 개발자라면 알아야 할 33가지 개념 #9 자바스크립트 이벤트 루프 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #9 자바스크립트 이벤트 루프

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

 

10. setTimeout, setInterval, requestAnimationFrame

자바스크립트 개발자라면 알아야 할 33가지 개념 #10 스케쥴링: setTimeout 과 setInterval (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #10 스케쥴링: setTimeout 과 setInterval

들어가기 전에 이 포스팅은 https://github.com/leonardomso/33-js-concepts 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original sourc

velog.io

 

11. 자바스크립트 엔진

자바스크립트 개발자라면 알아야 할 33가지 개념 #11 V8 엔진이 JS를 기계 코드로 바꾸는 방법 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #11 V8 엔진이 JS를 기계 코드로 바꾸는 방법

들어가기 전에 이 포스팅은 https://medium.freecodecamp.org/understanding-the-core-of-nodejs-the-powerful-chrome-v8-engine-79e7eb8af964 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주

velog.io

 

12. 비트 연산자, 형식화 배열, 버퍼(배열)

자바스크립트 개발자라면 알아야 할 33가지 개념 #12 자바스크립트 비트연산 실제로 활용하기! (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #12 자바스크립트 비트연산 실제로 활용하기!

들어가기 전에 이 포스팅은 https://codeburst.io/using-javascript-bitwise-operators-in-real-life-f551a731ff5 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로

velog.io

 

13. DOM과 Layout Trees

[33-js-concepts] 13. DOM과 Layout Trees (DOM and Layout Trees) (tistory.com)

 

[33-js-concepts] 13. DOM과 Layout Trees (DOM and Layout Trees)

Before DOM Introduction 웹 개발은 웹 브라우저와 밀접한 연관이 있습니다. 모든 서비스는 사실 웹 브라우저를 바탕으로 실행이 된다고 봐도 과언이 아닙니다. 이 브라우저와 관련된 객체 집합을 브라

corock.tistory.com

 

14. 팩토리와 클래스

자바스크립트 개발자라면 알아야 할 33가지 개념 #14 자바스크립트 클래스의 내면 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #14 자바스크립트 클래스의 내면

들어가기 전에 이 포스팅은 https://medium.com/tech-tajawal/javascript-classes-under-the-hood-6b26d2667677 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정

velog.io

[33-js-concepts] 14. 팩토리와 클래스 (Factories and Classes) (tistory.com)

 

[33-js-concepts] 14. 팩토리와 클래스 (Factories and Classes)

자바스크립트는 프로토타입 기반(prototype-based) 객체지향 언어다. 비록 다른 객체지향 언어들과의 차이점에 대한 논쟁이 있긴 하지만, 자바스크립트는 강력한 객체지향 프로그래밍 능력을 지니

corock.tistory.com

 

15. this, call, apply, bind

자바스크립트 개발자라면 알아야 할 33가지 개념 #15 자바스크립트 : this, call(), apply(), bind() (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #15 자바스크립트 : this, call(), apply(), bind()

들어가기 전에 이 포스팅은 https://www.codementor.io/niladrisekhardutta/how-to-call-apply-and-bind-in-javascript-8i1jca6jp, https://www.codementor.io/dariogarciamoya/understanding--this--in-javascript-du1084lyn?i...

velog.io

 

16. new, 생성자, instanceof, 인스턴스

자바스크립트 개발자라면 알아야 할 33가지 개념 #16 자바스크립트 : 'new' 연산자 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #16 자바스크립트 : 'new' 연산자

들어가기 전에 이 포스팅은 https://codeburst.io/javascript-for-beginners-the-new-operator-cee35beb669e 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정

velog.io

 

17. 프로토타입의 상속과 체인

자바스크립트 개발자라면 알아야 할 33가지 개념 #17 자바스크립트 : 클래스 vs 프로토타입 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #17 자바스크립트 : 클래스 vs 프로토타입

들어가기 전에 이 포스팅은 https://medium.com/@parsyval/javascript-prototype-vs-class-a7015d5473b 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠

velog.io

 

18. Object.create와 Object.assign

자바스크립트 개발자라면 알아야 할 33가지 개념 #18 자바스크립트 : 오브젝트 복사하기 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #18 자바스크립트 : 오브젝트 복사하기

들어가기 전에 이 포스팅은 https://scotch.io/bar-talk/copying-objects-in-javascript 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. ori

velog.io

 

19. map, reduce, filter

자바스크립트 개발자라면 알아야 할 33가지 개념 #19 자바스크립트 : Map, Reduce, Filter (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #19 자바스크립트 : Map, Reduce, Filter

들어가기 전에 이 포스팅은 https://medium.com/@joomiguelcunha/learn-map-filter-and-reduce-in-javascript-ea59009593c4 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후

velog.io

 

20. 순수함수, 부수효과, 상태변이

자바스크립트 개발자라면 알아야 할 33가지 개념 #20 자바스크립트 : 순수함수 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #20 자바스크립트 : 순수함수

들어가기 전에 이 포스팅은 https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-pure-function-d1c076bec976 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시

velog.io

 

21. 클로저(Closures)

자바스크립트 개발자라면 알아야 할 33가지 개념 #21 자바스크립트 : 클로져 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #21 자바스크립트 : 클로져

들어가기 전에 이 포스팅은 https://javascript.info/closure 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original source of this post

velog.io

 

22. 고차함수

자바스크립트 개발자라면 알아야 할 33가지 개념 #22 자바스크립트 : 자바스크립트 고차 함수(Higher-Order Function) 이해하기 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #22 자바스크립트 : 자바스크립트 고차 함수(Highe

들어가기 전에 이 포스팅은 https://blog.bitsrc.io/understanding-higher-order-functions-in-javascript-75461803bad 에 있는 포스팅을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로

velog.io

 

23. 재귀

자바스크립트 개발자라면 알아야 할 33가지 개념 #23 자바스크립트 : 자바스크립트 재귀(Recursion) 이해하기 (velog.io)

 

자바스크립트 개발자라면 알아야 할 33가지 개념 #23 자바스크립트 : 자바스크립트 재귀(Recursion)

들어가기 전에 이 포스팅은 https://codeburst.io/learn-and-understand-recursion-in-javascript-b588218e87ea 에 있는 포스팅을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정

velog.io

 

24. 컬렉션과 생성기

 

 

25. Promises

 

 

26. async/await

 

 

27. 자료 구조

 

 

28. 함수 성능과 빅 오(Big-O) 표기법

 

 

29. 알고리즘

 

 

30. 상속, 다형성, 코드의 재사용성

 

 

31. 설계 패턴

 

 

32. 부분 어플리케이션, 커링(Currying), Compose, Pipe

 

 

33. 클린 코드

 

 

'Web > Javscript' 카테고리의 다른 글

[Javascript] optional chaining .?  (0) 2021.05.23