gi_dor

개발 중인 미니 프로젝트는 만들어가는 단계 이므로 배포 이후 사용자가 미구현된 버튼을 클릭하고 안되는 기능이나데이터가 없어서 작동하지 않는 검색조건이 있을수 있어 사용자가 사이트를 이탈하는 것을 방지하기 위해메인 페이지 진입 시 '서비스 업데이트 로드맵'을 안내하는 팝업 모달 & 검색시 없는 데이터 안내문 ' 을 띄우기로 결정다만, 매번 접속할 때마다 팝업이 뜨면 피로감을 줄 수 있으므로 '24시간 동안 보지 않기' 기능을 쿠키(Cookie)를 활용해 구현했음기능 정의사용자가 웹 사이트에 방문하면 공지사항 팝업이 나타난다팝업 안에는 24시간 다시보지 않기 체크박스 있다체크박스를 선택하지 않고 팝업을 닫으면 메인 페이지 재방문시 팝업 발생체크박스 선택후 팝업을 닫으면 메인 페이지 재방문시 팝업 미 발생 모..

🔸 Ajax자바스크립트와 XML 을 사용해서 서버와의 비동기 데이터 통신비동기 통신 ?▶ 웹 페이지 에서 서버와 데이터를 주고 받을 때 페이지를 새로고침 하지 않고 데이터를 교환 하는 방식보통 일반적인 동기적 통신은 요청을 보내면 서버에서 응답이 올 때까지 기다려야 한다그동안에는 화면이 멈추고 다른 작업이 수행 불가능하다비동기적 통신을 사용하면 요청을 보낸 후에도 화면이 멈추지 않고 계속해서 다른 작업을 수행할 수 있다XMLHttpRequest 객체를 활용해서 서버와 데이터 통신을 한다자바 스크립트로 서버와 데이터 통신이 가능해졌다페이지의 리로딩없이 화면을 일부분 갱신하는게 가능해짐사용 하는 이유페이지 일부만 갱신 : 전체 페이지 새로고침 하지 않고 서버와 통신해 필요한 데이터만 가져올수 있다 , 일부..

💎DOM (Document Object Model) 문서 객체 모델 HTML , XML들의 문서를 액세스 하는 표준을 정의 DOM은 w3c 에서 HTML , XML 문설를 다루는 표준 (인터페이스)을 정의한 것 DOM 에 정의된 표준에 대한 구현은 브라우저 제조사 , 프로그래밍 언어 개발사 , 라이브러리 개발자가 담당 브라우저 종류나 프로그래밍 언어의 상관없이 동일한 API 로 구현되어 있다 DOM 특징 모든 엘리먼트는 객체다. 모든 엘리먼트의 프로퍼티를 정의하고 있다. 엘리먼트를 엑세스하는 메소드를 정의하고 있다. 모든 엘리먼트의 이벤트를 정의하고 있다. DOM 주요객체 Document - 웹브라우저 HTML 문서를 로딩 했을 때 , Document 객체가 된다 Element - HTML 의 태그를 표..

🔶 이벤트 웹 페이지와 사용자간의 상호작용으로 웹 브라우저에서 일어나는 사건 (action) 웹 페이지와 사용자와 상호작용으로 특정 엘리먼트에 가하는 어떤 행동을 말한다 이벤트란 프로그램과 시스템에서 발생하는 특정한 사건 또는 상황을 나타낸다 시스템은 이벤트가 발생될 때 몇몇 종류의 신호를 발생시키고 이벤트가 밸상될 때 자동으로 정해진 코드를 실행하는 메커니즘을 제공한다 웹에서는 시스템에 해당하는 것이 웹 브라우저다 웹에서는 이벤트가 브라우저 내에서 발생되고 이벤트가 특정한 요소(태그,엘리먼트)에 부착되는 경향이 있다 각요소 (태그,엘리먼트) 에서 발생될 수 있는 다양한 이벤트 타입이 있다 이벤트가 발생하는 예시 발생 예시 이벤트 명 사용자가 마우스로 버튼을 클릭 onclick 사용자가 마우스를 움직인다..