vanilla JS 기본 및 함수

sylvia·2022년 10월 19일
0
  • 함수는 변수로 표현될 수 있음

  • document.getElementById
html에 있는 요소를 가져와서 변수에 저장
그리고 그 변수가 변화된 값을 html 상에 반영하려면?
변수.innerHTML
여기에는 변수를 저장할 수 있지만 html 요소도 입력할 수 있음 
  • 배열
arr.push()
arr.concat()
arr.unshift // 맨 앞에 원소 넣기
arr.splice(0, 2, 'B'); //n번째, 그 뒤에 n개 없애기, 넣고싶은 값
shift(첫번째 원소제거) -fifo 처리 시 좋을 것 같은데?
pop(맨마지막 원소제거)
sort() - 오름차순
reverse() - 내림차순
arr.length
  • 객체
    배열의 인덱스를 문자로 사용하기
var obj = {
	key : value
}

  • 정규표현식

https://opentutorials.org/course/743/6580


  • 모듈화

1) 프론트 방식

2) 백엔드 방식(호스트 환경)
var circle = require('./circle.js);
console.log(circle.area(4));

circle.js
exports.area = function (r) {
return r;
}

정규표현식: 맞지않는 액션값이 있을때 검증용

객체를 재활용 하는 방법: 생성자(객체를 만드는 역할을 하는 함수다)
생성자 함수는 일반함수와의 구분을 위해 첫글자를 대문자로 표기한다
일반적인 객체지향 언어에서는 생성자는 클래스 소속이나 자바스크립트에서 객체 생성 주체는 함수이다.

ECMA 레퍼런스
https://www.ecma-international.org/publications-and-standards/standards/ecma-262/

node 레퍼런스
https://nodejs.org/api/

출처
https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML
https://opentutorials.org/course/743/4750
내일은 배열부터 다시시작~ 금요일까지 완료 바람
그리고 토, 일 타입스크립트 입문 듣기
https://www.inflearn.com/course/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8#reviews

0개의 댓글