01_Web

프론트엔드 관련 다양한 주제를 다룬 글을 모았습니다. 네트워크, 브라우저, 웹 개발을 위한 코드 지식과 함께 사용자 경험 및 모션 디자인에 관한 이야기를 담았습니다.

0

Svg로 Rounded rect형태의 progress bar 만들기 (feat. animation, path)

Progress bar를 구현해야한다.웹에서 찾을 수 있는 여러 예제들을 참고하여 사용해도 되지만, 커스텀하기 어려운 경우 직접 구현을 해야한다.바로 생각나는 엣지 케이스는 무엇일까 ? Rounded progress bar의 코너 부분채워지는 bar의 Corner 부분! base bar의 코너가 rouneded가 아니거나 + 채워지는 bar도 roun

0

피츠의 법칙과 Touch Target

[UX/UI의 10가지 심리학 법칙] 책을 읽으며 법칙별로내용 요약 + 개인적으로 찾았던 레퍼런스 + 그밖에 자료들을 모아서 작성한 글입니다. 사용하기 위해 움직이는(소비하는) 시간을 줄인다. → 접근성 인터렉션은 최소한의 노력만으로 불편없이 간단하게 이뤄져야 한다. 사용자가 인터랙티브 요소를 사용하려고 움직이는 데 드는 시간은, 인터렉션의

0

프론트엔드 개발자에게 UX는? 연기에 몰입해서 나오는 배우들의 애드립

피플웨어 책 초반에 이런내용이 나온다. .. 우리가 아는 프로젝트 대다수에서 그 어떤 기술적인 난관보다 사회적인 복잡도가 훨씬 더 컸다는 사실이 분명해 졌다. 그러면서, 불가피하게, 우리는 아주 속상한 결론에 도달했다. 다분히 사회학이 기술보다 더 중요하다는 사실을 오랫동안 느낌으로 알아왔으면서도 정작 우리 중 누구도 그렇게 관리하려 시도하지 않는다는 사

0

WebDAV와 공동작업

웹 분산 저작과 버저닝 Web Distributed Authoring and Versioning, WebDAV WebDAV는 웹 배포 공동 작업에 대한 또 다른 영역을 개척했다. 현재 공동작업으로 svn, git이 널리 쓰이고 있다 WebDAV은 공동 저작에 적합한 플랫폼을 제공하려고 HTTP를 확장하는 데 집중하였다. 1. WebDAV와

0

웹 호스팅

콘텐츠 리소스를 저장, 중개, 관리하는 일을 통틀어 웹 호스팅이라 한다. 필요한 하드웨어나 소프트웨어를 직접 관리하기 어렵다면,호스팅 서비스나 호스팅 업체가 필요할 것이다. 호스팅 업체는 서버와 웹 사이트 관리 프로그램을 대여해주고다양한 등급의 보안, 리포트, 사용 편의를 제공한다. 1. 호스팅 서비스 웹이 빠르게 대세가 되면서,모든 사람이 웹 사

0

내용협상과 트랜스코딩

HTTP는 클라와 서버가 서로 내용을 협상할 수 있도록 방법을 제공한다. content-negotiation 하나의 url이 여러가지 리소스 중 적합한 것에 대응되도록 할 수 있다. 여기서는 서로 다른 버전을 varient라고 부른다. 서버는 특정 url에 대해 어떤 콘텐츠가 클라에게 보내주기 가장 적절한지에 대한 판단도 할 수 있어야 한다.

0

국제화

국제적인 콘텐츠를 다루기 위해 필요한 HTTP 지원 HTTP에서 엔터티 본문이란 그저 비트들로 가득 찬 상자에 불과하다. 서버는 클라에게 문서의 문자와 언어를Content-Type charset 매개변수와Content-Language 헤더를 통해 알려준다. 클라는 서버에게사용자가 어떤 언어를 이해할 수 있고,어떤 알파벳의 코딩 알고리즘이 브라우

0

인스턴스 조작과 인코딩

웹 객체는 정적이지 않다. 같은 URL은 시간에 따라 다른 버전의 객체를 가리킬 수 있다. 같은 리소스를 여러번 요청했지만, 시간이 흐름에 따라 리소스의 다른 인스턴스를 받게 된다. 클라가 자신이 갖고 있는 리소스의 사본이서버가 갖고 있는 것과 정확히 같은지 판단하고,상황에 따라서는 새 인스턴스를 요청할 수 있는 능력을 가질 것을 요구한다. 인스턴스 조

0

엔터티와 인코딩

HTTP는 매일 수십억 개의 미디어 객체를 실어 나른다.HTTP는 콘텐츠를 잘 나르기 위한잘 라벨링된 엔터티를 사용한다. 엔터티와 엔터티 헤더들 웹상의 화물을 수송하기 위해 어떤일을 하는지 HTTP가 어떻게 콘텐츠 크기, 타입, 인코딩에 대한 필수적인 값들을 제공하는지 복잡하지만 강력한 기능을 알아본다.HTTP 엔터티, 범위요청(range requ

0

HTTPS의 세부사항

최근 인증서 관련 이슈를 만난적이 있었는데,이번 장을 통해서 조금이나마 이해가 될 수 있게 되었다 :) HTTPS는 HTTP의 가장 유명한 보안 버전이다. HTTPS는 HTTP 프로토콜에 대칭, 비대칭 인증서 기반 암호 기법의 강력한 집합을 결합한 것이다. HTTPS는 웹 기반 전자상거래의 고속 성장을 이끄는 주력이다. HTTP