Web-Hacking Browser DevTools 스테이지1. Background: Browser DevTools 웹 개발을 할 때는 프론트엔드의 자바스크립트나 백엔드 API에서 버그가 발생하는 경우가 잦고, 적용한 CSS가 맘에 들지 않을 때도 많습니다. 이런 경우에는 코드 에디터로 원하는 부분을 수정하고 브라우저로 결과를 확인해야 하는데, 만족스럽지 않으면 에디터와 브라우저를 오가며 수정을 반복해야 합니다. 특히 CSS는
Web-Hacking Web Browser 스테이지1. Background: Web Browser 도구로서의 소프트웨어는 반복적인 작업을 자동화하여 일의 능률을 높이고, 복잡한 기능을 쉽게 사용할 수 있도록 단순하고 직관적인 인터페이스를 제공합니다. 현대의 워드 프로세서에서는 굵기, 이탤릭체, 밑줄 긋기 등의 기능을 단축키로 쉽게 사용할 수 있고 이외에도 다양한 기능들을 지원합니다. 원고지에 글을 작성하거나, 타자기로
Web-Hacking HTTP/HTTPS 스테이지1. Background: HTTP/HTTPS 인코딩 컴퓨터의 모든 데이터는 0과 1로 구성된다. 지금 보고있는 글도 사실은 0과 1의 집합이다. “사과”가 사과를 가리키는데 약속이 필요하듯, 0과 1로 우리의 문자를 표현하는 것도 일종의 약속 덕분이다. 이런 약속들을 특별히 인코딩(Encoding) 표준이라고 하는데, 대표적으로 아스키(Ascii)와
Web-Hacking Web 스테이지1. Background: Web 웹이란? 인터넷을 기반으로 구현된 서비스 중 HTTP를 이요하여 정보를 공유하는 서비스를 웹이라고 한다. 여기서 정보를 제공하는 주체를 웹 서버(Web Server), 정보를 받는 이용자를 웹 클라이언트(Web Client) 라고한다. 식당에서 음식을 서빙하는 사람(Server)과 음식을 주문하는 고객(Client)의 관계로