[2023-02-16]literal 리터럴 , radio타입, checkbox 타입 , input

1.리터럴(literal)은 코드상의 값을 말한다 !

12 // 숫자 리터럴

"javaScript" // 문자열 리터럴

true // 불리언 리터럴 

 

리터럴(literal) :  코드상의 값 ! 

리터럴은 직접 표현되는 값 그 자체를 의미합니다.

 

다음 예제에서 등장하는 값들은 모두 리터럴입니다.

 

예제

12            // 숫자 리터럴

"JavaScript"  // 문자열 리터럴

'안녕하세요'  // 문자열 리터럴

true          // 불리언 리터럴

 

+ 추가 , 자바스크립트 템플릿 ${} 사용방법 

변수나 계산하는 값을 바로 가져올 때 쓰는 템플릿 리터럴인데 입력값 + 입력값 할 필요 없이 바로 가져올 수 있따.

처음에 내가 쓰면 안되었는데 이유는 따음표를 잘못했기 때문임

키보드에 ~ 가 되는 버튼의 따음표를 넣어야함 ` <-- 이거임 ,, '  (엔터 바로 옆에 있는거) 가 아님 

---

 1.radio타입 checkbox타입 

radio타입은 한개만 선택하는 거 (name값으로 이름 통일함) / 값이 보여야 하기 때문에 옆에 텍스트를 꼭 써준다.

<input type="radio" name="fruit" value="apple">사과

<input type="radio" name="fruit" value="orange">오렌지

<input type="radio" name="fruit" value="watermelon">수박

checkbox는 여러개 선택하는 거 

<input type="checkbox" name="fruit" value="apple">사과

<input type="checkbox" name="fruit" value="orange">오렌지

<input type="checkbox" name="fruit" value="watermelon">수박

 

2.input 받은 값은 무조건 문자값

 

 근데 파일은 문자열이 아님

<input type="file" name="myFile">

텍스트 형식 => charset이라는 문자셋을 기준으로 인코딩 -> 메모장으로 열수잇는 파일 (txt) 윈도우

binary file (이진파일) => 사진이나 실행 파일을 메모장으로 열려고 할 때 글자가 이상하게 나옴 

 

텍스트->텍스트 단위(바이트 단위) . 그림파일 -> 글자로 표시 못함, 바이너리 단위로 보내준다.

웹서버에서 텍스트랑 그림 섞여 있으면 따로 보내줌 

 

<input type="button"> : 데이터를 아무것도 안보낼 떄 0이라도 데이터로 보내준다. 

input은 아무것도 안적으면 -> type="text"

button은 아무것도 안적으면 -> type="submit"  , 자바스크립트를 실행하려면 type="button"으로 해줘야한다.