코드업 + 유데미 자바스크립트
a,b=map(int,input().split())
print(format(a,".2f")) 는 안되고
a=float(input())
print(format(a,".2f")) 는됨 ..
---
- border-radius => 테두리를 둥글게 만드는 속성
- querySelector 는 특정 name 이나 id 를 제한하지않고 css선택자를 사용하여 요소를 찾습니다.
--selector all은 그것을 넣고, 그것들을 모두 잡아서 노드 목록이라고 하는 것에 넣습니다. 이것은 매우
배열과 유사합니다.
- addEventListener() 는 document내에 특정요소에 event를 등록할때 사용합니다.
-ES6부터 새로 도입된 문자열 표기법이다.
문자열 생성시 따옴표 대신, 백틱(`)을 사용한다.
-trim() 공백을 만들때
-test() ㅡ 찾는 문자열이, 들어있는지 아닌지를 알려준다.
-1. charAt(인수) - 인수번째의 문자를 읽어 냅니다.
예) "javascript".charAt(2)에는 'v'가 읽어 집니다. 0부터 시작하기 때문에 3번째인 'v'가 읽어 집니다.
2. indexOf(인수) - 인수가 들어있는 위치를 알려 줍니다.
예) "javascript".indexOf("s")에는 4가 읽어 집니다. 0부터 시작하기 때문입니다.(lastIndexOf는 뒤에서부터 셈)
-값 가져오기
element.innerText;
이 속성은 element 안의 text 값들만을 가져옵니다.
element.innerHTML;
innerText와는 달리 innerHTML은 element 안의 HTML이나 XML을 가져옵니다.
값 설정하기
element.innerText = "<div style='color:red'>A</div>";
element.innerText에 html을 포함한 문자열을 입력하면,
html코드가 문자열 그대로 element안에 포함됩니다.
element.innerHTML = "<div style='color:red'>A</div>";
위와 같이 element.innerHTML 속성에 html코드를 입력하면,
html element가 element안에 포함되게 됩니다.
위 예제에서 'innerHTML()'을 클릭하면,
입력된 html태그가 해석되어 빨간색A 가 나타나는 것을 확인 할 수 있습니다.
-return 키워드를 제거하면 그 주위의 중괄호를 제거 할 수 있습니다.
-JSON.stringify 했던것을 배열로 다시 전달할려면 JSON.parse 사용
- JSON.parse()란?
- parse 메소드는 string 객체를 json 객체로 변환시켜줍니다.
JSON.stringify란?
- stringify 메소드는 json 객체를 String 객체로 변환시켜 줍니다.
-event.target은 이벤트가 발생한 요소를 반환해준다.
-toggle은 클래스의 유무를 체크해서 없으면 add, 있으면 remove를 자동으로 시켜준다.
-문자열을 숫자로 바꾸느 정말쉬우방법 앞에 + 기호를 추가하면됨
- ex) const arr= [1,2,3]
const arr2= [...arr,4,5]
console.log(arr2)
=> Array [1,2,3,4,5]
-노드 목록 - > 일반 배열로 변환
map?
-return 키워드를 제거하면 그 주위의 중괄호를 제거할 수 있습니다.
-로컬저장소를 사용하면 라이브러리나 기타 항목을 가져올필요 x 브라우저에 내장되어있음
- .setItem() 으로 무언가를 설정할수 있음
- <option value="10">Avengers: Endgame ($10)</option>
<option value="12">Joker ($12)</option>
<option value="8">Toy Story 4 ($8)</option>
<option value="9">The Lion King ($9)</option>
html에서 옵션 value 는 가격 임 이렇게보듯이
- localStorage를 사용하는 방법을 알아보겠습니다.
setItem() - key, value 추가
getItem() - value 읽어 오기
removeItem() - item 삭제
clear() - 도메인 내의 localStorage 값 삭제
length - 전체 item 갯수
key() - index로 key값 찾기
- CSS 트랜지션은 CSS 속성을 변경할 때 애니메이션 속도를 조절하는 방법을 제공합니다.
transition은 애니메이션 효과를 적용할 때 애니메이션 효과가 일정 시간에 걸쳐서 다양한 방법으로 진행 되도록 하는것 입니다.