2번째 javascript 공부 정리 [Sessac 바닐라 Javascript + Vue.js 과정]

DOM
- 오브젝트 모델 형태로 제어를 하고 interactive 효과를 준다.

EVENT

btn.addEventListener("행위","작동되는 내용")

- 행위에는 click 등을 쓴다.
- 이벤트를 자체에 대한 내용을 인자부분에 작성

데이터를 보내는 방식
1. GET
- 주소에 요청하는 내용을 함께 보내는 방식
2. POST
- body에 포함해서 보내는 방식

[ Network ]

//정상
Status Code: 200 
//페이지가 없을때
Status Code: 404
//서버에 에러
Status Code: 500

 

fetch()

• api를 불러오고 정보를 내보내는 함수
• get과 post 방식을 설정한다.
• 설정을 안하면 기본적으로 get

json()
- 응답(response stream)을 받아 읽고 json 데이터를 파싱(parsing)하여 javascript Object를 만들어주는 메서드

파싱은 어떤 페이지(문서, html 등)에서 내가 원하는 데이터를 특정 패턴이나 순서로 추출해 가공하는 것
출처 : https://www.scienceall.com/%ed%8c%8c%ec%8b%b1parsing/ 과학문화포털 사이언스올

 

[ 클래스명 부가하기 ]

like.classList.add("like");

 

- like에다가 like라고 클래스 부가

trim()
- 공백을 다 지우게 함

 

Math.random()
- random으로 숫자 변경
Math.ceil()
- 소수점 무조건 올림
Math.round()
- 반올림
Math.floor()
- 무조건 내림

async await
-어떤 명령을실행하고 기다린 후에 다음 명령 실행

async function (비동기함수)
- callback과 promise의 단점을 보완하기 위해 추가
- async await 쓴다.

 

 

 

---

잘못된 게 있으면 알려주세요! 배우고 싶습니다.

조언도 환영합니다.