이 글은 2026년 3월 9일 작성된 글입니다.
오늘은 자바스크립트의 기본적인 문법과 구성요소에 대한 강의를 들었으며,
이를 정리해서 작성해보았다.
1. JS 개념
- JavaScript(JS)는 웹에서 동작을 제어하는 프로그래밍 언어
- 프로그램은 위에서 아래로 순서대로 실행
console.log()로 값을 화면에 출력- CSS보다 우선순위가 높으며, 웹을 감독하는 역할
- JS와 CSS는 협력해서 사용하는 것이 바람직
2. JS의 4대 구성요소
1. 조건문 (Conditional Statements)
- 코드 실행을 상황에 따라 달리 처리
- 대표:
if,switch(스위치는 아직 학습 안 함) - 예제:
if (조건) {
// 조건이 참일 때 실행
} else {
// 조건이 거짓일 때 실행
}2. 반복문 (Loops)
- 같은 코드를 여러 번 반복 실행
- 대표:
while,for(do while은 아직 학습 안 함) - 예제:
for (var i = 0; i < 5; i++) {
console.log(i);
} // i가 0에서 4까지 1씩 증가하며 console.log(i) 실행.3. 변수와 값 (Variables & Values)
변수 선언 방식
var: 함수 스코프, 재선언 및 재할당이 가능함. 요즈음엔 지양하는 추세이다.let: 블록 스코프, 재선언 불가능, 재할당 가능.const: 블록스코프, 재선언 및 재할당이 불가능하다.- 데이터를 저장하는 그릇
- 값(Value, 데이터) 종류:
- 숫자(Number) : 1, 1.5
- 문자(String) : "안녕", "a", "잘가세요."
- 논리(Boolean) : true, false
- 객체(Object) :
let obj = { 이름: "홍길동", 나이: 22 }- 객체는 버스처럼 여러 데이터를 한 번에 담을 수 있음
[]와.문법으로 내부 변수(좌석) 관리 가능
- 지역변수(Local Variable) : 함수 안에서만 존재하는 하루살이 변수
- 배열(Array) : 동일한 자료형의 데이터들을 하나의 변수 이름으로 관리하는 자료구조
4. 함수 (Function)
- 실행 가능한 코드 블록
- 매개변수(Parameter) : 함수 입력 역할
- return : 함수 출력 역할
- 예제:
function greet(name) {
return "안녕, " + name + "!";
}
console.log(greet("홍길동")); // 안녕, 홍길동!✅ 정리
- JS는 웹에서 동작을 감독하는 언어
- 변수와 객체로 데이터를 담고, 함수와 조건/반복문으로 동작을 제어
