html (2) 썸네일형 리스트형 [BoostCourse] 브라우저란? 스프링을 좀 더 재밌게 배우기위해서 시작한 부스트코스. 브라우저가 무엇인지 부터 보고 가고자한다. Browser 브라우저의 동작 서버에서 전송한 데이터가 도착해야할 곳은 Browser이다. 브라우저에는 데이터를 해석해주는 parser와 데이터를 화면에 보여주는 **렌더링 엔진이 포함되어있다. 브라우저의 구성 UI Browser 엔진 소스코드를 실행해서 화면에 보여준다. 브라우저 소프트웨어를 동작시켜주는 핵심 엔진이라고 생각하자. 렌더링 엔진 화면에 위치를 잡고 픽셀 단위로 그려주며, 브라우저별로 다르다. HTML을 파싱하는 것으로 시작하는데, HTML이 가진 의미를 하나하나 파악하는 과정이다. 트리구조의 형태로 HTML을 가진다. 이를 통해 렌더 트리를 생성한다. 렌더트리의 스타일 정보(CSS)와 구조를.. [JS] fetch API (no jQuery) 오늘 새벽 간단한 웹 문제를 풀다가 생각지도 못하게 당황하는 일이 발생했다.. html과 js만을 가지고 서버에 요청을 보내보는 것이었는데, 그동안 프론트 공부를 종종 해보긴 했지만 html과 js파일만으로 서버에 요청을 보내는 건 한 번도 해본 적이 없었기 때문에... 프레임 워크에 잘 만들어져 있는 모듈을 많이 쓰다 보니 더 애를 먹은 것 같다. 소개할 API는 fetch API다. fetch API의 존재를 알면 간단해진다. 형태는 아래와 같다. function submit () { fetch('/submit', { method: 'POST', // http 메소드 headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ check.. 이전 1 다음
