C
JavaScript 목록
이전1 / 21다음
JavaScript//Lesson 01

JavaScript

30분·theory

JavaScript

🎯 이 lesson 을 읽고 나면

이 lesson 을 다 읽고 나면 아래 3가지를 자신 있게 할 수 있습니다.

  • ▸✅ JS (JavaScript · 웹 페이지를 동적으로 만드는 언어) 표준 패턴
  • ▸✅ 함정 3가지 (this (함수가 호출될 때 가리키는 대상) · 이벤트루프 (비동기 처리 순서를 관리하는 구조) · 클로저 (함수가 자기 바깥 변수를 기억하는 것)) + 회피 방법
  • ▸✅ AI 가 자주 만드는 코드의 어휘

학습 목표를 체크리스트로 두고 다 답할 수 있게 되면 lesson 을 닫으세요.

👨‍💻 JavaScript 를 만든 사람들 — 4명 4컷

01
Brendan Eich브렌든 아이크
Creator of JavaScriptNetscape → Mozilla → Brave1961~현재

10일 만에 만든 언어가 세계에서 가장 많이 쓰이는 언어가 되다

  • 1995 Netscape 입사 후 10일 만에 Mocha (LiveScript → JavaScript) 작성
  • 1997 ECMAScript 1 표준화 — Java 와 무관함을 명확히
  • 1998 Mozilla 공동 창립, CTO 역임
  • 2016 Brave 브라우저 출시, CEO 취임 — 광고 차단 + 암호화폐 BAT
JavaScript·SpiderMonkey·Brave — 30년 웹의 동적 동작 전부FATHER OF JS · 창시자
02
Lars Bak라스 박
Creator of V8 EngineSun (HotSpot) → Google (V8) → Toitware1965~현재

JavaScript 를 100배 빠르게 만든 덴마크 VM 천재 — Chrome 의 심장

  • 1990s Sun HotSpot JVM 핵심 엔지니어 — JIT 컴파일러 설계
  • 2006 Google 입사. 덴마크 오르후스 V8 팀 설립
  • 2008 V8 + Chrome 동시 출시 — JS 실행 속도 100배 향상
  • 2017 IoT 스타트업 Toitware 창업 — 다음 VM 도전
V8 — Chrome·Node·Electron·Deno 의 공통 엔진V8 ENGINE · JIT 천재
03
Ryan Dahl라이언 달
Creator of Node.js & DenoJoyent → Google Brain → Deno Land1981~현재

JS 를 브라우저 밖으로 끌어낸 사람 — 그리고 자신의 발명을 다시 고쳐 만들다

  • 2009 JSConf EU 발표 — V8 + libuv = Node.js 공개
  • 2010 npm 등장. JS 풀스택 시대 개막
  • 2018 JSConf EU "10 Things I Regret About Node.js" 발표 — Deno 공개
  • 2020 Deno 1.0 출시 — TypeScript·보안·표준 라이브러리 기본 탑재
Node.js·Deno — 서버 사이드 JavaScript 의 시작과 진화NODE & DENO · 풀스택 JS 의 아버지
04
Anders Hejlsberg앤더스 헤일스버그
Creator of TypeScriptBorland → Microsoft1960~현재

Turbo Pascal·Delphi·C# 에 이어 TypeScript — 한 사람이 만든 4개의 언어

  • 1983 Borland 입사, Turbo Pascal 작성 — 가장 빠른 컴파일러
  • 1996 Microsoft 이적, C# 언어 설계 리드
  • 2012 TypeScript 0.8 공개 — JS + 점진적 타입 시스템
  • 2024 TypeScript 5.x — JS 신규 프로젝트 표준. npm 채택 1위
TypeScript — JS 대규모 코드베이스의 사실상 표준TYPESCRIPT · 4개 언어의 설계자
👥
한 줄
Eich(1995 창시) → Bak(2008 V8) → Dahl(2009 Node·2020 Deno) → Hejlsberg(2012 TS). 4명이 JavaScript 30년을 끌어왔다.

JavaScript — *세상에서 가장 많이 쓰는 언어*

핵심 한 줄

1995년 10일 만에 만들어진 언어가 30년 후 세상에서 가장 많이 쓰이는 언어 가 됐습니다. 웹의 사실상 유일한 클라이언트 언어 + 서버·모바일·데스크탑까지 확장.

어디에 쓰나

영역도구
브라우저모든 웹 페이지의 동적 동작 — DOM (브라우저가 HTML 을 다루는 객체 트리) 조작
백엔드Node.js · Deno · Bun (브라우저 밖에서 JS 를 돌리는 실행 환경)
모바일React Native · Expo (JS 로 iOS·Android 앱 만들기)
데스크탑Electron (JS 로 만든 데스크탑 앱 — Slack·VS Code 도 이것)
빌드 도구Vite · esbuild · webpack (코드를 브라우저용으로 묶어주는 도구)
빅데이터·AI부분적 (시각화·인터페이스)

같은 언어로 프론트·백·모바일·데스크탑 모두. 이게 JS 의 압도적 강점.

이 카테고리에서

기초부터 비동기 (여러 작업을 기다리지 않고 동시에 처리) · DOM · 이벤트까지. 한 번 익히면 React·Vue 도 자연스럽게.

왜 JavaScript가 웹의 표준 언어인가

한 줄: 브라우저 유일 언어 → 서버·모바일·데스크탑까지. 모든 곳에 있는 언어.

도구 매핑 — 각 칸의 영어는 도구 이름일 뿐, 옆 설명만 보세요

영역JS 표준
브라우저ES2024 (JS 의 가장 최신 표준 문법) · DOM · Web API
백엔드Node.js · Deno · Bun (브라우저 밖에서 JS 실행)
모바일React Native · Expo (JS 로 iOS·Android 앱)
데스크탑Electron · Tauri (JS 로 데스크탑 앱)
빌드Vite · esbuild · Turbopack (코드 묶어주는 도구)
타입TypeScript (JS 에 정적 타입을 추가한 언어)
날짜 표준Temporal (2024+ 표준 — Date 의 후속, 시간대 안전)

5가지 핵심 이유

이유의미
브라우저 유일성웹 페이지 동작은 JS 만 가능. 대체재 0
단일 스레드 + 이벤트루프 (작업 순서 관리기)비동기 처리의 표준 모델. Promise (미래에 도착할 결과를 담는 그릇) · async/await (비동기 코드를 동기처럼 쓰는 문법) 직관적
TypeScript정적 타입 추가로 대규모 앱 가능
npm 생태계200만+ 패키지 — 모듈 (코드 묶음) 어떤 기능이든 npm install
Universal같은 언어로 프론트·백엔드·모바일·데스크탑

핵심: JS 기초(타입·스코프·this (함수 호출 시 가리키는 대상) ·Promise) 이해 = 모든 프론트엔드 도구를 원리부터 다루는 힘.

🤖 AI 에게 이렇게 요청해보세요

이 lesson 의 개념을 알면 AI 에게 구체적으로 지시할 수 있습니다. 막연한 "고쳐줘" 가 아니라 어휘를 가진 요청 — 그게 토큰(AI 가 한 번에 처리하는 글자 단위) 절약의 출발점입니다.

  • ▸"이 JS (JavaScript) 코드를 async/await (비동기 코드를 동기처럼 쓰는 문법) 패턴으로 리팩토링(같은 동작·더 깔끔한 구조) 해줘"
  • ▸"이 콜백 지옥을 Promise (미래 결과를 담는 그릇) 체이닝으로 정리해줘"
  • ▸"이 코드의 클로저 (함수가 바깥 변수 기억) · this (호출 시 가리키는 대상) 관련 안티패턴 검사해줘"

왜 이게 토큰을 줄이나

개념을 모를 땐 AI 답변을 받고도 "그게 뭐예요?" 를 다시 물어야 합니다. 그 "다시 물음" 이 토큰을 잡아먹습니다. 개념 한 번 익혀두면 대화가 한 번에 끝납니다.

먼저 읽으면 좋은 개념: CSS 변수 · 애니메이션 — 현대 UI 의 필수 어휘
다음 추천: JavaScript란?
이전목록다음
JavaScript 학습 가이드 - JavaScript