Project2: Java blogging

1. 배열과 반복문의 활용

• 배열은 반복문과 함께 활용될 때, 시너지를 가짐!

첫번째 활용

<script>
        var color = ['blue','green','white','black'];
</script>

• Color라는 변수 안에 4가지 배열을 입력.
• 네가지 색깔을 정해두고 그 이름이 출력되도록 할 때,

<script>
          var i = 0;
          while(i < color.length){
          document.write('<li><a href="https://velog.io/@majaeh43">'+color[i]+'</a></li>');
          i = i + 1;
        }
</script>

• color에 들어있는 개수보다 i가 작을 때, 차례대로 중괄호에 해당되는 명령이 반복실행 된다.
• a를 통해 나의 블로그를 링크시켜주고, 각 color가 실행될 때마다 링크되어 출력된다.
• 반복되는 부분 중 변화해야하는 부분을 "+___+" 이 부분에 넣어주어야함. (ex. +color[i]+)

두번째 활용

• 위에 a를 통해 링크 된 실행값들 모두에 색을 입혀줄 때, 배열과 반복문 활용 가능.
• document.querySelectorAll()을 통해 실현 가능

<script>
        var alist=document.querySelectorAll('a');
</script>

• alist라는 변수를 활용.
• a를 사용하는 모든 값을 다 찾을 수 있음.

<script>
        var alist=document.querySelectorAll('a');
        var i = 0;
        while(i<alist.length){
        alist[i].style.color='greenyellow';
        i=i+1;}
</script>

• alist에 해당하는 a값을 다 찾아주고 배열에 담아 변수 i=0부터 선언.
• alist에 값보다 i가 작은 경우에 한해 중괄호 구문이 반복됨.
• alist[i]에 스타일적용-> color(greenyellow) 넣어주기.
• alist에 해당하는 모든 값에 반복하여 color가 적용됨.

2. 자바스크립트 데이터타입

• 자바스크립트는 Datatype(자료형)을 갖는다.
• 수많은 데이터를 처리하기 위해 데이터를 효과적으로 분류하는 것이 필요하다.
• 크게 6가지 종류가 있다.(number, string, Undefined, Null, Boolean, symbol)

1. Number(숫자)
   • 숫자데이터를 뜻한다.
   • 숫자형을 사용할 때, 산술연산자를 함께 숙지해야한다.
   • 덧셈(+), 뺄셈(-), 나눗셈(/), 곱셈(*)

1+1=2
2-1=1
4/2=2
2*3=6

2. String(문자열)

   • " ", ' ', 백틱 사이에 넣어주어 표현함.("3"은 문자열, 3은 숫자)
   • 문자열을 사용할 때, 부가적인 기능들을 함께 숙지해야한다.
   • ex. .length(문자열의 길이), .toUpperCase(대문자로변경), .indexof(문자열위치 찾기)

3. Undefined

   • 변수가 선언은 되었지만 값이 정해지지 않은 것.
   • Undefined라고 할당을 줄 수 있음, undefined도 하나의 값.

4. Null

   • 비어있는 값.

5. Boolean

   • true와 false 두개의 값만 가지는 데이터타입.
   • false: 0, null, undefiend, Nan, ""
   • true: 위 false를 제외한 모든 값

6. Symbol

   • 고유한 식별자가 필요하거나, 순서를 주는 상황에서 고유 식별자를 줄 때 사용함.
   • symbol은 기본적으로 출력 불가, .description을 붙여서 string으로 출력해야함.

3. var, let, const의 차이

셋 모두 변수를 선언하는 keyword.

• var
  - 이전에 사용하던 변수 선언 keyword.
  - 변수 선언 전 값 할당, 출력 가능함.

• let
  - ES6에 추가됨
  - mutable타입
  - 할당된 값을 계속해서 변경가능

let name = ‘hi’;
let을 통해 name이라는 변수를 선언 / hi라는 변수의 값을 할당

• const
  - inmutable타입
  - 한번 값을 할당하면 그 값이 바뀌지않는 것
  - 보안상의 이유로 한 번 정한 값을 바꾸지 않는 것이 용이할 때 사용