프로그램을 개발하려면 개발할 수 있는 환경이 필요, 이처럼 개발을 할 수 있게 해주는 환경을 개발환경이라 부름
개발환경 : 텍스트 에디터(코드 작성) - VSC , 코드 실행기(코드 실행) - chrome
구글 크롬 콘솔에서 실행하기
1) 구글 크롬 주소창에 about:blank 입력해 크롬이 기본적으로 제공하는 빈 페이지로 들어감
2) 맥(command + option + i) 눌러 개발자 도구 실행 후 console 탭 클릭
3) 코드 입력후 엔터 누르면 코드 실행을 확인 가능
ex) console.log('안녕하세요!') -> 입력한 코드
안녕하세요! -> console.log()로 출력된 내용
undefined -> 해당 줄의 결과 (현재는 결과가 따로 없어서 undefined 출력)
* undefined 라는 키워드는 해당 변수의 자료형이 정해지지 않음파일 만들고 저장해 실행하기
1) VSC에서 새파일 생성
2) 확장자명을 .html 으로 저장
3) 자동완성 기능 html:5을 선택 후 엔터
4) <head> 태그 사이에 <script> 태그를 삽입
5) 코드 alert("Hello, World") 입력
6) html 파일 실행
7) Hello, World 경고창이 뜸REPL(Read Eval print Loop) : 읽고 + 실행하고 + 출력하는 것의 + 반복
오류를 확인하는 법
test.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script>
5 alrt('Hello, World')
6 <script>
7 </head>
8 <body>
9 </body>
10 </html>
1) 개발자 도구에 있는 콘솔 탭 클릭
2) 'Uncaught ReferenceError: alrt is not defined' 오류가 출력됨
3) 오류 마지막에보면 위치가 나타남 ex) ...test.html:5:9 (test.html에 있는 5번째 줄 9번째칸에 에러가 발생ReferenceError(예외 처리)
ex) Uncaught ReferenceError: OO is not defined
OO 부분을 잘못 입력 했을 때 발생SyntaxError(구문 오류)
ex) Uncaught SyntaxError: Invalid or unexpected token
<script>
alert("안녕하세요) -> 따옴표를 열고 닫지 않아 에러 발생
</script>
ex) Uncaught SyntaxError: missing ) after argument list
<script>
alert("안녕하세요" -> 괄호 열고 닫지 않아 에러 발생
</script>자바스크립트 표준 스타일
프로그래밍 언어는 팀또는 회사마다 사용하는 코드 작성 방식이 조금 다릅니다. 이러한 코드 작성 방식을 코딩 스타일 or 코딩 컨벤션 이라고 부릅니다.
예로 들면 들여쓰기 2개 or 4개 차이, 중괄호 입력 방식, 키워드 뒤에 공백 등 있습니다 하지만 어떻게 작성하는 것이 더 좋다는 절대적인 기준이 없습니다.
꺽이지 않는 마음