1. 조건문

- 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것

[조건문의 문법]
1) IF
  - if(true) => result : true => 실행
  - if(false) => result : false => 실행되지 않음


2) ELSE
  - if 조건문에 해당하지 않은 경우 실행되지 않음


3) ELSE IF
  - if 조건문 다음에 오는 조건문


[조건문의 응용]
- if(true) : 항상 실행되는 조건이기에 올바르지 않음
- prompt('질문내용'); : 입력창을 통해 사용자로부터 정보를 입력받을 수 있음

 

 

2. 반복문

 - (Loop, Iterate) 반복적인 작업을 지시하는 방법

 

1) while
    while(boolean){
        반복해서 실행할 코드
    }
    - 조건이 true에서 false가 될때까지 실행 (조건이 만족하면 실행)
    - while(true) : 무한한 반복을 의미하므로 가급적 사용X
    - while (i < 10) : i의 값이 10보다 작다면 true, 아니면 false, i 값이 10이 되면 종료


2) for
    for(초기화; 반복조건(true/false); 반복이 될 때마다 실행되는 코드){
        반복해서 실행될 코드
    }



[반복문의 제어]
  - break : 반복문의 종료
  - continue : 다음 코드 실행하지 않고 다음 증감값으로 이동 (반복문을 종료하지 않음)



[반복문의 중첩]
    for(i=0; i<10; i++){
        for(j=0; j<10; j++){
            반복해서 실행할 코드
        }
    }

1. 변수

[변수]
 - JavaScript에서 변수는 var로 시작 (변수 선언의 의미)
 - 특수문자를 제외한 모든 문자로 시작 가능
 - 한번 선언한 이후에는 또 var를 안붙여도됨
 - 숫자, 문자의 연산이 모두 가능함

[변수의 효용]
 - 변수를 쓰기 전 : 모든 영역이 변할 수 있는 영역
    alert(100+10);                  // 100을 고치기 위해서는 모든 줄을 다 고쳐줘야함
    alert((100+10)/10);
    alert(((100+10)/10)-10);
    alert((((100+10)/10)-10)*10);
- 변수 사용 후 : 첫 줄은 변할 수 있는 영역, 나머지 줄은 변하지 않는 영역
    a = 100;        // 한번만 고치면 됨
    a = a + 10;
    alert(a);
    a = a / 10;
    alert(a);
    a = a - 10;
    alert(a);
    a = a * 10;      
    alert(a);
- 변수를 사용하지 않으면 실수가 나올 수 있고 효율이 떨어지므로 유지보수력이 떨어지는 좋지 않은 코드가 됨

 

 

2. 비교 연산자

[연산자]
- 어떤 작업을 컴퓨터에 지시하기 위한 기호

[대입 연산자 =]
- a(변수)   =(대입 연산자)  1(상수 : 고정된 값. 변수에 대응되는 개념)
- 우항의 값을 좌항의 변수에 대입할때 사용

[동등 연산자 ==]
- equal operator
- 좌항과 우항을 비교해서 값이 같다면 true 다르다면 false
- 값의 자료형보다 의미가 같으면 같다고 판단
- 숫자 1을 true로 간주, 1 외의 숫자들을 false로 간주

[일치 연산자 ===]
- strict equal operator
- 좌항과 우항이 정확하게 같을 때 true 다르다면 false
- 정확하다는 의미 : 데이터형까지 같은 경우

* 동등 연산자를 사용하면 버그가 발생할 수 있는 가능성이 높아짐! 일치 연산자를 사용하자!
* 동등연사자와 일치 연산자 참고자료 : https://dorey.github.io/JavaScript-Equality-Table/

 

 

3. 부정과 부등호

[부정]

- !   : 부정을 의미
- !=  : 같지 않다를 의미
- !== : 정확하게 같지 않다라는 의미

[부등호]

- >   : 크다
- <   : 작다
- >=  : 크거나 같다
- <=  : 작거나 같다

1. 코드 작성과 실행

- HTML 구조 안에서 <script> </script>로 지정된 부분이 javaScript 영역

 

 

2. 콘솔 사용법

- alert : 알림창

- console.log : 콘솔 프린트

- Uncaught ReferenceError: 주석 is not defined at sample.html:8
                                                                                (파일명:row 8)

 

3. 도구

[IDE]

통합 개발 환경(integrated development environment, IDE)은 코딩, 디버그, 컴파일, 배포 등 
프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어

 

 

4. 주석

 

[주석]

- 좋은 주석이란? 주석조차 필요하지않은 쉽게 이해할 수 있고 가독성이 좋은 코드
- 코드에 대한 간단하고 명료한 주석 작성 필요
- 특정 코드를 일시적으로 작동하지 않게 하기 위해 사용하기도 함

 

 

5. 줄바꿈과 여백

[세미콜론]
- 명령이 끝났다는 것을 명시적으로 표시하기 위한 기호 
- 자바스크립트에서 줄이 바뀌면 세미콜론 없어도 명령이 끝났다고 간주함 (쓰는걸 권장)

[탭]
- 스페이스 4번정도의 들여쓰기 처리
- 블록 지정 후 탭키 누르면 한꺼번에 들여쓰기 처리
- 가독성을 높이기 위해 사용

 

 

6. 숫자와 문자

[수의 표현]
- 자바스크립트에서는 큰 따옴표나 작은 따옴표가 붙지 않은 숫자는 숫자로 인식
- 자바스크립트에서는 정수, 실수 구분 없이 사용할 수 있어 다른 언어에 비해 덜 엄격함

[수의 연산]
- Math라는 객체 안에 pow라는 명령이 있어서 사용
- Math는 수학과 관련된 명령들의 카테고리

 

[문자]
- 문자로 인식되기 위해서는 작은 따옴표 또는 큰 따옴표 안에 작성해야함
- \ (escape): 역슬래시 바로 뒤에 있는 문자 하나는 문자로 해석
- typeof 문자/숫자 : 자료형을 알려줌
- string : 문자열
- number : 숫자

[문자의 연산]
- \n : 줄바꿈
- 문자 + 문자 : 문자 합치기
- .length : 문자 길이
- String : 문자열들과 관련이 있는 명령어들의 카테고리

'생활코딩 강의 - JavaScript > 기초' 카테고리의 다른 글

[day-3] 조건문, 반복문  (0) 2024.10.15
[day-2] 변수, 비교 연산자  (0) 2024.10.11

+ Recent posts