개발 공부하는 빙빙

자바스크립트에서는 setTimeout() 이라는 대표적인 내장 비동기 함수가 있다. Callback과 Promise는 비동기 처리 패턴을 의미한다. 차이점은 Callback은 결과값을 사용하고 싶으면 콜백 함수 안에서만 처리를 해야한다. 중첩되어 사용하면 콜벡지옥이 발생되어 에러 처리가 힘들다. Promise는 프로미스 객체에 비동기 결과 값이 저장되어있어 .then으로 불러오면 되어 로직짜기 편하다. Promise를 사용하면 resolve와 reject라는 파라미터가 있다. resolve는 비동기처리 성공했을 때, reject는 비동기 실패,에러가 발생했을 때 첫 번째 인자로 어떠한 값을 넘길 수 있다. resolve는 .then의 첫 번째 인자로, reject는 .catch의 첫 번째 인자로 들어간다..

Html5부터 생겨난 클라이언트 안의 저장소 = 웹 스토리지 웹스토리지 안에 세션 스토리지 , 로컬 스토리지가 있다. 웹 스토리지는 서버에 저장하지 않고 브라우저에 저장함 세션 스토리지와 로컬 스토리지의 차이점 : 영구성 로컬 스토리지 - 브라우저를 닫아도 데이터가 영구적으로 남아있음, 예시로 자동 로그인 세션 스토리지 - 브라우저를 닫으면 데이터가 사라짐, 예시로 비회원 장바구니 쿠키 - 클라이언트에서 만료 기간이 있는 데이터 저장소, 암호화가 되지 않아서 보안에 취약함 ,오늘 하루 안보이게 하는 팝업창 기능

AJAX (새로고침을 안하고 바로 html페이지에 반영하기 위해 사용) 비동기식 자바스크립트와 xml가 있다. 서버와 통신하기 위해 XMLHttpRequest 객체를 활용한다. 동기식과 비동기식 통신을 모두 지원한다. * 비동기성 = 전체페이지를 reload안하고도 수행 됨 event가 있으면 전체 페이지말고 일부분만을 업데이트한다. 동기식 순차적, 직렬적으로 일을 수행한다. 요청을 보낸 후 응답을 받아야만 다음 동작이 이루어짐(blocking) 비동기식

DOM (Documnet Object Model) html 태그 트리구조화된 형태 HTML,XML 등과 같은 문서를 다루기 위한 독립적인 문서 모델 인터페이스 문서가 구조화되어 있으며 각 요소는 객체로 취급 DOM이 있으면 자바스크립트로 동적인 구현이 가능 html과 javascript의 연결을 해줌 BOM(Browser Object Model) 자바스크립트가 브라우저와 소통하기 위한 모델 브라우저나 윈도우 웹페이지 일부를 제어 가능 브라우저 윈도우 자체를 지칭 window를 제어한다. 메소드 = window(웹 브라우저 창 객체), location, history(뒤로가기 몇 번남았는지), screen(화면 해상도정보) 같은 것들이 있다. ex : window.open() , window.close()..