📖 용어사전

⚡ JavaScript await

await

Promise 작업이 끝날 때까지 비동기 함수 안에서 기다리는 문법

⚡ JavaScript Callback

콜백

다른 함수에 전달되어 나중에 실행되는 함수

⚡ JavaScript JSON

JSON

데이터를 주고받는 데 많이 쓰는 텍스트 형식

⚡ JavaScript JSON.parse

parse

JSON 문자열을 JavaScript 값으로 변환하는 작업

⚡ JavaScript JSON.stringify

stringify

JavaScript 값을 JSON 문자열로 변환하는 작업

⚡ JavaScript Module

모듈

코드를 파일 단위로 나누고 필요한 부분만 가져다 쓰는 구조

⚡ JavaScript import

import

다른 모듈의 기능이나 값을 현재 파일로 가져오는 문법

⚡ JavaScript export

export

현재 모듈의 값이나 함수를 다른 파일에서 쓰게 내보내는 문법

⚡ JavaScript Strict Mode

strict mode

JavaScript에서 실수를 더 엄격하게 검사하도록 하는 실행 모드

⚡ JavaScript Console

콘솔

브라우저 개발자도구에서 로그와 오류를 확인하는 영역

🖼️ 프론트엔드 Component

컴포넌트

버튼·카드·메뉴처럼 재사용 가능한 화면 단위

🖼️ 프론트엔드 Single Page Application

SPA

페이지 전체 새로고침 없이 필요한 부분만 바꾸는 웹앱

🖼️ 프론트엔드 Multi Page Application

MPA

주소 이동 때 새 HTML 페이지를 받아오는 전통적 구조

🖼️ 프론트엔드 State

상태

화면이 현재 어떤 값을 가지고 있는지 나타내는 데이터

🖼️ 프론트엔드 State Management

상태 관리

여러 화면이 공유하는 상태를 체계적으로 관리하는 방식

🖼️ 프론트엔드 Props

props

부모 컴포넌트가 자식 컴포넌트에 전달하는 입력값

🖼️ 프론트엔드 Router

라우터

URL에 따라 어떤 화면을 보여줄지 결정하는 기능

🖼️ 프론트엔드 Route

라우트

특정 URL과 화면 또는 기능을 연결한 규칙

🖼️ 프론트엔드 Layout

레이아웃

헤더·사이드바·본문처럼 페이지의 공통 배치 구조

🖼️ 프론트엔드 Template

템플릿

반복해서 사용할 수 있도록 미리 만들어 둔 화면 틀

🖼️ 프론트엔드 Bundle

번들

여러 JavaScript·CSS 파일을 배포하기 좋게 묶은 결과물

🖼️ 프론트엔드 Bundler

번들러

여러 소스 파일과 의존성을 배포 파일로 묶는 도구

🖼️ 프론트엔드 Transpile

트랜스파일

최신 문법을 넓은 환경에서 실행 가능한 코드로 변환하는 과정

🖼️ 프론트엔드 Source Map

소스맵

압축·변환된 코드 오류를 원래 소스 위치와 연결하는 파일

🖼️ 프론트엔드 Hot Reload

핫 리로드

코드를 저장하면 변경 내용을 즉시 반영하는 기능

🖼️ 프론트엔드 Hot Module Replacement

HMR

변경된 모듈만 교체해 화면을 갱신하는 기능

🖼️ 프론트엔드 Client-side Rendering

CSR

브라우저에서 JavaScript가 화면을 만드는 방식

🖼️ 프론트엔드 Server-side Rendering

SSR

서버가 완성된 HTML을 만들어 보내는 방식

🖼️ 프론트엔드 Static Site Generation

SSG

빌드할 때 미리 HTML 파일을 생성하는 방식

🖼️ 프론트엔드 Hydration

하이드레이션

서버가 만든 HTML에 브라우저 JavaScript 동작을 연결하는 과정