자바스크립트란?
자바스크립트는 프런트엔드(Front-end) 개발 언어이며 웹 문서에 동작을 부여합니다.
이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있습니다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었습니다.
많은 사람들이 JAVA와 Javascript를 이름이 비슷하다는 이유로 헷갈려 합니다. 하지만 햄과 햄버거처럼 둘은 다른 언어이며 실행환경 또한 다릅니다. 다만 둘은 객체지향 언어라는 점에서 공통적인 부분을 가지고 있습니다.
그럼 이어서 자바스크립트의 기초 문법에 대해서 알아보도록 하겠습니다.
자바스크립트 기초 문법
1. 자바스크립트 선언문
<script>
자바스크립트;
</script>Html 파일 내에 자바스크립트를 선언할 때에는 위와 같이 작성하면 됩니다. 선언문은 <head> 태그 영역 또는 <body> 태그 영역에 선언하면 됩니다.
2. 주석 처리
<script>
주석처리 방법 // 한 줄만 주석처리를 하고 싶을 때는 (//)를 사용
</script>
<script>
/*
여러 줄을 주석처리 하고싶을 때는
(/*)로 열고 (*/)로 닫아줍니다.
*/
</script>
주석 처리 하는 방법에는 2가지가 있습니다. 한 줄 주석일 경우에는 코드 옆에 // 를 사용하여 설명을 작성하고 여러 줄을 주석 처리하고 싶을 경우에는 /*로 열고 */ 로 닫아 작성하면 됩니다.
3. 내부 스크립트 외부로 분리하기
내부에 자바스크립트를 선언하는 방법도 있지만, 이 방법은 좋은 방법이 아닙니다. 외부로 분리할 경우에 더 찾기도 쉬울 뿐만 아니라 다른 누군가가 소스코드를 손상시킬 염려도 없습니다. 즉 외부로 분리하는 목적은 프로젝트 관리를 더 원활하게 할 수 있기 때문입니다.
<!DOCTYPE html>
<html lang = "ko>
<head>
<title>자바스크립트 기초 문법</title>
<script src ="자바스크립트 파일명.js"</script>
</head>
<body>
자바스크립트 기초 문법
</body>
</html>Html 파일의 head 부분 안에 <script src ="자바스크립트 파일명.js"></script> 형식으로 외부에 있는 자바스크립트를 선언해줄 수 있습니다. 선언이 되지 않는다면 파일 경로가 잘못된 것일 수 있으니 파일 경로를 잘 확인 후 선언해주어야 합니다.
4. 자바스크립트 Tips
1. 자바스크립트는 대 소문자를 구분한다.
2. 코드 한 줄 작성 후에는 세미콜론(;)를 사용하는 것이 좋다.
3. 코드를 작성할 때는 가독성을 위해 가급적이면 한 줄에 한 문장만 작성할 수 있도록 한다.
4. 문자형 데이터를 작성할 때는 큰 따옴표(" ")와 작은따옴표(' ')의 겹침을 주의해야 한다.
5. 코드를 작성할 때는 중괄호 {} 또는 소괄호 ()의 짝이 맞아야 한다.
참고 - 위키 백과 , Do it 자바스크립트 + 제이쿼리 입문
'자바스크립트' 카테고리의 다른 글
| 자바스크립트 (5) 객체 (0) | 2021.04.27 |
|---|---|
| 자바스크립트 (4) 제어문 (0) | 2021.04.22 |
| 자바스크립트 (3) 연산자 (0) | 2021.04.21 |
| 자바스크립트 (2) 변수 (0) | 2021.04.21 |