2.0. 시작하기 전에...
자바스크립트를 본격적으로 배우고 코드를 작성하기 전에, 먼저 자바스크립트 코드를 작성하는 기본 방법과 실행하는 여러 가지 방법에 대해 알아보았다.
하지만 프로그래밍을 시작할 때에는 코드 작성법이나 실행법 외에도 꼭 숙지해야 할 몇 가지 중요한 개념과 준비 사항들이 있다.
이 부분을 미리 알고 준비하면 앞으로의 학습과 실습이 훨씬 더 수월해질 것이라 생각된다.
이번 장에서는 프로그래밍 전 반드시 알아두면 좋은 기본 개념과 주의 사항에 대해 살펴보자.
2.1. 주석
프로그래밍 언어마다 주석을 작성하는 방법이 다르다.
주석은 코드에 설명이나 메모를 남길 때 사용하며, 프로그램 실행에는 영향 없음
- HTML: <!-- 내용 -->
- Python: 한 줄 주석은 #, 여러 줄 주석은 ''' 내용 ''' 또는 """ 내용 """
- JavaScript: 두 가지 방법의 주석 처리.
2.1.1. 한 줄 주석 (//)
한 줄짜리 주석을 작성할 때 사용
// 뒤에 오는 내용은 그 줄에서 모두 주석 처리
2.1.2. 여러 줄 주석 (/* ... */)
여러 줄에 걸쳐 주석을 작성할 때 사용
/*로 시작해서 */로 끝나는 구간이 모두 주석 처리
2.1.3. 주석을 왜 쓸까?
문득 이런 의문이 생길 수도 있다.
“주석은 왜 쓸까?”
주석을 사용하는 이유:
- 코드를 이해하기 쉽게 돕기 위해
- 프로그램을 작성한 본인이나 다른 사람이 나에 코드를 읽을 때, 코드가 어떤 역할을 하는지 빠르게 파악할 수 있도록 설명.
- 유지보수와 협업에 도움을 주기 위해
- 시간이 지나면 코드 작성자의 의도나 작성 맥락을 잊어버릴 수 있음
- 주석은 이런 정보를 기록해 두어, 코드를 수정하거나 기능을 추가할 때 큰 도움
- 팀 프로젝트에서 다른 사람과 협업할 때 소통 수단으로 사용
- 일부 코드를 임시로 비활성화하기 위해
- 버그를 찾거나 테스트할 때 특정 코드를 실행하지 않고 주석 처리하여 잠시 실행 정지 하기 위해
- 코드의 의도, 주의 사항, 개선점 등을 기록하기 위해
- 단순히 어떻게 작동하는지 뿐 아니라, 왜 그렇게 작성했는지, 앞으로 개선할 부분이나 문제점을 명시 하기 위해
2.1.4. 주석 작성 시 주의할 점
주석은 아무리 중요해도 너무 많거나 불필요한 내용은 오히려 방해가 될 수 있다.
좋은 주석을 작성하기 위해 다음을 기억하자.
- 간결하고 명확하게 작성하기
- 너무 장황한 설명보다는 핵심만 잘 전달하자.
- 코드와 동기화 유지하기
- 코드가 수정되면 주석도 함께 업데이트
- 주석이 코드와 다르면 오히려 혼란을 초래합니다.
- 필요한 곳에만 작성하기
- 자명한 코드는 주석이 없어도 됨
- 예를 들어, i++ 같은 단순 반복문에서 무조건 주석을 다는 것은 불필요
2.2. 자바스크립트 오류 확인 방법
2.2.1. 실행 방법들의 종류
프로그래밍 언어를 실행 하는 방법: 컴파일(compile) 방식, 인터프리터(interpreter) 방식.
- 컴파일 방식:
- 코드 실행전 모든 코드를 한번에 기계어(컴퓨터가 이해하는 언어)로 변환
- 변환된 기계어 파일을 실행하여 프로그램 동작
- 빠른 속도
- 컴파일 과정에서 대부분 확
- 대표적인 언어: C, C++ java(컴파일 후 바이트 코드라는 중간 단계 코드로 실행)
- 인터 프리터 방식:
- 코드를 한번에 한줄씩 실행.
- 별도의 기계어 변환 과정없이 바로 실행.
- 상대적으로 느린 속도
- 실행 도중 오류 발견 가능
- 대표적인 언어: 자바스크립트, 파이썬. PHP등
2.2.2. 컴파일 방식 vs 인터프리터 방식 비교
| 비교 항목 | 컴파일 방식 | 인터프리터 방식 | 비고 |
| 실행 속도 | 빠름 미리 기계어로 변환 후 실행 |
느림 한 줄씩 해석하며 실행 |
컴파일러가 최적화 가능 |
| 개발 편의성 | 번거로움 수정 시마다 재컴파일 필요 |
간편 코드 수정 후 바로 실행 가능 |
개발 초기 단계에서 유리 |
| 오류 발견 시점 | 컴파일 시점에 대부분 오류 확인 가능 |
실행 도중에 오류가 발생할 수 있음 |
오류 조기 발견이 유리 |
| 플랫폼 의존성 | 플랫폼별로 별도 컴파일 필요 | 대부분 플랫폼 독립적 | 인터프리터만 있으면 어디서나 실행 가능 |
| 디버깅 | 어려움 컴파일된 코드 분석 필요 |
쉬움 코드 실행 흐름 바로 확인 가능 |
빠른 테스트, 수정에 유리 |
| 배포 형태 | 컴파일된 실행 파일이나 라이브러리 배포 |
소스 코드 배포 | 컴파일 방식은 소스 숨김 가능 |
2.2.3. 자바 스크립트 오류 확인 방법
자바스크립트는 인터프리터 방식으로 실행.
실행 도중 오류 발생시 발생 시점과 줄 번호를 알려준 후 실행 중단.
일부러 오타를 내 보았다.
앞에서 배운대로 실행 하고 콘솔창 확인 해보자
consol이란 건 정의 되어 있지 않다고 친절히 설명해 주고 또한 ex.html 파일에 11번째 줄 확인 하면 된다는 설명까지 친절하게 알려준다.
바로 옆에 소스(source) 창을 클릭하면 11번째 줄 코드를 정확하게 다시 표기 해주기에 여기서도 추가적으로 확인이 가능하다.
*해당 문서는 김기수 님께서 작성하신 HTML+CSS+자바스크립트 책을 읽고 이해한대로 자바스크립트를 요약한 정리입니다.
본 문서는 상업적인 목적으로 사용이 불가능 함을 고지 합니다. (개인 공부를 남기기 위한 목적임을 명백히 고지 합니다.)
'프로그램 언어 > JavaScript' 카테고리의 다른 글
| [J.S] 6. 조건문 다루기 (4) | 2025.08.12 |
|---|---|
| [J.S] 5. 연산자 (7) | 2025.08.12 |
| [J.S] 4. 자료형 (9) | 2025.08.08 |
| [J.S] 3. 변수와 상수 (10) | 2025.08.07 |
| [J.S] 1. 자바스크립트 코드 작성 방법 (3) | 2025.08.04 |