2022. 12. 28. 11:45ㆍ코딩배움일지/Web 구현
compile 한번 해야함. 변수의 데이터타입.
스크립트. 문서에서만 쓰인다. 컴파일 과정을 거치지 않는다. 데이터 타입이 존재하지 않는다. 이녀석은 변수다 지정만
<script>
var hello_world = 'Hello world!!'; /*스크립트 언어는 snake 언더바, 자바나 컴파일러는 로우카멜스타일 helloWorld*/
// hello_world = 1;
alert(hello_world);
</script>
<script>
var hello_world = 'Hello world!!'; /*스크립트 언어는 snake 언더바, 자바나 컴파일러는 로우카멜스타일 helloWorld*/
// hello_world = 1;
// 기본 알림창
alert(hello_world);
//확인창
confirm(hello_world);
</script>
<script>
var hello_world = 'Hello world!!'; /*스크립트 언어는 snake 언더바, 자바나 컴파일러는 로우카멜스타일 helloWorld*/
// hello_world = 1;
// 기본 알림창
alert(hello_world);
//확인창
var confirm_value = confirm(hello_world);
alert(confirm_value);
</script>
prompt('이름을 입력하세요');
var input_value = prompt('이름을 입력하세요');
alert(input_value);
var input_value = prompt('이름을 입력하세요' , '홍길동');
alert(input_value);
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 1</title>
<script>
var hello_world = 'Hello world!!'; /*스크립트 언어는 snake 언더바, 자바나 컴파일러는 로우카멜스타일 helloWorld*/
// hello_world = 1;
// 기본 알림창
// alert(hello_world);
//확인창
// var confirm_value = confirm(hello_world);
// alert(confirm_value);
// 사용자 입력 창
// var input_value = prompt('이름을 입력하세요' , '홍길동');
// alert(input_value);
document.write(hello_world);
</script>
</head>이런거 안쓴다. body 에 나온다.
// Console 창에 작성
console.log(hello_world);
LT (less then) 보다 작다
GT(Great then) 보다 크다.
리터럴
더이상 바꿀수 없는 상수형 변수 final, 데이터 값 자체 상수,
스타일 가이드란
코딩 규칙을 ‘스타일 가이드’, ‘코딩 컨벤션‘, ‘코딩 스타일‘, ‘표준 스타일‘ 등으로 부름
코딩 규칙이 왜 필요할까?
자바스크립트는 다른 프로그래밍 언어에 비해 데이터 유형이 유연해서 오류 발생이 잦다
오픈 소스에 기여하거나 누군가와 공유할 소스라면 더욱 깔끔한 소스가 중요하다
팀 프로젝트를 진행한다면 통일된 코딩 규칙이 필요하다
코딩 규칙에 따라 작성된 웹 사이트는 유지 보수도 수월하고 그만큼 비용도 줄어든다
자바스크립트 스타일 가이드 /*매우 중요하다.*/
구글 자바스크립트 스타일 가이드 (google.github.io/styleguide/jsguide.html) 또는
에어비앤비 자바스크립트 스타일 가이드(github.com/airbnb/javascript) 참고
회사 프로젝트의 경우 팀 내에서 상의해서 결정
자바스크립트 소스를 작성할 때 지켜야 할 기본 규칙
1. 코드를 보기 좋게 들여쓴다
‘Tab’ 키나 ‘스페이스바’를 눌러 2칸이나 4칸 들여씀
최근에는 공백 2칸 들여쓰기를 많이 사용함
2. 세미콜론으로 문장을 구분한다
세미콜론을 붙일 것을 권장함
소스는 한 줄에 한 문장만 작성하는 것이 좋다
3. 공백을 넣어 읽기 쉽게 작성한다
식별자나 연산자, 값 사이에 공백을 넣어 읽기 쉽게 작성한다
4. 코드를 설명하는 주석을 작성한다 ( 제일 좋은 것은 주석이 없어도 알아 볼 수 있게)
한 줄 주석 : 슬래시 2개(//) 바로 뒤에 작성
여러 줄 주석 : 여는 기호(/*)를 맨 앞에, 닫는 기호(*/)를 맨
뒤에 넣고 그 사이에 주석 내용을 작성
주석 사이에 또다른 주석을 넣을 수 없음
5. 식별자는 정해진 규칙을 지켜 작성한다
첫 글자는 반드시 영문자나 언더스코어(_), 달러 기호($)로 시작해야 한다
두 단어 이상이 하나의 식별자를 만들 때 단어 사이에 공백을 둘 수 없다
예약어는 식별자로 사용할 수 없다
'코딩배움일지 > Web 구현' 카테고리의 다른 글
| Web 7일차 3-1(자바스크립트 기본 문법) (0) | 2022.12.28 |
|---|---|
| Web 7일차 3(자바스크립트 기본 문법) (0) | 2022.12.28 |
| Web 7일차 1() (0) | 2022.12.28 |
| Web 6일차 4(선생님과 함께하는 Oven clone page) (0) | 2022.12.27 |
| Web 6일차 3(선생님과 함께하는 Oven clone page) (1) | 2022.12.27 |