Day 5

Preznt·2022년 10월 17일
0

국비 교육

목록 보기
1/13

컴파일(Compile)

: Text Type으로 작성된 소스코드를 컴퓨터에 주입하여 실행하기 위해 BIN(이진수) 코드로 한꺼번에 변환하는 것

※ 소스코드 : Vscode같은 걸로 볼 수 있는 텍스트 파일을 말한다.

  • 컴파일러(compiler)
    : 소스코드를 컴파일하여 BIN코드를 만들어내는 소프트웨어 개발도구

  • 인터프리터(interpreter)
    : Text Type으로 작성된 소스코드를 한 줄씩 실행
    자바스크립트나 파이썬같은 언어가 한 줄씩 실행된다.

배열(Array)

: 한개의 변수에 다수의 데이터를 보관(저장)하기 위한 설정

: querySelectAll()을 사용하여 tag들이나 class 로 설정된 항목을 가져오면
자동으로 배열이 만들어지고 각각의 요소에 값들이 보관 된다

  • span[0]
    -> 만약에 여러 span태그들을 가져왔다고 했을 때 그 태그들 중 하나를 가져올 떄는
    [ ] 안에 0부터 전체개수-1 중에(0부터 세기 때문) 원하는 정보의 순번을 넣어준다.
    이렇게 [ ] 안에 있는걸 index라고 부른다.

  • 배열.length : 배열의 개수를 저장하고 있는 속성

  • 배열.push : 기존의 배열의 끝에다가 새로 추가

#자바스크립트에서는 3개짜리 배열을 만들었는데 5번째 배열을 만들라고 하면
4번째에 값이 없더라도 비어있는 배열로 생성되며 5번쨰 배열이 만들어진다.
다른언어에서는 오류가 뜬다.

Class

: 학급으로 동일한 class를 가진게 여러개 일 수 있다.

  • ~.설정한 클래스이름 이렇게 가져온다 ex) ~.num

num1+=10, num1++, ++num1, 누적연산

// num1 = num1 +10을 줄여서 표현하는 식
num1 += 10;

// num1 = num1 + 1
num1 += 1;

// num1 = num1 - 1
num1 -= 1;

// num1 = num1 2
**num1
= 2;**

// num1 = num1 / 2
num1 /= 2;

// num1 변수의 값을 1 증가시켜라
num1 = num1 + 1;
num1 += 1;
num1++; (후행연산자)
++num1;
(선행연산자)
// num1 ** : 불가능한 코드,
// 연속연산자(++, --, 증감연산자) 는 덧셈과 뺄셈만 가능

  • 누적연산
let num1 = 0;
let sum = 0;

document.writeln(num1++);
document.writeln((sum += num1));
document.writeln("<br/>");

위와 같이 documnet로 되어있는 3줄을 반복하다 보면 sum에 담기는 값이
0 + 1+ 2+ .... 이렇게 되므로 숫자가 누적되어 연산된다.

반복문(for 문)

: 코드를 반복적으로 실행할 떄 쓰는 코드

for (let i = 0; i < 20; i++) {
  nums.push(i + 1);
  nums1[i] = i + 1;
}

세미콜론 사이 명령문은 if문과 비슷하고
첫번째 세미콜론 앞에 명령문은 최초 한번만 실행된다

실행순서 : 첫번쨰 세미콜론 앞 -> 세미콜론 사이 ->
true면 {}안에 명령문을 실행 -> 세미콜론 뒤

##배열의 연속적인 어떤걸 하겠다하면 for문을 항상 생각하기

그 외 여러가지 내용 및 질문

  • main00.js -> Q . input 태그에 정수만 입력할 수 있게 하려면 어떻게 해야할까?

  • form submit이 작동하지 않도록 하는 방법

    1. form 에 button이 있을 때는 button의 type을 button으로 설정한다
      이때는 form의 submit event 를 설정하지 않아야 한다.
    2. form 속성에 onsubmit = return false로 설정해준다.
  • inline tag (ex. span tag)
    : inline tag는 width, heigth 등의 속성을 설정 할 수 없다.
    inline tag 의 display 속성을 inline-block 으로
    설정하면 width, height 속성을 부여할 수 있다

0개의 댓글