Day8

Preznt·2022년 10월 20일

식별자(Identifier)란

프로젝트에서 이름만으로 구분할 수 있는 것들로 함수, 변수, 객체 등의 이름을 말한다

식별자는 유일(Unique)성을 만족해야 한다.(scope 내에서 중복 선언 금지)
var는 중복선언이 되므로 쓰지말라

첫 글자는 영문자이어야 한다.
-함수, 변수, 객체는 첫 글자를 소문자로 시작한다.
-첫 글자를 숫자로 시작할 수 없다
-예외적으로 첫 글자를 Under Score(_,Under Bar) 또는 $로 시작하기도 한다.
두 번째 글자부터는 영문, 숫자, _를 사용할 수 있다.
-키워드(function, const, let, var for, if 등), 특수문자, 공백은 사용할 수 없다.
두 단어 이상을 조합하여 이름만 보고 용도를 알 수 있도록 의미 있게 만든다.
-두 단어 이상을 조합할 때 두 번째 단어부터 단어 첫 글자를 대문자로 한다.(Camel Case)
변수명은 첫 단어를 변수에 저장할 데이터(값)의 type으로 정한다.
연습할 때에도 a, aa, b, bb, nnn 등의 알파벳으로 변수를 사용하지 않도록 한다.
(for문 제외)

td.textContent = inputs[i].value;
textContent 는 innerText와 같은 속성
단순하게 문자열을 표시할 때는 textContent를 사용하도록 권장한다

Math : 수학 관련된 함수를 제공하는 도구(클래스)

Math.round() : 소수점 첫째 자리에서 반올림하여 정수로
Math.floor() : 소수점 부분 버리기 (값 보다 크거나 같은 정수중 가장 큰 정수)
Math.ceil(값) : 소수점 첫째 자리 무조건 올림 (값 보다 크거나 같은 정수중 가장 작은 정수)

배열.forEach(요소 => {실행할 코드})

배열 전체를 반복하여 수행하는 for() 반복문과 같다

for() 에서는 각 요소를 배열[index] 와 같이 값을 접근(참조)해야 한다
forEach() 에서는 각 요소의 값을 내부에서 변수를 생성하여 전달한다

예를 들면 inputs 배열 전체를 반복수행하는데 각요소(inputs[0], inputs[1]....) 를
input 변수를 선언하고, 변수에 담아서 {} 내부로 보낸다

continue

현재 또는 레이블이 지정된 루프의 현재 반복에서 명령문의 실행을 종료하고 반복문의 처음으로 돌아가여 루프문의 다음 코드를 실행합니다.
color를 지정하는 방법

16진수 : #RGB = #000000 ~#FFFFFF
컬러이름 : red, blue, yellow
10진수 : rgb(r, g, b) r, g, b = 0 ~ 255
10진수 알파 : rgba(r, g, b) r, g, b = 0 ~ 255, a 0 ~ 1
알파 : 색상의 투명도를 지정한다 0 ~ 1까지

div.input_box input {
        flex: 1;
      }

localStorage

: web browser 에 기본적으로 있는 Database, 소규모이지만 데이터를 저장하는 공간(데이터 서버) 을 제공해준다

localStorage 에는 String(text) type 의 데이터만 저장할 수있다

JSON.stringify()함수는
: Javascript 에서 사용하는 어떤 데이터든지 문자열로 변환할 수 있는 기능을 갖는다

JSON.parse(strAddr);함수는
: 문자열로 되어있던 데이터를 실제 배열(객체포함)로 변환하기

그외

const는 새로운값을 저장할 수없고 읽을 수만 있다, 내부속성은 자유롭게 변경할 수 있다

문자열을 Number()를 사용하여 변환(wrapping)하면 NaN(Not a Number) 값이 된다
NaN 을 변수에 덧셈하면 최종 결과도 NaN이 된다

Q. for 과 forEach문 차이?
x flex 좀더 적용해보기