Web

Client Server Architecture 리소스가 존재(제공)하는 곳(서버)과 리소스를 사용하는 앱(클라이언트)을 분리시킨 것 다른 말로는 2티어 아키텍처라고도 한다. > 카페를 예로 들자면, 리소스에 접근하려는 앱은 손님이다. 손님은 아메리카노를 마시기 위해

Uniform Resource Locator의 줄임말로, 네트워크 상에서 웹 페이지나 이미지, 동영상 등과 같은 파일이 위치한 정보를 나타낸다. scheme: 통식 방식(protocol)을 결정, 일반적인 웹 브라우저에서는 http(s) 사용hosts: 웹 서버의 이름

HTTP Messages: 클라이언트와 서버 사이에서 데이터가 교환되는 방식요청(Requests)클라이언트가 서버에게 보내는 메시지 응답(Responses)HTTP Messages는 몇 줄의 텍스트 정보로 구성되며 구성파일, API, 기타 인터페이스에서 HTTP Mes

W3C(World Wide Web Consortium)에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법유지 보수의 용이성웹 표준으로

HTML 요소는 표시 방법에 따라 인라인, 블록 요소로 나뉜다.Inline 요소는 항상 Block 요소 안에 들어가야 하며, 반대의 경우는 있어서는 안 된다. 보통 특정 요소가 Inline 인지 Block 요소인지 정확하게 알지 못할 때 이런 실수를 한다.<b>

웹 사이트에 접근하는 브라우저의 종류에 상관없이 동등한 화면과 기능을 제공할 수 있도록 만드는 작업을 의미핵심 point! 동일한 이 아닌 동등한 표현에 집중하자. 크로스 브라우징은 모든 브라우저 상에서 완전히 똑같은 화면이 보이도록 만드는 것이 아니다. 애초에 브라우

✨ Intro 네이버나 구글 같은 검색 엔진을 이용하면서 원하는 결과를 바로 찾기 어려웠던 경험과 반대로 원하는 결과는 찾았지만 굳이 마지막 페이지까지 매번 보는 유저는 많이 없을 것이다. 심지어 원하는 결과가 상위에 있다면 검색 페이지의 1 페이지 조차 전부 확인하

장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것사용자층 확대웹 접근성을 확보하면 장애인, 고령자 등 정보 소외 계층도 웹 사이트를 자유롭게 이용할 수 있게 된다. 그만큼 사이트의 이용자를 늘릴 수 있고, 새

프론트엔드 개발자라면 단순히 코드 개발을 하는 것을 뛰어넘어 브라우저가 어떻게 동작을 하는지, 어떻게 렌더링을 수행하는 지에 대해 아는 것이 굉장히 중요합니다. 결국 여러분이 친 코드는 브라우저라는 소프트웨어 프로그램 상에서 수행되기 때문입니다. 아무리 잘 짜여진 코드

과거의 웹사이트들은 데스크탑 컴퓨터를 통해서 이용하는 경우가 대부분이었습니다. 웹사이트를 제작하는 개발자들은 데스크탑에 최적화된 화면만 구성하면 이용자들이 웹사이트를 이용하는데에는 불편함이 없었습니다.이후 전자기기의 발전으로 인해 데스크탑 뿐만 아니라 태블릿, 스마트폰

브라우저 렌더링에서 렌더링(rendering)이란 HTML, CSS, JavaScript 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정을 의미합니다. 현존하는 브라우저마다 다르지만, 브라우저는 기본적으로 렌더링을 수행하는 렌더링 엔진을 가지고 있습니다.사용자가