피드로 돌아가기
Dev.toFrontend
원문 읽기
웹 인터랙티브 구현의 핵심, JavaScript 기초 설계 및 데이터 타입 분석
JavaScript Basics
AI 요약
Context
정적인 웹 페이지의 한계를 극복하고 동적인 사용자 경험 제공 필요. 클라이언트와 서버 사이드 모두를 지원하는 범용 스크립트 언어 요구. 런타임에 타입이 결정되는 유연한 프로그래밍 모델 필요.
Technical Solution
- Single-threaded 및 Interpreted 언어 특성을 통한 순차적 코드 실행 구조
- Dynamic Typing 방식을 채택하여 변수 선언 시 별도의 타입 명시를 생략하는 유연한 설계
- Number, String, Boolean 등 7가지 Primitive 타입을 통해 단일 값의 불변성(Immutability) 보장
- Object 타입을 활용한 Key-Value 쌍 기반의 복잡한 데이터 구조 설계 및 가변성(Mutability) 확보
- Primitive는 값 복사 방식을 사용하고 Non-Primitive는 참조 복사(Reference) 방식을 사용하는 메모리 관리 전략
- var(Function scope), let(Block scope), const(Read-only)의 변수 선언 키워드 분리를 통한 스코프 제어
Key Takeaway
데이터 타입의 메모리 저장 방식(Value vs Reference)에 따른 상태 변경 영향도를 고려한 설계 원칙 준수 필요.
실천 포인트
의도치 않은 상태 변경을 방지하기 위해 재할당이 불필요한 변수는 const를 우선 사용하고, 복잡한 객체 전달 시 참조 복사로 인한 Side Effect를 주의할 것