2024.09.04 (Day 3) -JavaScript Basic II

 

JavaScript Basic

 

◆ ../ 02.JavaScript-Basic / 02.1-getting start

 

자바스크립트 기초

 

 

▼라인을 구분하기 위한 세미콜론을 강제하지 않는다

• 강제하지 않는다는 의미는 써도 되고 쓰지 않아도 된다는 뜻

 

▼ window 함수 – alert prompt confirm

• 브라우저에서 실행되는 자바스크립트 코드에서 기본이 되는 객체는 window 이다.

• window 는 브라우저 자체를 지칭하는 객체이며 이 window 객체에서 제공하는 변수, 함수를 이용해 프로그램을 작성할 수 있다.

• window 객체에서 다이얼로그를 띄우기 위한 alert(), confirm(), prompt() 함수를 제공

▷ alert()

 

 

▷ confirm()

 

▷ prompt()

 

▼ document.write()

• document 객체는 브라우저에서 실행되는 HTML 문서 자체를 지칭하는 객체이다.

• document.write() 함수는 HTML 문서에 어떤 문자열을 출력하기 위해서 사용되는 함수

 

 

▼ console.log()

• 자바스크립트 코드가 실행되면서 발생한 어떤 결과 혹은 문자열을 출력하기 위한 구문인데 출력하는 위치가 자바스크립트 코드를 실행시켜주는 플랫폼의 콘솔이다. 크롬 브라우저라면 개발자도구에 있는 콘솔창에 출력되며,

또는 Node.js 에서 실행되는 자바스크립트라면 Node.js 의 콘솔창에 출력된다.

JS Code Convention

• 코드 컨벤션(Code Convention) 이란 프로그래밍 코드를 작성하는 일종의 가이드이다.

• 코드 컨벤션에서 가장 기본적인 것은 들여쓰기 이며 어떤 실행영역을 묶기 위해서 중괄호( { } )을 사용하는데 

이 중괄호 부분을 중괄호 밖의 코드보다 들여쓰기를 해서 한눈에 중괄호로 묶인 부분이 

어디까지 인지를 쉽게 식별할 수 있게 해주어야 한다.

 

▼ 대소문자 구분 , 동일이름 변수 중복

코드를 작성하면서 변수명, 함수명, 클래스명 등 개발자가 직접 식별을 위해 이름을 지정하는 경우가 있는데

이때 대소문자를 구분해서 지정해 주어야 한다.

if 함수의 변수 data에 소문자 hello가아니기에 else 이후 콘솔값 출력

 

변수 중복으로인해 빨간줄 띄워지면서 에러발생

 

▼ 들여쓰기

코드를 작성할 때 읽고 관리하기 쉽게 작성하기 위한 일종의 관습

 

• 코드 컨벤션에서 가장 기본적인 것은 들여쓰기 이다.

• 어떤 실행영역을 묶기 위해서 중괄호( { } )을 사용하는데 이 중괄호 부분을 중괄호 밖의 코드보다 들여쓰기를 해서 

한눈에 중괄호로 묶인 부분이 어디까지인지를 쉽게 식별할 수있게 해주어야 한다.

 

 

▼ 띄어쓰기를 적절히 사용하여 보기 좋게 작성

• 띄어쓰기를 안했다고 해서 에러가 발생하지는 않지만 코드 해석의 용이성을 위해 적절하게 추가하는 것이 좋다.

 

▼ 주석을 열심히 추가하자.

 

• 적절한 주석을 추가하지 않은 코드는 나중에 그 코드가 왜 무엇을 위해 작성되었는지를간파하기 어려워

전체 코드를 해석하기 어려워 진다.

 

▼ 의미있는 식별자를 사용하자.

• 식별자는 변수명, 함수명, 클래스명등을 지칭한다.

• 이름만 보고도 이 변수가 어떤 데이터가 저장되는 변수인지, 이 함수가 어떤 행위를 하는 함수인지를

간파할 수 있게 지정하는 것이 좋다.

 

 

디버깅 (debugging)

- 디버깅(debugging)은 원하는 결과를 얻기 위해 컴퓨터 프로그램, 소프트웨어 혹은 시스템에서 

버그(또는 오류)를 찾고 해결하는 과정 또는 활동이다.

 

우리가 작성한 애플리케이션은 에러가 발생할 수 있으며 크게 컴파일,런타임 오류로 구분한다

 

1. 컴파일 오류

• 소프트웨어 언어의 문법에 맞게 작성하지 않은 에러
• 문법에는 맞게작성했지만 실행하다가 발생한 에러

2. 런타임 오류

• 코드가 문법에 맞게 작성되었지만 실행할 수 없는 상태
• 아무리 코드를 잘 작성하더라도 런타임 에러는 발생

오류는 브라우저 콘솔창에 에러가 출력되므로 이 에러 메시지를 확인해서 디버깅을 한다.

 

하지만 에러 메시지가 없을때 콘솔출력으로 확인하는 경우도 있다.

22가 출력이 안되는거면 그 위쪽에 뭔가잘못된거라고 유추 해볼수있다.