평행우주 : world 1

AJAX(Asynchronous JavaScript And XMLHttpRequest) 웹페이지에서 일부분만 바꾸고 싶을 때 AJAX를 사용 JavaScript, DOM, Fetch, XMLHttpReqest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법 AJAX의 가장 큰 특징은 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와 화면에 그려낼 수 있다는 것 예시) 유저의 요구에 따라 반응하며 변화하는 검색창의 경우, 검색창에 한 글자를 입력할 때마다 해당 글자로 시작하는 단어들을 서버로부터 받아와, 그 바로 아래 추천검색어로 보여주게 된다. 검색창에서는 필요한 데이터만 비동기적으로 받아와 렌더링되며, 여기에 AJAX가 사용된다. 페이스북 메시지나 네이버 포털사이트의 뉴스 탭 역시 비..

크롬 브라우저 에러 읽기 에러 메시지는 웹페이지를 제공하는 서버와 Chrome 브라우저가 소통하는 단계, 또는 기기와 네트워크의 연결, Chrome 브라우저가 해석할 수 없는 데이터를 전송받은 경우 발생. Aw, Snap! Chrome 브라우저가 웹 페이지를 로드하는 데에 문제가 발생한 경우 이 경우 페이지가 느리게 로드되거나, 열리지 않을 수도 있다. 전체 에러 메시지 목록은 크롬 브라우저의 검색창에 chrome://network-errors/ 입력 Error Message Description "Aw, Snap!" ("앗, 이런!") Chrome 브라우저에서 페이지를 로드하는 데 문제가 발생했습니다. ERR_NAME_NOT_RESOLVED 호스트 이름(웹 주소)이 존재하지 않습니다. ERR_INTER..

URL (Uniform Resource Locator) URL은 서버가 제공되는 환경에 존재하는 파일의 위치 표시 CLI 환경에서 폴더와 파일의 위치를 찾아 이동하듯이, 슬래시(/)를 이용해 서버의 폴더에 진입하거나 파일 요청 가능. 그러나 기본적인 보안의 일환으로 외부에서 직접 접근이 가능한 경우는 거의 없다. 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보 표시. scheme, hosts, url-path로 구분 가장 먼저 작성하는 scheme은 통신 방식(프로토콜)을 결정. 일반적인 웹 브라우저에서는 http(s)를 사용. hosts는 웹 서버의 이름이나 도메인, IP를 사용하며 주소를 나타낸다. url-path는 웹 서버에서 지정한 루트 디렉토리부터 시작하여 웹 페이지, 이미..

기본개념 2티어 아키텍처, 또는 클라이언트-서버 아키텍처 리소스가 존재하는 곳(서버)과 리소스를 사용하는 앱(클라이언트)을 분리시킨 것 언제나 요청이 선행되고 그 후에 응답이 온다 서버(server) 영어 단어 그대로 제공(serve)하는 주체 리소스 제공 일반적으로 서버는 리소스를 전달해 주는 역할만 담당 무엇을 하느냐에 따라 종류가 달라진다. 파일 서버는 파일을 제공하는 앱 웹 서버는 웹사이트에서 필요로 하는 정보들을 제공하는 앱 메일 서버는 메일을 주고받을 수 있도록 도와주는 앱 데이터베이스도 데이터 제공자로서 일하므로 일종의 서버라고 볼 수 있다. 클라이언트 리소스를 사용하는 앱 보통 플랫폼에 따라 구분 브라우저를 통해 주로 이용하는 웹(Web) 플랫폼에서의 클라이언트는 웹사이트 또는 웹 앱이라고..