JavaScript 입문 : 기본기 (hello, world 출력, 쎄미콜론, 주석)

이 글은 제로초 TV를 기본으로 공부하면서 정리한 글입니다. 

 

자바스크립트 공부를 계기로 프로그램에 대한 이해도를 높혀야겠다고 다짐해 봅니다. 시간이 남들보다 배가 더 걸릴지라도 내손으로 한번 웹 프로그래밍을 하는 그 순간까지 천천히 가보고자 합니다. 

 

---

▒ 코드작성 규칙

 

기본적 문법을 공부하기 위해 코드에 대한 작성규칙을 연습해 보고자 합니다. 지난 시간 이용했던 기본적인 웹 페이지에서 개발자코드(F12)를 통해 연습을 몇가지 해 보겠습니다. 

 

저는 구글 첫페이지에서 개발자코드에서 Console탭에서 시작해 보도록 하겠습니다. 

여기서는 여러가지 방법으로 직접 타이핑을 하면서 에러가 나올때 메시지를 보면서 정확한 코딩경험을 해보는게 핵심일 것 같습니다. 따라서, 혹시 이글을 보는분이 계시다면 단지 읽는것 보다는 여러가지 케이스를 타이핑하면서 익숙해지는게 훨씬 도움이 될 것 같습니다. (지금 이순간 제자신도 그런 경험을 하고 있기 때문입니다.)

 

1. hello, world 출력해 보기

 

지난시간 의미는 모르지만 화면에 hello, world를 출력해 보았습니다. 다시해 보면 다음과 같습니다. (구글 첫화면에서 개발자코드로 Console탭에서 연습해 봅니다.)

 

아래 그림에서 에러가 두번 나고 세번째 성공했습니다. 

 

 

 

첫번째 에러는 역시 스펠링에서의 문제였고, 두번째 에러는 따옴표를 사용하지 않아서 에러가 발생 하였습니다. 세번째에 드디어 hello,world가 출력이 되었습니다. 

 

 

 

2. 쎄미콜론 사용하기 

 

자바스크립트 여러가지의 강좌를 참조하면 하나의 명령어가 끝나면 뒤에 쎄미콜론 ( ; )을 붙히는게 에러가 나지 않는다고 합니다. 오히려 안 붙히는 경우에서 에러발생이 있다고 하니 하나의 명령어 마지막에는 쎄미콜론을 붙히는게 좋을 듯 합니다. 

 

그럼 위 hello,world명령어 뒤에 다음과 같이 붙혀보고 결과를 보도록 하겠습니다. 

 

 

에러가 나지 않으니 웬만하면 쎄미콜론을 사용해야겠습니다. 

 

 

3. 주석

 

주석은 코딩할 때 프로그래머인 사람에게 어떤 내용이 사용되었는지 설명을 해 주는 기능이라고 보면 됩니다. 예를 들어 '이 코드는 재미로 만들어 보있습니다.'의 내용을 코드속에 반영하고 싶으면 슬래시 (/)기호를 두번 동시에 다음과 같이 사용합니다. 

 

 

즉, 결과에는 변합이 없지만 주석(설명)을 달 수 있습니다. 다음과 같이 /* ..... */ 을 사용하여 긴 주석이나 코드와 코드사이 주석을 달 수 있습니다. 

 

 

---

 

 

항상 뭐든지 처음 배우는 순간에 맨 앞 부분에서 열심히 합니다. 과거 수학책이든 영어책이든 앞 부분은 정말 열심히 보고 또 봐서 책이 닳았는데 뒤로 갈수록 어려워지기도 하지만 잘 안본 경우가 허다합니다. 이 코딩도 그럴것 같아 다짐을 다시하고 또 해봅니다. 뭐든 시작을 했으면 끝을 보는게 좋다고요.