HTML/CSS

1. 웹개발과 HTML 인터넷이란? 여러 대의 컴퓨터를 하나로 연결해주는 거대한 통신망. (사용하다 보니 연결된 컴퓨터 간의 정보 교환을 위한 시스템 필요.) → world wide web → web(웹) 탄생 웹 개발이란? 인터넷과 웹을 통해 공유할 웹 사이트

HTML이란 HTML(Hyper Text Markup Language)은 World Wide Web의 기본 언어, 즉 웹 페이지 개발을 위한 기본 언어이다. HTML5는 HTML 표준의 5번째 업그레이드 버전이다. 웹 페이지를 열때마다 Active X나 Flash

1. CSS 소개 1. CSS란? 캐스케이딩 스타일시트 (Cascading Stylesheet)를 의미한다. Cascading : 폭포같은, 계속되는, 연속적인 Style : 멋을 내다. Sheet : (종이나 문서) 한 장 → 연속적으로 스타일을 정의하는 문서

XML이란 Extensible Markup Language로 사용하면 공유 가능한 방식으로 데이터를 정의하고 저장할 수 있다. XML은 웹 사이트, 데이터베이스 및 타사 애플리케이션과 같은 컴퓨터 시스템 간의 정보 교환을 지원한다. 사전 정의된 규칙을 사용하면 수

1. 요소의 유형 `` 💫이전 내용 복습 블록 레벨 요소 : 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성한다. ex) div, p, h1 등 인라인 요소 : 자기에게 필요한 만큼의 공간만 차지한다. ex) span, a 등 1. `` `` 속성은

1. UX UX는 (User Experience)의 약자로, 사용자가 제품이나 서비스에 대해 전체적으로 느끼는 사용자 경험을 의미한다. UX 디자인이란 제품을 신중하게 설계하여 사용자의 경험을 향상시키는 방식이다. ‘인간에 대한 우선적’ 접근 방식이 강조되는 디자인

1. 변형과 전환 1. 변형과 transform 속성 웹 요소에는 변형을 적용할 수 있다. 변형이란, 요소의 크기나 위치를 바꾸는 것을 뜻하는데, 이때 크기나 위치는 요소의 x축과 y축을 기준으로 바꾼다. 변형을 적용하기 위해서는 CSS의 transform 속성을 사용하는데, 여기에는 CSS가 지원하는 다양한 변형 관련 함수들을 속성값으로 지정한다. ...

브라우저마다 제공하는 user agent style이라는게 존재하는데, 말 그대로 브라우저별 스타일 기본값이다. 브라우저별로 이런 스타일 기본값이 다르기 때문에 우리는 reset.css와 normalize.css를 사용하게 된다. 1. Reset.css reset.css란, 이름 그대로 모든 브라우저의 형태에서 기본으로 제공되는 스타일을 전부 없애버...

이번 회차 교육에서는 플렉스 박스와 웹 페이지 클론 코딩 위주로 진행한다. 0. CSS 레이아웃 레이아웃(layout)이란? '구성 요소를 공간에 효과적으로 배열하는 일, 또는 기술'을 뜻한다. CSS 레이아웃은 웹 요소를 올바른 장소에 배치하는 기술이다. CSS 레이아웃 기술은 형제 요소들을 가지런히 정렬할 수 있게 해주며, 요소가 컨테이너 내부에서...