float, position 말고 더 나은 그리드 레이아웃을 만들 수 있는 방법이 존재하지 않을까? 반응형 웹 디자인에 적합한 그리드 레이아웃을 만드는 방법을 알아보자! 💖 Flexbox [ Flexible Box module ] 1.Flexbox라 불리는 Flexible Box module은 flexbox 인터페이스 내의 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 로 설계되었습니다. 2. 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에서 효율적으로 요소를 배치, 정렬, 분산 할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식입니다. 복잡한 계산없이 요소의 크기와 순서를 유연하게 배치할 수 있는 방식으로 Flexbox는 복수의 자식요소인 Flex ite..

💖 기본 태그 웹 문서의 유형을 html로 지정문서를 html로 시작, 언어를 한국어로 지정   💖 문서 구조 태그 헤더 영역메인 영역콘텐츠 영역사이드 바 영역푸터 영역    내비게이션 영역,문서 내 다른 위치, 다른 문서로 연결할 때 사용독립적인 콘텐츠를 사용할 때콘텐츠 영역여러 소스 묶기    💖 텍스트 입력 , , , , , 제목단락줄 바꿈, 닫기태그 없음인용문, 들여쓰기 적용됨텍스트 굵게, 주로 중요한 내용일 때텍스트 굵게, 단순히 굵게 표시할 때텍스트 기울임, emphasis의 준말, 강조할 때텍스트 기울임, italic의 준말, 단순히 기울여 표시할 때텍스트 밑줄텍스트 취소선 줄임말참고 내용소스 코드작은 텍스트아래 첨자위 첨자공동작업문서에 새로운 내용 삽입공동작업문서에 기존 내용 삭..

프론트엔드 개발자가 아닌 마크업을 위주로 하는 웹퍼블리셔들은 대부분 일반 html5, css3을 작업하게 됩니다. 하지만 웹문서를 제작하는데 기본적인 프로그래밍 언어로 기본적인 이론을 알고지나가는것이 좋겠죠? 💖 HTML5[ HyperText Markup Language 5 ] 1. 웹 표준 기관인 월드와이드웹 컨소시엄(W3C)이 만들고 있는 차세대 웹 언어 규격이며 웹 문서를 제작하는 데 쓰이는 기본 프로그래밍 언어 HTML(hypertext markup language)의 최신규격으로, 웹페이지를 구성하는 데 있어 지배적인 역할을 하는 마크업 언어(markup language)이다. 2. HTML5는 문서 작성 중심으로 구성된 기존 표준에 그림, 동영상, 음악 등을 실행하는 기능까지 포함시켜 별도 설..