programming/web

[바닐라 JS] 크롬 앱 만들기 (3)

chanchand 2023. 1. 15. 17:53
반응형

Math Object

round : 반올림

ceil : 올림

floor : 내림

 

- random 

0보다 크거나 같고 1보다 작은 무작위 숫자 반환

random()*10 : 0보다 크거나 같고 10보다 작은 무작위 숫자 반환

 

 

document.createElement(tagName)

태그 생성

 

- tagName 

생성할 태그의 유형을 지정하는 문자열

 

 

document.body.appendChild/prepend

선택한 문서의 맨 뒤/맨 앞에 추가

 

 

 

JSON.stringify()

JavaScript 값이나 객체를 string으로 변환한다.

배열을 전달할 경우 지정한 속성만 결과에 포함한다.

JSON.stringify(value[, replacer[, space]])

- value : JSON 문자열로 변환할 값

- replacer(optional) : 문자열에 포함될 객체들의 속성들을 선택하기 위한 화이트리스트로 쓰이는 string, number 객체들의 배열

- space(optional) : 문자열 출력에 공백을 삽입하는데 사용되는 string, number 객체, number은 공백으로 사용되는 스페이스 수를 나타낸다.

 

 

JSON.parse()

JSON 문자열 구문을 분석하고, javascript 값이나 객체를 생성한다.

JSON.parse(text[, reviver])

- text : 변환할 문자열

- reviver : 변환 결과를 반환하기 전에 변형하는 역할을 한다. 

 

localStorage.getItem() 테스트 해보면,

local storage에서는 string으로 가지고 있다.

 

 

 

반응형

'programming > web' 카테고리의 다른 글

Data URL Schema  (0) 2023.01.21
[CSS] 폰트 적용  (0) 2023.01.17
[바닐라 JS] 크롬 앱 만들기 (2)  (0) 2023.01.15
[바닐라 JS] 크롬 앱 만들기 (1)  (0) 2023.01.15
HTML, CSS, JS  (0) 2023.01.08