Web

웹 사이트 동작 원리 1) 현재 호스팅 서버에 프로젝트 업로드 2) 서버는 사용자가 요청하면 브라우저에 응답(html, css, js) - 서버는 파일만 주고 받아서 연산, 컴퓨팅 기능은 존재하지 않음 3) 검색을 통해 OMDb API 서버에 영화 정보 요청 - 사용자가 호스팅 서버에서 영화정보를 가져오는 게 아니라, 따로 호스팅 서버를 통해서 받은 JS 코드를 통해 OMDb API 서버에 직접 요청 4) OMDb API에서 json 응답 -> 문제 발생!!! - OMDb API가 자신이 가지고 있는 DB에서 영화 정보를 추려서 다시 사용자에게 우리가 볼 수 있는 JSON 포맷으로 응답 문제 발생 과정 1) 호스팅 서버의 index.html 파일 전달 - Vercel, Netlify와 같은 호스팅 서버에..

1. HTML, CSS, JS (1) HTML (Hyper Text Markup Language) 페이지의 제목, 문단, 표, 이미지, 동영상 등 웹의 구조를 담당 (2) CSS (Cascading Style Sheets) 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당 (3) JS (JavaScript) 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리 담당 2. 웹앱의 동작 원리 (1) 최초 요청(Request) - URL에 맞는 서버로 최초의 요청 (2) 최초 응답(Response) - 서버에서 받은 요청은 사용자의 브라우저로 최초의 응답(HTML) (3) 추가 요청 - HTML 구조에 맞게 포함하는 CSS, JS, 이미..