728x90

2024/03 3

AJAX: SSR과 CSR

📖AJAX(Asynchronous Javascript and XML) AJAX는 언어나 프레임워크가 아닌 구현하는 방식을 의미 AJAX는 웹(Web)에서 화면을 갱신하지 않고, 데이터를 서버로부터 가져와 처리하는 방법을 의미 JavaScript의 XMLHttpRequest(XHR) 객체로 데이터를 전달하고 비동기 방식으로 결과를 조회한다. 화면갱신이 없으므로 사용자 입장에서는 편리하지만, 동적으로 DOM을 구성해야 하므로 구현이 복잡하다. ❗일반 요청에 대한 응답 data를 입력 후 event 발생 Ajax를 적용하지 않은 요청은 서버에서 data를 이용하여 logic 처리 logic 처리에 대한 결과에 따라 응답 page를 생성하고 client에 전송(화면 전환이 일어남) ❗Ajax 요청에 대한 응답 ..

📕CS 2024.03.17

[JavaScript]JavaScript

📖JavaScript 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념을 지원한다. 웹 브라우저가 JavaScript를 HTML과 함께 다운로드하여 실행한다. 웹 브라우저가 HTML 문서를 읽어 들이는 시점에 JavaScript Engine이 실행된다. 대부분의 JavaScript Engine은 ECMAScript 표준을 지원한다. *JavaScript의 선언 🔎==연산자와 ===연산자의 차이 ===는 타입이 포함된다. 🔎JavaScript 객체 객체는 이름과 값으로 구성된 프로퍼티(Property)들의 집합 전역 객체를 제외한 JavaScript 객체는 프로퍼티를 동적으로 추가하거나 삭제할 수 있다. JavaScript의 함수는 일급 객체이므로 값으로 사용할 수 있다. 따라서 프로퍼티의 값으로..

[HTML]HTML5

📖HTML HTML = Hypertext Markup Language의 약자 문서를 Web Browser에 표현할 때 tag를 사용한다. : 현재 문서가 HTML 문서임을 정의 이력서 아래 정보는 거짓이 없습니다. 사진 성명 홍길동 주민번호 000000-000000 생년월일 2000년 01월 01일 주소 서울시 강남구 역삼동 77-1 연락처 집 02-1234-5678 이메일 honggd@naver.com 핸드폰 010-9876-5432 🔍img 태그 alt 속성 사용: alt 속성은 이미지에 대한 대체 텍스트를 제공하는 속성이다. 이미지가 로드되지 못했을 때나 스크린 리더 사용자에게 이미지를 설명해주는 역할을 한다. 따라서 모든 태그에 alt 속성을 포함시키는 것이 좋다. 🔍form 태그 사용자로부터 데..

728x90