[아티클 프로젝트 049] Chrome is deploying HTTP/3 and IETF QUIC
Chrome is deploying HTTP/3 and IETF QUIC 2013년 Google에서 공개적으로 발표했으며 처음에는 Quick UDP Internet Connections의 약어로 제안되었지만, 오늘날에는 약어가 아닌 QUIC라는 프로토콜 이름 그대로 불리운다. 발표 이후 IETF(인터넷 프로토콜 유지를 담당하는 평균 조직)에 도입 된 후 IETF에서 사용하면서 개선하기 시작했고 IETF의 QUIC는 초반에 출시한 QUIC와 유사하지만 다른 버전이 되었다. IETF의 개선된 버전을 확인한 Google의 QUIC팀은 IETF를 추적해서 Google QUIC를 발전시켰고 많이 유사해졌다. IETF QUIC는 TCP를 통한 TLS 1.3보다 HTTP를 훨씬 능가하는 것으로 나타났다. 검색시간감소..
[아티클 프로젝트 047] 취준생이 반드시 알아야 할 프론트엔드 지식들 -CSS
취준생이 반드시 알아야 할 프론트엔드 지식들 -CSS Box Model box model Content Area Padding Area Border Area Margin Area box-sizing content-box : 컨텐츠 영역 기준 border-box : 테두리 영역 기준 Float 해제 부모에 float 적용 자식크기만큼 크기가 줄어듬 부모가 여러개일 경우 float를 또 써야하거나 clear해야함 부모에 overflow 적용 옵션에 따라 스크롤바가 생기거나 컨텐츠가 잘릴 수 있음 부모가 끝나기 전 빈 엘리먼트 추가 후 clear 적용 의미 없는 엘리먼트가 추가되므로 권장하지 않음 부모에 display:inline-block 적용 부모엘리먼트와 다음에 오는 엘리먼트 사이에 여백이 생김 자식크기..
아티클은 "TypeScript를 활용한 서비스개발"을 읽었는데, ORM이 뭔가 찾아보다가 정리해봤다. ORM이란 객체 관계 매핑(ORM, Object-relational mapping) " 데이터베이스와 객체 지향 프로그래밍 언어간의 호환되지 않는 데이터를 변환하는 프로그래밍 기법 객체 지향 언어에서 사용할 수 있는 "가상" 객체 데이터베이스를 구축하는 방법이다. " - 위키백과 ORM 객체와 관계형 데이터베이스의 데이터를 자동으로 연결해주는 것을 말한다. 객체지향프로그래밍은 클래스, 관계형데이터베이스(RDB, Relational Database)는 테이블을 사용 객체모델과 관계형 모델간의 호환 불일치가 발생할 수 있다. ORM을 통해 불일치를 해결한다. 객체지향프로그래밍 시 데이터베이스와 호환가능성을 ..
[아티클 프로젝트 042] NAVER FE devtalk: 디자인 시스템에 대한 소개와 효율성 개선 및 구축 경험공유 - 플랫폼 디자이너 없이 디자인 시스템을 구축하는 프로덕트 디자이너의 우당탕탕 고통 연대기
플랫폼 디자이너 없이 디자인 시스템을 구축하는 프로덕트 디자이너의 우당탕탕 고통 연대기 가이드를 만들기로 결심 플랫폼마다 사용자 UI/UX 다름 업무 용어의 통일성이 없었음 ===> 디자이너가 하나의 프로덕트에 고립되게 되는 현상 ! 플랫폼의 공통사항을 정리하자 Style Guide 개선이유 사용성을 더 좋게 개선하자. 커뮤니케이션이 더이상 발전하지 않았다. 디자인 원칙을 세우자! (문법과 어조를 추가로 통일, 정리하자) 디자인 시스템 - 두가지 시스템을 예시로 들수 있다. 1. UX, Style Guide, Code가 왁벽한 가이드 2. Code가 빠져있는 가이드 스타일 가이드 장점 확장성이 있어서 커뮤니케이션 비용이 줄어든다. 일관된 사용성 새로운 디자인을 할 때, 스타일 가이드를 토대로 재사용에 대..