목록Computer/Web (7)
선릉역 1번 출구
보호되어 있는 글입니다.
http header의 Cache-Control의 필요성 대부분의 Client(앱, 웹 등등)는 Back-end와 HTTP을 통해 통신을 해서 데이터를 가져오고 사용자에게 UI를 제공함 server와 client의 연동이라고 볼 수 있음 Client로 보내는 데이터가 네트워크를 거치기 때문에 시간이 소요됨 이때, Client가 이전에 받은 데이터와 새로 요청한 데이터가 같다면 이 과정이 낭비일 수 있으므로 Cache-Control을 사용함 Server는 부하를 줄이고(요청이 줄기 때문), Client는 네트워크를 거치는 시간을 아낄 수 있음 구조 상 client - cache server - server라면, 요청이 server까지 도달하지 않아도 cache server에서 가져올 수 있기 때문이고, 이..
보호되어 있는 글입니다.

The table header The table body with two columns 테이블은 가장 큰 요소가 요소임 He-Man and Skeletor facts 그 후 요소를 사용해서 표의 설명 또는 제목을 나타낼 수 있음 테이블에서 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용함 해당 예시는 요소를 사용해 span="2"로 지정해 "학번", "이름" 열이 두개로 묶인 것을 확인할 수 있음 *table에서 scope 속성 이용: scope 속성: 테이블의 th or td등의 해당 셀에게 사용하고 컬럼인지 행인지의 여부를 알려주는 역할임 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=gounsori90&logNo=..
페이지의 구성 요소 header: 큰 제목과 로고 등이 있는, 웹페이지에서 주요 정보가 위치하는 곳 navigation bar: 홈 페이지의 메인 섹션으로 연결 //많은 웹 디자이너들은 네비게이션 바를 개별적인 구성 요소로 사용하기 보단 header bar의 일부로 다루지만 이는 필수 사항이 아님 main content: 웹 페이지에서 가장 독특한 컨텐츠를 포함하고 있는 중심의 큰 부분 sidebar: 주변의 정보, 링크, 인용 부호, 광고 footer: 페이지 바닥의 줄로 일반적으로 작은 정보, 저작권 정보 또는 연락처 등을 포함함 ***semantic을 고려해서 요소를 적재적소에 사용해야 함 -> 시각 장애인들에게는 색상과 글꼴이 중요하지 않기 때문임 화면이 전체 스토리를 말해주지 않음 header:..
HTML(HyperText Markup Language): 웹을 이루는 가장 기초적인 구성 요소, 웹 콘텐츠의 의미와 구조 정의 Not programming lauguage!, 컨텐츠 구조를 정의하는 마크업 언어 컨텐츠의 서로 다른 부분들을 씌우거나(wrap), 감싸서(enclose) 다른 형식으로 보이게 하거나 특정한 방식으로 동작하도록 하는 일련의 요소로 이루어져 있음 HTML 요소 분석 여는 태그(opening tag): 요소의 이름으로 구성되고 으로 감싸짐 닫는 태그(closing tag): 여는 태그와 같지만 요소의 이름 앞에 전방향 슬래시가 포함됨 ex) 컨텐츠(content): 요소의 내용 요소(element): 여는 태그 + 닫는 태그 + 컨텐츠 HTML 속성 실제 컨텐츠로 표시되길 원하지..