JS-Code Structure

📌Code Structure란?

Code Structure란 말 그대로 직역하면 코드구조라는 뜻이다.

Javascript에 주요한 코드 구조 요소는 아래와 같다

1.문(Statement)
2.세미콜론(Semicolon)
3.주석(Comment)
4.블록(Blocks)
5.함수(Functions)

---

📝1.문 (Statment)

문(statement)은 프로그램에서 실행되는 각각의 명령어뜻합니다.
문의 종류에는 조건문,반복문, 함수 선언문,할당문 등등... 자바스크립트에 빠질수 없는 구조입니다.

문은 일련의 동작을 정의하고, 프로그램의 흐름을 결정합니다. 자바스크립트에에서 문의 끝맺음은 세미콜론으로 나타냅니다.

---

📝2.세미콜론 (Semicolon)

세미콜론(semicolon)은 구문의 종료를 나타냅니다.
자바스크립트에선 세미콜론(;) 필수 사항이 아니라고 하는데요

alert('Hello')
alert('World')

이와 같이 자바스크립트는 줄바꿈이 있다면 '암시적'으로 세미콜론이 있다고 해석하여 다음 구문을 해석합니다.

❗하지만, 줄바꿈이 '항상' 암시적 세미콜론으로 해석하지않는데요 그 예는 아래와 같습니다.

alert("에러가 발생합니다.")

[1, 2].forEach(alert)

예제에 보이는것처럼 이 코드는 실행했을때 에러가 발생합니다. 그 이유는 자바스크립트는 대괄호 앞에는 세미콜론이 있다고 가정하지않기 때문에 에러가 발생합니다.

이처럼 세미콜론이 자동삽입이 일어나지 않는 경우도 있기 때문에 구문이 끝나는 경우 세미콜론을 붙여주는것이 좋습니다.

물론 위에 예제때문만은 아니라 자바스크립트 규칙에서도 권장하기도 하고 코드의 안정성과 가독성을 높이기 위해서라도 구문이 끝나는 부분은 세미콜론으로 마무리 해주는게 좋습니다.

---

📝3.주석 (Comment)

주석(Comment)은 코드에서 실행되지않고, 코드를 설명하거나 메모하는것으로 사용하는 텍스트입니다.

📎주석의 유형으로는

1.한 줄짜리 주석
//주석 처리할 행,문장

2.여러 줄의 주석
/*주석 처리할 행, 문장*/

한 줄 주석은 '//' 이 후 뒤에 나오는 코드들은 전부 주석처리가 되기때문에 아래와 같이 사용가능합니다.

console.log('Hi') //주석으로 처리되는 코드

이 처럼 여러 방법의 주석 처리가 있지만 주석안에 중첩주석은 사용할수 없습니다.❌

/*
  /* 중첩 주석 ?!? */
*/

물론 중첩주석을 가능하게하는 VScode extension이 있지만 저는 비추합니당..❌❌

이처럼 주석은 코드의 가독성을 높여주기 위해 많이 쓰이지만 너무 남발하면 오히려 가독성을 헤칠수 있으니 주의해야겠다.

❗주석은 코드를 설명하거나 단순히 메모만 하는것이 아니라 코드를 임시로 비활성화 시켜서 디버깅시 유용하게 쓸 수 있음.

---

📝4.블록 (Blocks)

블록(Blocks)은 중괄호에 감싸진 코드의 그룹을 블록이라고 합니다. 블록{}은 줄괄호 내에 여러문을 그룹화하여 코드의 범위를 결정합니다

✂ ✂ 블록의 예제는 조건문,반복문,함수,,등등이 많지만 아직 배우지 않아 간단하게 설명하고 넘어가겠습니다.

---

📝5.함수 (Functions)

함수(Functions)는 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다.

function functionName(parameters) {
  // 함수 본문
  // 여러 문과 표현식이 여기에 포함될 수 있습니다.
  return result; // 함수가 값을 반환할 수도 있습니다.
}

function: 함수 정의 키워드입니다.

functionName: 함수의 이름을 나타냅니다. 함수 이름은 식별자(identifier)로, 함수를 호출할 때 사용됩니다.

parameters: 함수가 받는 입력 값입니다. 함수를 호출할 때 인자(argument)로 전달됩니다.

함수 본문: 중괄호 {}로 둘러싸인 부분으로, 함수가 실행될 때 수행되는 코드를 포함합니다.

return: 함수가 값을 반환할 때 사용하는 키워드입니다. 함수가 값을 반환하지 않을 수도 있습니다.

🔗chatGPT 에 나오는 예문

---

✂ ✂ 이상 함수 부분도 아직 배우지 않았기에 여기까지하고 마무리하겠숩니다. ✂ ✂

🔗참고 사이트
📍chatGPT
📍Javascript info
📍여러 블로그 포스팅글,,,