[JavaScript] 자바스크립트 코드 구조

Statement의 이해

작업을 수행하는 최소 수행 단위

console.log(1);console.log(2);

각 문은 세미콜론으로 구분되며, 위에서 아래로 순차적 실행

가독성을 위해 줄 분리를 통한 코드 구조를 가져야합니다.

console.log(1);
console.log(2);

세미콜론 전략

줄 분리가 있으면 자바스크립트는 세미콜론 자동 삽입을 합니다. 그러나 세미콜론없이 코드 구조를 가지게 되면 에러가 발생할 수 있습니다.

<script>
	const test = 'test'
	[1,2,3].forEach(e => console.log(e))
</script>

위와 같이 세미콜론 자동 삽입을 생각하여 코드를 작성했으나 자바스크립트는 에러가 발생합니다.

// 자바스크립트가 인식하는 코드
<script>
	// 타입 에러 발생
	const test = 'test'[1,2,3].forEach(e => console.log(e))	
</script>

이런 문제점을 해결하기 위해서는 세미콜론을 명시적으로 사용해야 합니다.

<script>
	const test = 'test';
	[1,2,3].forEach(e => console.log(e));
</script>

주석 활용

함수에 관한 주석

어떤 함수인지에 대한 설명과 파라미터와 리턴값에 대한 설명으로 주석을 추가하여 활용합니다.

/**
 * 두 숫자의 합을 반환하는 함수
 * 
 * @param {number} a - 첫 번째 숫자
 * @param {number} b - 두 번째 숫자
 * @returns {number} 두 숫자의 합
 */
function add(a, b) {
	return a + b;
}

TODO 주석

// TODO: 2025-03 전환 시 제거 예정
function test() {}

커밋 참조 주석

// HOTFIX: #a1b2c3d 에서 수정된 검증 로직
if(isValid(test))