일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- css 오버레이
- Sass
- close together
- select by attribute
- Engoo
- node
- flexbox
- shit-christmas
- 디자인패턴
- es6
- module wrapper function
- flex-basis
- flex-grow
- flex-shrink
- just-one-small-sip
- improve-iq-by-up-to-10%!
- regExp
- css
- Prototype
- css variables
- Object.create
- 정규표현식
- express-handlebars
- Node.js
- css grid
- ajax
- JS
- img 확대
- 무료 백엔드 배포
- Express
- Today
- Total
목록2021 프론트 엔드 로드맵 따라가기 (65)
브라우저마다 다르게 설정된 요소의 서식을 초기화하여 똑같이 보이도록 하는 작업이다. *를 쓸 수도 있지만 모든 태그에 작업을 할 경우 처리량의 차이가 있기에 보통은 다른 사람이 작성해놓은 코드를 사용한다고 함.
html 요소들은 위와 같은 box model을 가지고 있다. box-sizing 속성의 값은 두 가지로 나눌 수 있다. content-box: width속성의 값이 내용(content)에만 적용된다. border-box: width속성의 값이 내용 + padding + border 값 만큼 적용된다. 따라서 content의 크기는 width - padding + border 값으로 설정된다.
가장 많이 쓰이는 display속성은 다음과 같은 4가지이다. block, inline, inline-block, none block: 박스형태로 표시됨. 다른 요소가 수평으로 붙지 않고 줄바꿈으로 표시됨 inline: 내용(content)만큼만 표시됨. 또한 박스형태를 가지고 있지 않기 때문에 width 등의 속성이 적용되지 않음 inline-block: 박스형태로 표시되는데 다른 요소가 수평으로 붙을 수 있음 none: 표시 안함
HTTP HyperText Transfer Protocol의 약자로 컴퓨터가 문서를 요청할 때 사용하는 규약입니다. HTTP is stateless HTTP는 통신을 할 때마다 그 상태를 기억하지 않습니다. 따라서 각 요청들은 서로 독립적이죠. 브라우저의 LocalStorage, 세션, 쿠키 등을 이용해 기억을 못하는 단점을 해결할 수 있습니다. HTTPS TLS 를 통해 HTTP 요청과 응답이 암호화되어 통신하는 프로토콜입니다. 따라서 신용카드 정보나 기타 유출되어서는 안되는 개인 정보등을 통신해야할 때 이용됩니다. HTTP는 요청과 응답은 Header와 Body로 나뉘어져 있습니다. Body 서버가 HTML문서를 응답할 때 HTTP Body에 텍스트를 입력하여 응답합니다. 또 form 데이터를 담아 ..
1. 인터넷 표준화된 프로토콜들에 따라 서로 통신하기 위해 연결된 전세계적 컴퓨터 네트워크(연결망)를 의미한다. 아래의 동영상은 인터넷과 정보전달에 관해 이해하기 쉽게 설명한 동영상이다. 그 동안 정확한 뜻을 모르고 사용했던 Bandwidth (대역폭) 라던가 그 측정 단위인 bit rate, latency 등의 개념을 누구나 이해하기 쉽게 표현하여 유익했던 것 같다. 2. 프로토콜 기계들의 상호 간 통신을 위해 정해진 규칙 또는 표준의 집합들을 의미한다. 이런 규칙과 표준들이 있기에 모두가 원활하게 의사소통을 할 수 있게 된다. 인터넷의 창시자인 Vint Cerf는 인터넷의 가장 중요한 점이 프로토콜들을 표현하는 디자인 철학이라고 얘기한다. 물리적으로 인터넷이 어떻게 구현되어지는가보다 각각의 통신 목적..