💻 프로그래밍 언어/[HTML,CSS]3 [HTML, CSS] 초기선언 값과 태그와 속성의 이름이 같은 경우 header를 작성하던 중 header안에 div의 class명을 header로 주고 구역을 한번더 분리 하였다.CSS에서 .header를 이용해서 display를 flexbox로 변환하면 안에있는 요소들은 flex의 기본 정렬방향인 행방향으로 header안에 있는 item(h1, div)가 배열되어야 하는데 적용되지 않았다. 나만의 영화관 #CSS.header{ display: flex; justify-content: center;} → div의 클래스명을 header로 가져가.. 2025. 1. 13. [HTML, CSS] 요소를 원하는 곳에 배치하려면? 그림이 계속 겹친다면?(1) CSS를 통해 요소들을 원하는 곳에 배치하고, 레이아웃을 표현하려면 Display, Position, float 등의 속성들을 파악해야한다. 먼저 오늘은 display 속성 그 중에서도 outside 부분을 먼저 정리하려고 한다. Display : 요소의 기본 레이아웃 방식을 정의하는 속성 값 display의 세부 속성값은 Display-outside과 Display-inside으로 나뉜다. display-outside(block, inline, inline-block), display-inside(flex, grid 등) outside에 해당되는 속성값들은 요소의 외부적인 특징을 설정하는 속성값이다. 대표적으로 :block :inline :inline-block이 있고 이 세가지의 차이를 직접 .. 2024. 12. 30. 웹브라우저, HTML, CSS에 대하여 웹 브라우저의 동작 원리: 브라우저의 역할은 요청을 보내고 받은 HTML을 그려주는 것 Q. 여기서 그럼 요청은 어디로 보내나요? -> 정답은 서버 이때 서버와 브라우저가 소통하는 통로를 API라고 합니다. ex) 레스토랑(서버-백엔드), 손님(클라이언트-유저), 웨이터(클라이언트-프론트엔드), 메뉴판(API), 요리(서비스) 사용자(손님): 메뉴판을 보고 원하는 요리를 웨이터에게 요청합니다.실제로는 버튼 클릭, 입력 폼 제출 등으로 요청을 전달하죠.웨이터(프론트엔드): 사용자 요청을 받아, 메뉴판(API)의 규칙에 따라 주방(서버)에 요청합니다.예: "서울의 날씨를 알려달라는 요청입니다!"메뉴판(API): "서울 날씨를 요청하려면 이렇게 말해야 하고, 응답 형식은 이렇게 나올 거야!"라고 알려줍니.. 2024. 12. 23. 이전 1 다음
