PROGRAMMING

PROGRAMMING/Web

08_1 POST & GET 정리

1 POST & GET 1) GET 클라이언트에서 서버로 어떠한 리소스로 부터 정보를 요청하기 위해 사용되는 메서드 GET 요청은 캐시가 가능함 GET 요청은 브라우저 히스토리에 남음 요청에 길이 제한이 있음 데이터 요청 시에만 사용됨 2) POST 클라이언트에서 서버로 리소스를 생성하거나 업데이트하기 위해 데이터를 보낼 때 사용 되는 메서드 전송할 데이터를 HTTP 메시지 body 부분에 담아서 서버로 보냄 데이터를 전송할 때 길이 제한이 따로 없어 용량이 큰 데이터를 보낼 때 사용하거나 GET처럼 데이터가 외부적으로 드러나는건 아니라서 보안이 필요한 부분에 많이 사용 3) 차이점 사용목적 : GET은 서버의 리소스에서 데이터를 요청할 때, POST는 서버의 리소스를 새로 생성하거나 업데이트할 때 사용..

PROGRAMMING/Web

08 데이터 통신

1 XML과 JSON 1) XML Extensible Markup Language 인간과 응용프로그램간, 혹은 응용프로그램 간에 정보를 쉽게 교환하기 위해 만든 데이터 교환 포멧 XML 기반: WHTML, MathML, SVG, XUL, RSS, RDF HTML이 데이터를 표현하는 언어라면 XML은 데이터를 전달하는 언어 HTML과 달리 Tag가 미리 정의되어 있지 않음 특징: 표준성, 분리성, 단순성, 호환성, 수용성, 확장성, 정보검색의 정확성 2) JSON JavaScript Object Notation 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용함 데이터 ..

PROGRAMMING/Web

07 비동기

1 Callback 다른 함수에 인수로 전달된 함수 외부 함수 내부에서 호출되어 일종의 루틴이나 작업을 완료 비동기 작업이 완료된 후 코드 실행을 계속하기 위해 자주 사용됨(비동기 콜백) 1) Callback 흐름 제어 유형 동기식 호출부에서 실행 결과가 리턴될 때 까지 기다려야 하는 함수 비동기식 호출부에서 실행 결과를 가다리지 않아도 되는 함수 싱글 쓰레드 환경에서 실행되는 언어에서 광범위하게 사용 순차적 처리가 보장되지 않기 때문에 아래에 위치한 코드가 위에 위치한 코드보다 먼저 실행될 수 있음 동기 함수에 비해서 좀 덜 직관적으로 느껴짐 2) setTimeout() 코드를 바로 실행하지 않고 일정 시간 기다린 후 실행해야하는 경우에 사용하는 함수 setTimeout(() => console.log..

PROGRAMMING/Web

06_1 Local Storege 실습

1 사용법 연습 // setItem: localstorage 정보를 저장할때 사용하는 메소드 localStorage.setItem("name", "yujeong"); localStorage.setItem("age", 100); // getItem: localStorage에서 정보를 가져올때 사용 const result = localStorage.getItem("age"); console.log(result); console.log(typeof result); //local storage에 제대로 저장되지 않음 //const travel = { //destinations: ["paris", "sydney", "taipei"], //days: 100, //mate: undefined, //isAvailabl..

yuujoeng
'PROGRAMMING' 카테고리의 글 목록 (6 Page)