본 시리즈는 제로초의 렛츠기릿자바스크립트의 챕터와 내용을 기반으로 다른 강의들의 내용이 추가되었습니다.
1. 프로그래밍의 오류 발생 원인
- 오타
- 잘못된 알고리즘과 명령문
✅ 흔하게 발생하는 에러
Uncaught ReferenceError: consle is not defined
console 입력 중에 오타(consle, comsole 등)가 나면 발생하는 에러
console은 브라우저에서 제공하는 기능이므로 오타 x
모든 글자는 소문자로, 대소문자 구분 필수
Uncaught TypeError: console.lg is not a function
log에서 오타가 나면 발생하는 에러
log는 console의 기능 중 일부이며 대소문자 구분 필수
Uncaught SyntaxError: missing ) after argument list
따옴표를 사용하지 않았을 때 발생하는 에러
‘Hello, world!’ 같은 문자는 ``(백틱)이나 ''(작은따옴표) 또는 ""(큰따옴표)로 감싸줘야 함
Uncaught SyntaxError: Invalid or unexpected token
따옴표의 짝을 맞추지 않았을 때 발생하는 에러
2. 인터프리터 & 컴파일
인터프리터(interpreter): JS
- 코드를 한 덩어리씩 실행해 결과를 출력하는 방식
- 코드를 콘솔에 입력하고 Enter를 누르면 결과가 바로 나옴(undefined가 그 결과)
- 빠른 실행이 가능하지만 많은 과정이 반복될 경우 계속해서 변환 과정을 거쳐야 함
컴파일(compile): C, C++, 자바 등 **
- 코드를 컴퓨터가 이해할 수 있는 언어로 변환하는 과정을 거친 후 한 번에 실행하는 방식
- 처음 컴파일 과정이 오래 걸리고 메모리 차지가 많지만, 컴파일 이후 실행이 빠르고 변환 과정의 반복이 없어 효율적이다
💡 콘솔에서 에러가 났을 때
console(REPL)에서 방향 키(↑)를 누르면 이전 코드가 재표시된다.
표시된 코드를 수정 → Enter → 재실행
위쪽 방향 키 = ctrl + z
3. 프로그래밍 사고력의 중요성
문법을 배우는 게 끝이 아니라, 프로그래밍 사고력을 갖춰야 코딩을 할 수 있다!
프로그래밍 사고력을 기르는 훈련: 순서도
4. 코드 작성 규칙
4-1. 세미콜론 (;)
- 하나의 명령이 끝날 때 세미콜론을 붙인다. 필수는 아니지만 권장사항이다. 대부분의 경우 자바스크립트 엔진이 자동으로 세미콜론을 붙여 주지만, 일부 명령에서는 가끔 에러가 발생하기도 한다.
- 한 줄에 여러 명령을 넣을 때는 반드시 명령 뒤에 세미콜론을 붙여 그다음 명령과 구분한다.
4-2. 주석 (comment)
- 한 줄 주석:
// 주석내용 - 여러 줄 주석:
/* 주석내용 */
4-3. 들여쓰기
- JS의 경우 들여쓰기의 제한이 없다. 단, 들여쓰기는 통일하는 게 좋다. ← 코드의 가독성 향상
5. console.log / dir
console.log ()
- 괄호의 내용을
console에 보여준다.
console.dir ()
- 괄호의 내용과 속성을
console에 보여준다.
