본문 바로가기

개발자/Web

모든 자바스크립트 개발자가 알아야 하는 33가지 개념

반응형

 

모든 자바스크립트 개발자가 알아야 하는 33가지 개념 

 

소개

 

이 레포지토리는 개발자들이 자바스크립트의 개념을 마스터하는 것을 돕기 위해 만들어졌습니다. 필수적인 것은 아니지만 나중의 공부에 있어서 지침서가 될 수 있을 것입니다. Stephen Curtis의 저서를 기반으로 만들어졌으며, 이곳에서 해당 저서를 읽을 수 있습니다. 자료 출처

 

 

목차


호출 스택
원시 자료형
값 타입(Value Type)과 참조 타입(Refecrence Type)
명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑
== vs === vs typeof
함수 범위, 블록 범위, 렉시컬(lexical) 범위
식(expression) vs 문(statement)
IIFE, Modules, Namespaces
메시지 큐와 이벤트 루프
setTimeout, setInterval, requestAnimationFrame
자바스크립트 엔진
비트 연산자, 형식화 배열, 버퍼(배열)
DOM과 Layout Trees
팩토리와 클래스
this, call, apply, bind
new, 생성자, instanceof, 인스턴스
프로토타입의 상속과 체인
Object.create와 Object.assign
map, reduce, filter
순수함수, 부수효과, 상태변이
클로저(Closures)
고차함수
재귀
컬렉션과 생성기
Promises
async/await
자료 구조
함수 성능과 빅 오(Big-O) 표기법
알고리즘
상속, 다형성, 코드의 재사용성
설계 패턴
부분 어플리케이션, 커링(Currying), Compose, Pipe
클린 코드

 

 

 

 

1. 호출 스택

영상

⬆ Back to Top


2. 원시 자료형

영상

⬆ Back to Top


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

영상

⬆ Back to Top


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

영상

⬆ Back to Top


5. == vs === vs typeof

영상

⬆ Back to Top


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

영상

⬆ Back to Top


7. 식(expression) vs 문(statement)

영상

⬆ Back to Top


8. IIFE, Modules, Namespaces

영상

⬆ Back to Top


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

영상

⬆ Back to Top


10. setTimeout, setInterval, requestAnimationFrame

영상

⬆ Back to Top


11. 자바스크립트 엔진

영상

⬆ Back to Top


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

영상

⬆ Back to Top


13. DOM과 Layout Trees

영상

⬆ Back to Top


14. 팩토리와 클래스

영상

⬆ Back to Top


15. this, call, apply, bind

영상

⬆ Back to Top


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

⬆ Back to Top


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

영상

⬆ Back to Top


18. Object.create와 Object.assign

영상

⬆ Back to Top


19. map, reduce, filter

영상

⬆ Back to Top


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

영상

⬆ Back to Top


21. 클로저(Closures)

영상

⬆ Back to Top


22. 고차함수

영상

⬆ Back to Top


23. 재귀

영상

⬆ Back to Top


24. 컬렉션과 생성기

영상

⬆ Back to Top


25. Promises

영상

⬆ Back to Top


26. async/await

영상

⬆ Back to Top


27. 자료 구조

영상

⬆ Back to Top


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

영상

⬆ Back to Top


29. 알고리즘

⬆ Back to Top


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

영상

⬆ Back to Top


31. 설계 패턴

영상

⬆ Back to Top


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

영상

⬆ Back to Top


33. 클린 코드

영상

 

반응형

캐어랩 고객 지원

취업, 창업의 막막함, 외주 관리, 제품 부재!

당신의 고민은 무엇입니까? 현실과 동떨어진 교육, 실패만 반복하는 외주 계약, 아이디어는 있지만 구현할 기술이 없는 막막함.

우리는 알고 있습니다. 문제의 원인은 '명확한 학습, 실전 경험과 신뢰할 수 있는 기술력의 부재'에서 시작됩니다.

이제 고민을 멈추고, 캐어랩을 만나세요!

코딩(펌웨어), 전자부품과 디지털 회로설계, PCB 설계 제작, 고객(시장/수출) 발굴과 마케팅 전략으로 당신을 지원합니다.

제품 설계의 고수는 성공이 만든 게 아니라 실패가 만듭니다. 아이디어를 양산 가능한 제품으로!

귀사의 제품을 만드세요. 교육과 개발 실적으로 신뢰할 수 있는 파트너를 확보하세요.

지난 30년 여정, 캐어랩이 얻은 모든 것을 함께 나누고 싶습니다.

카카오 채널 추가하기

카톡 채팅방에서 무엇이든 물어보세요

당신의 성공을 위해 캐어랩과 함께 하세요.

캐어랩 온라인 채널 바로가기

캐어랩