시작
2021.12.06~
스타일 가이드
1.보기 좋게 들여쓰기
2.세미콜론 문장구분
3.공백을 넣기
4.소스코드 설명용 주석 작성
5.식별자는 정해진 규칙을 지켜 작성(변수앞에 숫자 안됨, 띄어쓰기는 언더스코어나 하이픈)
6.예약어는 식별자로 사용할수 없음
7.한단어는 무조건 소문자, 여러단어 연결은 중간에 대문자 혹은 언더바, 하이픈 섞어서 쓰기
기본 명령어.
confirm - 예, 아니오 대답
> 기본형 : confirm(메시지)
> 응용 : var reply = confirm(메시지) < 예를 누르면 true, 아니면 false 값을 reply가 가짐
alert - 알림
> 기본형 : alert(메시지)
prompt - 메시지를 입력하면 자료형을 얻음 "문자열"로써. 물론 연산할때 숫자형으로 하긴함
> 기본형 : prompt(메시지) or prompt(메시지,기본값)
parseInt - 메시지를 입력하면 "정수"로 값을 얻음
> 기본형 : parseInt(메시지)
document.write(메시지) - 안의 메시지를 html 양식으로 작성함 "<h1>안녕</h1>" 을 입력하면 h1태그 적용됨
> 응용 : document.write("<b>" + 변수 + "</b>");
console.log(메시지) - 안의 메시지를 출력함
- document.write 와 다르게 콘솔에 입력하므로 태그가 먹히지 않는것 같음
변수 선언 & 값 할당
var ant : ant 라는 변수 선언
ant = 15; 15라는 값 넣기
자료형 종류
기본 유형 : 숫자형(1,2,3), 문자열(큰따음표, 작은따음표, 문자열안에 속성값 넣을때 ",' 순으로 사용), 논리형(true, false)
복합 유형 : 배열, 객체 ( ex) new Date(); )
특수 요형 : undefined (자료형이 지정되지 않았을때 변수선언만), null (값이 유효하지 않을때)
연산자
+, -, ++, --, /, *, % 등이 존재
- ++a 라고 입력하면 연산 전에 a에 +1 을 시행
- a++ 라고 입력하면 연산 후에 a에 +1 을 시행
할당 연산자
=, +=, -=, *=, /=, %= 등이 존재
연결 연산자 '+'
- 둘 이상의 문자열을 하나의 문자열로 만들기 위해 사용. 혹은 변수 와 함꼐 사용하기 위해
비교 연산자
== 피연산자가 서로같으면 true
=== 피연산자 및 자료형도 같으면 true
!= 서로 같지 않으면 true
!== 피연산자가 같지 않거나 자료형이 같지 않으면 true
< 오른쪽이 크면 true
> 오른쪽이 작으면 true
<= 오른쪽이 같거나 크면 true
>= 오른쪽이 같거나 작으면 true
논리 연산자
|| - OR 연산자
&& - AND 연산자
! - NOT 연산자
조건문 if & else
> 기본형 : if(조건) {조건 결과 값이 true면 실행 명령}
> 기본형 : if(조건) {조건 결과 값이 true면 실행 명령} else { false 라면 실행할 명령 }
Switch 문
- 기본형 - 조건문과 값이 일치할때 작동하는 것 같아 보임.
- 만약 값과 조건문이 전부 일치 안하면 명령n 을 수행
switch(조건문)
{
case 값1: 명령1
break
case 값2: 명령2
break
default: 명령n
}
반복문 for
- 기본형 for(초깃값; 조건; 증가식) { 실행할 명령; }
- 예시
for(i=1; i<6; i++) { sum += i;}
while 문과 do~while 문 사용하기
- while 기본형 - 조건이 맞다면 반복해서 실행합니다.
while(조건) { 실행할 명령 }
- do while 기본형 - 한번 실행한 후 조건이 맞다면 반복해서 실행합니다.
do { 실행할 명령 } while (조건)
break 문 사용
- 반복문을 빠져나올때 사용함
continue 문 사용
- 어떤 조건에 해당하는 상황이면 바로 반복문의 처음으로 돌아가 다시 시행합니다.
'WEB > JAVASCRIPT' 카테고리의 다른 글
| [JAVASCRIPT] 객체 (작성중) (0) | 2021.12.15 |
|---|---|
| [JAVASCRIPT] 함수의 기본 (0) | 2021.12.08 |
| [JAVASCRIPT] 기초 (0) | 2021.11.29 |
댓글