본문 바로가기

Web

(4)
Base64 간단정리 + Base64 이미지 html,css,JS로 사용하기 img의 src에 파일을 업로드 하지 않고 긴 문자형태가 들어가 있는 것을 봤는데, data:image/png;base64 와 같은 형태였다. 검색 후 아래와 경우에는 이미지를 base64인코딩 방식으로 사용한다는것을 알았다. 크기가 작은 이미지를 이미지 파일없이 html에 만들어 넣는다거나 간단한 페이지를 작성해 임시로 이미지를 사용하는 경우 메일을 html으로 작성해서 보내는 경우 그렇다면, base 64는 무엇일까?🥸 Base 64란 ? Base 64 는 데이터를 64진법 으로 나타내는 것으로, 0부터 63까지 ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/ 으로 나타낸다. A-Z,a-z,0–9,/+ 만을 사용하기 때문에, 문자 포..
RESTful API와 GraphQL 일단 알아둬야할 Server API란 ? 적절한 요청을 하였을 때, 그에 맞는 응답을 되돌려주는 창구 (Endpoint) 를 Web 을 통해 노출한 것을 말한다. 이 Server API 를 만드는 방법론 중 하나로 REST 라는 것이 있으며, 이 방법론은 많은 Server API 들을 구성하기 위해 사용되어왔고, 또 현재도 많이 사용되고 있다. REST 와 RESTful 모든 Resource (자료, User, …) 들을 하나의 Endpoint 에 연결해놓고, 각 Endpoint 는 그 Resource 와 관련된 내용만 관리하게 하자는 방법론이다. 여러 Resource를 stateless 클라이언트 서버 프로토콜중에서 HTTP URI 로 표현하고 그 리소스에 대한 행위를 HTTP method로 정의한다...
URL, URN 그리고 URI GraphQL과 RESTful API 정리하다가 URL, URN 그리고 URI의 차이점에 대해서 알고 넘어가야 할것 같아서 작성하는 글이다. 결론부터 말하자면 아래와같다. 자원의 식별자(URI), 위치(URL), 이름(URN) URI(Uniform Resource Idntifier) URI(Uniform Resource Locator)는 말 그대로 통합 자원 식별자(ID)로써, 인터넷의 주소 같은 것으로, 정보 리소스를 고유하게 식별하고 위치를 지정할 수 있다. URI의 하위개념으로 URL과 URN이 존재 URL(Uniform Resource Locator) URL(Uniform Resource Locator)은 특정 서버의 한 리소스에 대한 구체적인 위치를 서술한다. URL은 리소스가 정확히 어디에 있..
브라우저의 동작원리 1 브라우저의 주요 기능 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정한다. 2 브라우저의 기본 구조 1 . 사용자인터페이스 | 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분 2. 브라우저엔진 | 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어 3. 렌더링엔진 | 요청한 콘텐츠를 표시 4 . 통신 | HTTP요청과같은 네트워크 호출에 사용 5 . 자바스크립트 해석기 | 자바스크립트 코드를 해석하고 실행 6...