JAVASCRIPT · 심층 가이드
JavaScript Hello World 완전 정리
console.log 한 줄에서 시작해 명령행 인자와 환경 변수 읽기까지, JavaScript 실행 환경이 프로그램에 무엇을 건네주는지 10개 예제로 확인합니다.
JavaScript의 첫 프로그램은 언어보다 실행 환경을 먼저 만나게 합니다. 같은 console.log('Hello')도 브라우저에서는 개발자 도구 콘솔에, Node.js에서는 터미널 표준 출력에 나갑니다. 파일을 읽거나 명령행 인자를 받는 일은 언어 명세가 아니라 런타임이 제공하는 기능이라, 브라우저에는 아예 존재하지 않습니다. 이 구분을 초반에 잡아 두면 나중에 '왜 이 코드는 Node에서만 되는가' 같은 질문에 시간을 덜 씁니다. 이 문서의 예제들은 Node 실행을 전제로 합니다.
Hello World 출력과 변수 값을 같이 출력으로 출력 함수의 기본형을 확인한 뒤 템플릿 문자열 인사로 넘어가면, 문자열을 +로 이어 붙이던 습관이 왜 백틱으로 바뀌었는지가 한눈에 보입니다. 뒤쪽의 명령행 인자 읽기와 환경 변수 읽기, 버전 정보 출력은 성격이 다릅니다. 셋 모두 process 객체를 통해 바깥 세계의 값을 프로그램 안으로 들여오는 예제이고, 설정을 코드에 하드코딩하지 않는 첫걸음이기도 합니다.
명령행 인자에서 거의 모두가 한 번은 헤맵니다. process.argv의 0번은 node 실행 파일 경로, 1번은 실행한 스크립트 경로이고 사용자가 입력한 첫 인자는 2번부터입니다. process.argv[0]을 이름으로 쓰면 엉뚱한 값이 찍힙니다. 환경 변수도 성격이 하나 있습니다. process.env의 값은 언제나 문자열이라, 숫자로 쓰려면 Number()로 변환해야 하고 없는 키는 undefined가 되므로 기본값 처리를 함께 붙여 두는 편이 낫습니다.
01Hello World 출력
JavaScript에서 Hello World 출력 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// Hello World 출력
console.log("Hello, World 1!");짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
02변수 값을 같이 출력
JavaScript에서 변수 값을 같이 출력 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 변수 값을 같이 출력
function greet(name) {
return `Hello, ${name}`;
}
console.log(greet("Ada"));짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
03함수로 인사 만들기
JavaScript에서 함수로 인사 만들기 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 함수로 인사 만들기
const names = ["Ada", "Grace", "Linus"];
for (const name of names) console.log(name);짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
04배열을 순회하며 인사
JavaScript에서 배열을 순회하며 인사 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 배열을 순회하며 인사
console.log(process.env.APP_ENV ?? process.version);짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
05명령행 인자 읽기
JavaScript에서 명령행 인자 읽기 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 명령행 인자 읽기
console.log("Hello, World 5!");짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
06템플릿 문자열 인사
JavaScript에서 템플릿 문자열 인사 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 템플릿 문자열 인사
function greet(name) {
return `Hello, ${name}`;
}
console.log(greet("Ada"));짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
07유니코드 메시지 출력
JavaScript에서 유니코드 메시지 출력 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 유니코드 메시지 출력
const names = ["Ada", "Grace", "Linus"];
for (const name of names) console.log(name);짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
08환경 변수 읽기
JavaScript에서 환경 변수 읽기 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 환경 변수 읽기
console.log(process.env.APP_ENV ?? process.version);짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
09컬렉션 요약 출력
JavaScript에서 컬렉션 요약 출력 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 컬렉션 요약 출력
console.log("Hello, World 9!");짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
10버전 정보 출력
JavaScript에서 버전 정보 출력 개념을 코드로 빠르게 확인하는 Hello World 예제입니다.
JavaScript code
// 버전 정보 출력
function greet(name) {
return `Hello, ${name}`;
}
console.log(greet("Ada"));짧은 예제를 여러 번 실행해 보면서 출력 흐름과 실행 환경을 같이 익혀 보세요.
출력 예제는 괄호와 문자열 구분자 같은 작은 문법 실수 하나로도 바로 멈출 수 있습니다.
정리하며
- 브라우저와 Node.js에서 쓸 수 있는 기능이 다르다는 전제를 처음부터 갖고 시작합니다
- 문자열 조립은 + 연결 대신 백틱 템플릿 문자열을 기본 도구로 삼습니다
- 명령행 인자는 process.argv의 인덱스 2번부터 읽어야 실제 입력값을 얻습니다
- process.env 값은 항상 문자열이므로 형 변환과 기본값 처리를 함께 작성합니다
더 깊이 들어가고 싶다면 JavaScript 학습 라이브러리에서 다른 주제 가이드를 이어서 보거나, 언어 비교에서 같은 개념이 다른 언어에서 어떻게 표현되는지 확인해 보세요.