본문 바로가기

분류 전체보기253

AJAX를 이용한 웹 응용 프로그램의 동작 원리 앞서 REST API와 AJAX의 개념에 대해 학습했습니다. AJAX는 어떻게 동작하는 걸까요? 이번 포스팅에서는 AJAX가 동작하는 순서에 대해 적어보려고 합니다. 이전 포스팅이 궁금하신 분들은 링크를 클릭해주세요. REST API (Representational State Transfer) 에 대하여 REST의 개념 REST는 Representational State Transfer의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미합니다. REST를 사용하는 이유 웹페이지가 로드된 후 특정 상황에서만 howtomakecode.tistory.com AJAX란? AJAX의 개념 오늘은 AJAX의 개념과 장단점에 대한 포스팅을 해보려고 합니다. AJAX란? (Asynchron.. 2023. 7. 25.
REST API (Representational State Transfer) 에 대하여 REST의 개념 REST는 Representational State Transfer의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미합니다. REST를 사용하는 이유 웹페이지가 로드된 후 특정 상황에서만 서버에서 데이터를 불러오기 위해 새로고침 없이 페이지를 업데이트하기 위해 백그라운드에서 웹서버에 데이터를 전송하기 위해 REST의 구성 요소 자원 (Resource) : HTTP URI 자원에 대한 행위 (Verb) : HTTP Method 자원에 대한 행위의 내용 (Representations) : HTTP Message PayLoad REST의 특징 SERVER-CLIENT STATELESS CACHEABLE LAYERED SYSTEM UNIFORM INTERFACE R.. 2023. 7. 25.
AJAX란? AJAX의 개념 오늘은 AJAX의 개념과 장단점에 대한 포스팅을 해보려고 합니다. AJAX란? (Asynchronous Javascript And XMl) AJAX란 자바스크립트를 이용해 서버,브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능입니다. AJAX 사용시 서버와 통신하기 위해서 XMLHttpRequest객체를 사용한다는 특징이 있습니다. JSON, XML, HTML, TXT형식 등 다양한 포맷을 주고 받을 수 있습니다. AJAX의 가장 큰 특징은 이름에서도 찾아볼 수 있듯이 비동기성(Asynchronous)이라고 할 수 있습니다. 동기: 한 개의 데이터 요청에 대한 서버의 응답이 이루어질 때까지 다른 요청은 대기 상태 비동기: 데이터 요청의 순서에 상관없이 여러 프로세스가 한꺼번에 처리되는 방식 A.. 2023. 7. 25.
자바스크립트 이벤트 태그 정리 안녕하세요. 자바스크립트 이벤트의 개념 및 이벤트 함수의 종류와 쓰임에 대해 알아보도록 하겠습니다. 자바 스크립트 이벤트 (event) 먼저 자바스크립트에서의 이벤트란 무엇일까요? 이벤트란 웹 브라우저가 알려주는 HTML/JSP 요소에 대한 사건의 발생이라고 할 수 있습니다. 웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있습니다. 이벤트 객체는 전역 객체로써 모든 태그에 객체를 참조시킬 수 있습니다. 자주 쓰이는 JS 이벤트 함수 종류 change 변동이 있을 때 발생 click 클릭 시 발생 focus 포커스를 얻었을 때 발생 keydown 키를 눌렀을 때 발생 keyup 키에서 손을 뗀 경우 발생 load 로드가 완료되었을 떄 발생 mousedown 마우스.. 2023. 7. 24.
JSON parse, stringify 개념 정리 및 코드 저번 포스팅에서 JSON의 개념에 대해 알아보았습니다. 이번에는 JSON 형식으로 데이터를 변환하는 방법과 다시 String 형식으로 변환하는 방법에 대해 포스팅하겠습니다. JSON이 궁금하신 분들은 아래 링크를 참조해주세요. JSON이란? JSON 개념 이해하기 안녕하세요. 오늘은 JSON이라는 언어에 대해 공부를 해보았습니다. 먼저 JSON이란 무엇일까요? JSON이란? (JavaScript Object Notation) JSON이란 JavaScript Object Notation의 약자로, 사람이 읽을 수 있는 텍스트를 howtomakecode.tistory.com JSON은 프로그래밍 언어가 아닌 텍스트를 가독성 높게 정리하는 형식 중 하나입니다. 따라서 형식을 지정하고 풀 수 있는 함수가 존재하.. 2023. 7. 24.
JSON이란? JSON 개념 이해하기 안녕하세요. 오늘은 JSON이라는 언어에 대해 공부를 해보았습니다. 먼저 JSON이란 무엇일까요? JSON이란? (JavaScript Object Notation) JSON이란 JavaScript Object Notation의 약자로, 사람이 읽을 수 있는 텍스트를 사용하여 데이터를 저장하고 전송하는, 데이터 공유를 위한 개방형 표준 파일 형식입니다. JSON 데이터의 특징 형태의 특징 JSON 데이터는 key/value 쌍으로 구성되어있습니다. key와 value은 콜론(:)으로 구분되며 왼쪽이 key, 오른쪽이 value입니다. - 하나의 JSON객체는 중괄호({})로 둘러싸여 있으며, - 하나의 객체는 쉽표(,)를 사용해 여러 프로퍼티를 포함할 수 있습니다. - 여러 개의 객체를 대괄호([])를 사.. 2023. 7. 24.
반응형

티스토리툴바