본문으로 바로가기
검색
회원가입로그인

7장: JavaScript 기초 - 변수, 함수, 및 흐름 제어

7장: JavaScript 기초 - 변수, 함수, 그리고 제어 흐름

JavaScript는 웹 페이지를 동적으로 만들어주는 스크립트 언어입니다. 특히 이해해야 할 중요한 개념 중 하나는 변수와 함수, 그리고 제어 흐름입니다. 이 요소들은 프로그램 작성의 기본이며, 웹 페이지 상호작용을 쉽게 구현할 수 있도록 돕습니다.

변수

변수는 데이터를 저장하기 위한 도구입니다. JavaScript에서는 var, let, const를 사용하여 변수를 선언할 수 있습니다:

var name = "홍길동";
let age = 25;
const country = "대한민국";

var는 전역 또는 함수 범위, let, const는 블록 범위로 사용됩니다. 또한, const는 선언과 동시에 값이 지정되어야 하며, 값 변경이 허용되지 않습니다.

함수

함수는 일정한 작업을 수행하는 코드 블록입니다. 이를 통해 코드의 재사용성과 가독성을 높일 수 있습니다:

function greet() {
  console.log("안녕하세요!");
}

greet();

또는 다음과 같은 방식으로 화살표 함수를 사용할 수도 있습니다:

const greet = () => {
  console.log("안녕하세요!");
};

greet();

제어 흐름

제어 흐름은 프로그램 실행 순서를 제어하는 데 사용됩니다. 조건문과 반복문이 이 역할을 수행하며 코드의 흐름을 결정합니다:

  • 조건문:

let isMorning = true;
if (isMorning) {
  console.log("좋은 아침입니다!");
} else {
  console.log("좋은 저녁입니다!");
}
  • 반복문:

for (let i = 0; i < 5; i++) {
  console.log(`반복 횟수: ${i}`);
}

결론

JavaScript의 변수, 함수, 제어 흐름을 익히는 것은 프로그래머로서 웹 개발의 핵심적 기초를 다지는 중요한 단계입니다. 이 장에서 배운 내용을 응용하여 간단한 프로그램을 작성하며 실력을 다져보세요.

참고 자료