1. 헤더 설정XMLHttpRequest 객체를 사용하여 요청 헤더를 설정하려면 setRequestHeader 메서드를 사용하면 된다.XMLHttpRequest인스턴스.setRequestHeader(헤더이름, 헤더값); 2.요청(Request) 헤더예시다음 2개의 RequstHeader을 추가하고 개발자 도구 네트워크에서 확인하였다.function loadData2() { // XMLHttpRequest 인스턴스 생성 var xhr = new XMLHttpRequest(); // GET 요청을 JSONPlaceholder로 보냄 xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts/1', true); // 요청 헤더 설정 (여러 개 설정..
1.JSONPlaceholderJSONPlaceholder는 주로 테스트와 프로토타이핑을 위해 제공되는 무료 온라인 REST API 서비스입니다. 서버나 데이터베이스를 설정할 필요 없이 CRUD 작업(생성, 읽기, 수정, 삭제)을 테스트할 수 있는 가상의 데이터를 제공합니다. /posts/comments/albums/photos/todos/users 2.사용예시해당링크는 JSONPlaceholder의 /posts 엔드포인트입니다.https://jsonplaceholder.typicode.com/posts 다음은 posts의 id가 1인 요소를 GET하는 AJAX 코드입니다.function loadData() { // XMLHttpRequest 객체 생성 var xhr = new XMLHtt..
0.XMLHttpRequestAJAX 통신의 핵심 객체로, 브라우저와 서버 간에 데이터를 주고받을 수 있도록 해주는 JavaScript 객체이 객체를 사용하여 웹 페이지를 새로 고침하지 않고도 서버에 데이터를 요청하고, 서버로부터 받은 데이터를 처리할 수 있습니다. 1.XMLHttpRequest 사용1-1.XMLHttpRequest 객체 생성var 변수이름 = new XMLHttpRequest(); 형식으로 XMLHttpRequest객체를 생성합니다.var xhr = new XMLHttpRequest(); 1-2.서버로 보낼 요청 설정 open()open() 메서드를 사용해 요청을 설정합니다. 이때 요청 메서드(GET, POST)와 서버의 URL, 비동기 여부를 지정할 수 있습니다.xhr.open..
1.AJAX(Asynchronous JavaScript and XML)웹 페이지를 새로 고침하지 않고도 서버와 비동기적으로 데이터를 교환할 수 있게 해주는 기술이를 통해 사용자는 페이지를 보다 매끄럽고 빠르게 탐색할 수 있습니다. 2.AJAX 특징2-1.비동기적 데이터 요청AJAX를 사용하면 페이지의 일부만 업데이트할 수 있어 전체 페이지를 다시 로드할 필요가 없습니다. 사용자가 버튼을 클릭하거나 폼을 제출할 때, AJAX는 서버에 요청을 보내고 응답을 받습니다. 2-2.JavaScript와 XMLHttpRequestAJAX는 JavaScript를 사용하여 XMLHttpRequest 객체를 생성하고, 이를 통해 서버와 데이터를 주고받습니다. 2-3.데이터 형식초기에는 XML 형식의 데이터를 주..
1. 쿠키 생성 setcookie() PHP에서 쿠키를 설정하는 데 사용됩니다. 이 함수는 사용자가 브라우저를 통해 서버와 상호작용하는 동안 정보를 저장하는 방법으로 활용됩니다. 쿠키는 클라이언트 측에서 저장되며, 이후의 요청 시 서버로 전송됩니다.setcookie ( $name [, $value [, $expire [, $path [, $domain [, $secure [, $httponly ]]]]]] )setcookie($cookieName, $cookieValue, time()+60, "/"); // 쿠키가 60초 간 지속됨.$name:필수 매개변수로 쿠키의 이름을 지정합니다.예: "user"$value:선택 매개변수로 쿠키의 값을 지정합니다. 기본값은 "" (빈 문자열)입니다.예: "John D..
1.파일 열기 fopen()파일을 열고 핸들을 반환합니다. $mode에 따라 읽기, 쓰기 등 다양한 모드로 파일을 열 수 있습니다.fopen($filename, $mode)$file = fopen("example.txt", "r"); // 읽기 모드로 파일 열기 2.파일 읽기 2-1.fread($handle, $length)열린 파일 핸들로부터 지정된 길이만큼 데이터를 읽습니다.$content = fread($file, filesize("example.txt")); // 전체 파일 읽기 2-2.fgets($handle)파일 핸들로부터 한 줄을 읽습니다.$line = fgets($file); // 한 줄 읽기 2-3.file_get_contents($filename)파일의 전체 내용을 문자열로 읽어..
0.개요스프링부트를 처음 접하고 점프 투 스프링 부트를 통해 따라만들어보며 배워보았던것이 2024년 07월(작성시점 약 3달전),군대를 전역하고 나서 웹개발에 대한 다양한 것들을 현재까지 멈추지않고 계속하여 새로운것,몰랐던것을 접하는것을 올해의 목표로 잡고가고있다. 하지만 그래도 이런 거를 배웠으면 나만의 무언가 무언가를 만들고싶은 마음이 들기 시작하였고, 스프링부트는 나중에도 자주 애용하게될거같은 느낌이 들어서 우선 느낌이 오는대로 만들고 싶은것을 계획없이 만들어 보기로 하였다. 1. 만들것?게임내부에 있는 옥션(경매장)같은 기능을 구현하는 사이트를 만들려고한다. 실제 게임의 사이트는 아니고 가상의 물품과 가격 데이터를 넣어서 만들어 볼려고한다. 여기서 추가적인 부분은 아직 생각하지않았다....
1.GET2-1.html 폼작성name이 txt인 값을 get방식으로 보내는 폼을 만들어준다. 입력된 데이터를 제출할 때, 데이터가 전송될 목적지 URL을 action 으로 php 파일로 지정해준다.Get방식은 이값들이 쿼리파라미터값으로 보내진다. 2-2.$_GETPHP에서 GET 방식으로 전송된 데이터를 저장하는 전역 배열입니다. 주로 HTML 폼 또는 URL에서 쿼리 스트링을 통해 서버로 데이터를 전송할 때 사용됩니다.주로 간단한 데이터 전송이나 링크를 통해 데이터를 전달할 때 많이 사용됩니다. 2-3.PHP 파일$_GET으로 GET 방식으로 전달된 'txt' 값을 변수 $text에 저장한뒤 echo로 출력한다. 2.POST 2-1. html 폼작성name이 txt인 값을 p..