<자바스크립트 정리 1. 정의 및 함수 2가지 >

웹페이지는 html과 css만으로도 돌아는 갈 수 있다. 하지만, 웹이 더 반응 지향성으로 움직이게 하는 장치가 필요하다. 이때 사용하는 필수적인 언어가 자바스크립트다. 즉, 웹페이지와 상호작용하도록 만들어진 언어다.

확장자 명: .js

자바 스크립트의 실행조건
1. 브라우저가 존재해야 한다.
2. HTML 파일이 있어야 한다.
3. HTML 파일과 자바스크립트 파일을 연결시켜 주어야 한다.

자바스크립트의 함수 2가지.

01. Alert 함수.

다음과 같은 박스를 alert 박스라고 한다. 다른 웹사이트에서 경고 메시지 창처럼 문득 띡 하고 뜨는 경우가 있는데, 이것은 alert 함수에 의해 실행된 것이다.
보통의 경우에는 html 혹은 js에서 처리를 위해 스타일링 혹은 구조화 작업을 거치지만, 이 경우는 그렇지 않다. Alert 함수의 경우, 브라우저 내장 함수다. 따라서 별도의 스타일링이나 구조화가 필요없다.

Alert 함수의 사용 사례

1. 로그인 창에서 비밀번호 불일치.

02. console.log()

alert() 함수는 사용자에게 안내하고 싶은 내용을 텍스트로 보여줬다면, console.log() 함수는 개발자가 확인하고 싶은 내용을 출력하는 함수다. 주로 작성한 코드 안에 콘솔 로그를 찍어 콘솔 창에서 확인한다. 이를 통해 개발자는 자신이 짠 코드의 오류 검증 및 수정을 할 수 있다. 따라서 현업에서 매우 중요하게 쓰이는 함수다. 다만, 유의할 점은 이후 리팩토링 과정에서 해당 함수는 꼭 코드에서 삭제시켜야만 한다. 그 이유는 이후 해당 코드에 대한 가독성이 떨어지기 때문이다. 나만 보는 코드라면 상관 없지만, 이후 협업시에 다른 개발자가 볼 수 있기에 지워주자.