본문 바로가기

전체 글119

서버로부터의 응답(response) 확인[AJAX개발] Ajax에서 서버로부터의 응답을 확인하기 XMLHttpRequest 객체의 프로퍼티 3가지 - readyState 프로퍼티 - status 프로퍼티 - onreadystatechange 프로퍼티 readyState 프로퍼티 readyState 프로퍼티는 XMLHttpRequest 객체의 현재 상태를 나타냄 1. UNSENT (숫자 0) : XMLHttpRequest 객체가 생성 2. OPENED (숫자 1) : open() 메소드가 성공적으로 실행 3. HEADERS_RECEIVED (숫자 2) : 모든 요청에 대한 응답이 도착 4. LOADING (숫자 3) : 요청한 데이터를 처리 중 5. DONE (숫자 4) : 요청한 데이터의 처리가 완료되어 응답할 준비가 완료 status 프로퍼티 status .. 2023. 11. 3.
Algorithm이란? Algoritm | 문제를 해결하기 위해 필요한 계산절차나 처리과정의 순서 최단 거리나 최단 시간내에 집에서 목적지까지 가는 길을 찾는것과 같은 가장 효율적인 답을 찾아내기 위해 알고리즘이 필요 알고리즘의 조건 입력 : 외부에서 제공되는 자료가 0개 이상 존재 출력 : 적어도 2개 이상의 서로 다른 결과 도출 (즉 모든 입력에 하나의 출력이 나오면 안됨) 명확성 : 수행 과정은 명확하고 모호하지 않은 명령어로 구성 유한성(종결성) : 유한 번의 명령어를 수행 후(유한 시간 내)에 종료 효율성 : 모든 과정은 명백하게 실행 가능(검증 가능)해야함 좋은 알고리즘이란? 이해하기 쉽다 복잡하고 난해한 알고리즘은 나중에는 본인조차 이해하기 어렵게고, 협업 시 다른 사람이 곧바로 이해할 수 없는 문제 발생 가능 속.. 2023. 11. 3.
머신러닝, 딥러닝, 신경망의 차이점 머신러닝과 딥러닝, 신경망 이 세가지 모두 인공지능의 하위 분야입니다 다시말해 신경망은 머신러닝의 하위 분야이고 딥러닝은 신경망의 하위 분야입니다. 딥러닝과 머신 러닝의 차이점은 각 알고리즘의 학습방법에 달려있습니다. "딥"러닝은 레이블링된 데이터 세트를 활용하여 자체 알고리즘 결정이 가능하며 서로간에 다른 데이터 카테고리를 구분하는 특성세트를 자동으로 판별 할 수 있습니다. 때문에 인간의 개입이 없이 대규모 데이터 세트를 활용 가능합니다. 딥이 아닌 머신러닝은 학습을 위해 인간의 개입이 필요합니다. 입력데이터 사이의 차이점을 파악하기 위해 특성 세트를 판별해야 하며, 이를 위해서는 학습을 위한 정형 데이터가 많이 필요합니다. 신경망 또는 인공 신경망은 하나의 입력 계층, 하나 이상의 은닉 계층 및 하나.. 2023. 11. 3.
서버에 요청(request)하기[AJAX개발] 서버에 요청(request)하기 XMLHttpRequest 인스턴스의 open() 메소드와 send() 메소드를 사용하여 요청보내기 가능 open() 메소드 open() 메소드는 서버로 보낼 Ajax 요청의 형식을 설정 open(전달방식, URL주소, 동기여부); send() 메소드 send() 메소드는 작성된 Ajax 요청을 서버로 전달 send(); // GET 방식 send(문자열); // POST 방식 GET 방식과 POST 방식 GET 방식: 주소에 데이터(data)를 추가하여 전달하는 방식으로 HTTP 요청은 브라우저에 의해 캐시되어(cached) 저장됨 보통 쿼리 문자열(query string)에 포함되어 전송되어, 길이의 제한이 있음 보안상 취약점이 존재(중요한 데이터는 POST 방식을 사.. 2023. 11. 3.
AJAX-XMLHttpRequest 객체[AJAX개발] XMLHttpRequest 객체 XMLHttpRequest 객체는 웹 브라우저가 서버와 데이터를 교환할 때 사용 웹 브라우저가 백그라운드에서 계속해서 서버와 통신할 수 있는 것은 바로 이 객체를 사용하기 때문 XMLHttpRequest 객체의 생성 1. XMLHttpRequest 객체를 이용한 방법 2. ActiveXObject 객체를 이용한 방법 문법 # 익스플로러 7과 그 이상의 버전, 크롬, 파이어폭스, 사파리, 오페라에서는 XMLHttpRequest 객체를 사용 var 변수이름 = new XMLHttpRequest(); # 스플로러의 구형 버전인 5와 6 버전에서는 ActiveXObject 객체를 사용 var 변수이름 = new ActiveXObject("Microsoft.XMLHTTP"); EX.. 2023. 11. 2.
AJAX-DOM, 노드, DOM API[AJAX] 문서 객체 모델(DOM) DOM(Document Object Model)은 HTML 문서나 XML 문서에 접근하기 위한 일종의 인터페이스 DOM을 이용하여 웹 페이지의 일부 요소만을 변경 가능 DOM 요소의 선택 자바스크립트로 DOM 요소를 다루기 위해서는 우선 해당 요소를 선택해야함 * DOM 요소를 선택하는 방법 1. 태그 이름(tag name)을 이용한 선택 2. 아이디(id)를 이용한 선택 3. 클래스(class)를 이용한 선택 4. CSS 선택자(selector)를 이용한 선택 5. HTML 객체 집합(object collection)을 이용한 선택 DOM 요소의 내용 변경 DOM 요소의 내용을 바꾸는 방법은 innerHTML 프로퍼티를 이용하는 것 DOM 요소의 속성 이름을 이용하면 속성값을 .. 2023. 11. 2.
728x90

티스토리툴바