목록2021/03/09 (3)
For Beginners
👉 실생활에서의 AJAX 지역별 선택에 따른 날씨 RSS를 다르게 보여준다. + RSS를 이용해서 XML을 받아서, 파싱하게 되면 현재 시점에서 백엔드를 몰라도 데이터 처리가 가능하다. 👉 BootStrap이란? ◾ 빠르고 쉬운 웹 개발을 위한 무료 frontend 프레임워크. 디자인을 보다 편리하게 해주기 위해 모아둔 라이브러리 HTML 및 CSS 기반 디자인 템플릿과 선택적 JavaScript 플러그인이 포함되어 있다. 반응형 디자인을 쉽게 만들 수 있는 기능을 제공한다. 👉 BootStrap CDN 공식 사이트에 있는 URL을 받아서 연결하면 되고, 라이브러리 다운로드를 받아서 사용하기도 한다. 👉 Container 반응형 고정 너비 컨테이너를 제공하여, container-fluid 클래스는 꽉찬 ..
👉 AJAX를 사용하는 이유? 화면 전환, 화면 갱신이 없는 것은 JavaScript의 특성. JavaScript를 사용하는 이유(접은글) 더보기 👉 JavaScript HTML 문서 내에서 동적 페이지를 구성하는 용도로 사용. 1. 페이지 조작 2. 유효성 검사 여기 영역이 innerHTML 결론적으로는 화면 전환을 위해서 AJAX를 사용하는 것이 아니다. 사용자가 입력한 데이터가 프로그램에 적합한 데이터인지 검사하고, 서버에 넘기기 전에 사전 검사를 진행. 서버에서도 유효성 검사를 진행하지만, 서버의 부하를 줄이기 위한 유효성 검사도 필요하다. 페이지 조작에 필요한 데이터가 문서 안에 있으면 JavaScript 페이지 조작에 필요한 데이터가 문서 밖에 있으면 AJAX GET/POST의 차이점에 대해서..
👉 AJAX란? 비동기 방식의 자바 스크립트, xml를 의미한다. 👉 비동기란? 회원 가입을 한다고 가졍했을 때, 회원 가입 버튼을 누르면 약간의 시간이 흐르고 회원 가입 완료 페이지가 나온다. 즉, 응답 페이지가 나온다. 네이버가 가지고 있는 서버가 존재한다. 아이디 중복 체크가 없는 폼인 경우, 서버에 동일한 아이디는 존재할 수 없다. 그 경우, 응답 페이지가 다르게 될 수 있다. 결과적으로, 사용자의 입력에 따라 응답 페이지의 화면이 달라져야 한다. html이 reloading될 때, html 정보를 뿌리는 것이 될 수 있다. 👉 ajax와 일반 요청의 차이 일반 요청 ajax 요청 data를 입력 후 이벤트 발생 data를 입력 후 이벤트 발생 서버에서 데이터를 이용하여 로직처리 서버에서 요청을 ..